Comment animer un globe 3D rotatif avec Illustrator et Photoshop

Kak Sozdat Animaciu Vrasausegosa 3d Globusa S Pomos U Illustrator I Photoshop



indéfini

En tant qu'expert en informatique, on me demande souvent comment animer un globe 3D rotatif avec Illustrator et Photoshop. Voici un bref aperçu des étapes impliquées : 1. Tout d'abord, créez un nouveau document dans Illustrator et dessinez un cercle. 2. Ensuite, ajoutez un remplissage dégradé au cercle et définissez l'angle sur 45 degrés. 3. Ensuite, créez un nouveau calque dans Photoshop et ajoutez une photo d'un globe. 4. Enfin, utilisez l'outil Puppet Warp pour animer le globe. Voici un tutoriel vidéo rapide montrant les étapes impliquées :



Cette leçon vous montrera comment créer ou réaliser une animation 3D Globe spinning, spinning ou spinning avec illustrateur et photoshop. Illustrator et Photoshop sont deux des meilleurs logiciels graphiques d'Adobe. Les deux ont des similitudes et des différences. Vous pouvez vous demander quelle est la différence. Lorsque vous utilisez les deux, vous vous rendrez compte qu'ils sont tous les deux bons dans des domaines différents.







refrescando windows 8.1

Comment animer un globe 3D rotatif avec Illustrator et Photoshop





Comment animer un globe 3D rotatif avec Illustrator et Photoshop

Illustrator et Photoshop peuvent avoir leurs différences, mais ils fonctionnent bien ensemble. Les deux ont leurs forces et leurs faiblesses. Créez un globe 3D tournant avec Illustrator et Photoshop. utilisera les forces de chacun pour créer une magnifique œuvre d'art. Illustrator sera utilisé pour la partie 3D du globe et la carte ajoutée à celle-ci, tandis que Photoshop se chargera de la partie GIF animée.



  1. Ajouter une carte aux symboles
  2. Créer une sphère 3D
  3. Ajouter une carte à une sphère
  4. Prenez des photos sous différents angles du globe
  5. Animer des images dans Photoshop
  6. Donjon

1] Ajouter une carte aux symboles

Une étape dans la création d'un globe nécessite l'ajout d'une carte du monde à la sphère. Pour ce faire, la carte du monde devra être ajoutée à la palette de symboles. Trouvez la carte du monde et ouvrez-la dans Illustrator, maintenez et faites glisser vers le panneau Symboles. Donnez un nom au symbole si vous le souhaitez et cliquez sur OK pour fermer.

2] Créer une sphère 3D

L'étape suivante consiste à créer une sphère qui contiendra la carte du monde. Utilisez l'outil Ellipse dans Illustrator pour créer un cercle parfait.

3] Ajouter une carte à la sphère

L'étape suivante consiste à ajouter une carte du monde à la sphère.



4] Prenez des photos sous différents angles du globe

L'étape suivante consiste à photographier différents côtés du globe. Ceci est important car la création d'un GIF animé rotatif nécessitera différents côtés pour ajouter Photoshop. Pour obtenir les images, vous devrez décider du niveau de détail que vous voulez que le globe en rotation ressemble. Plus vous voulez de détails, plus vous devrez prendre de photos. Plus vous voulez prendre de photos, plus le processus prendra de temps. Cet article ne montrera pas toutes les images, mais en rassemblera certaines pour vous donner une idée de la façon dont c'est fait.

Capture d'image

Comment créer un globe-rotatif-3D-avec-Illustrator-et-Photoshop-3D r

Pendant que vous êtes toujours dans l'option de rotation 3D, vous verrez un cube 3D, vous remarquerez que chaque fois que vous le faites pivoter, le globe tourne et montre l'autre côté. Si vous voulez plus d'images et que vous êtes patient et que votre main est stable, vous pouvez faire pivoter le cube en vous arrêtant de chaque côté, fermer l'option de rotation 3D (appuyer sur ok) et aller à Déposer Alors Exporter , sélectionnez un nom de fichier indiquant de quel côté et dans quel ordre, sélectionnez PNG comme type de fichier, puis cliquez sur Donjon . Le type de fichier PNG garantit que l'arrière-plan n'est pas enregistré.

Comment créer un globe rotatif 3D à l

Lorsque vous avez changé de côté à l'aide de la fenêtre 3D, vous avez remarqué que la valeur à la deuxième position de rotation ne cessait de changer. Les autres valeurs ont également changé, mais la deuxième case à partir du haut contrôle la rotation de la vue latérale.

Veuillez noter que si vous voulez un globe tournant plus détaillé, vous devrez prendre plus d'images. Vous pouvez obtenir plus de visages avec plus de précision en entrant des valeurs dans la deuxième case à partir du haut. Faites la première valeur de 18 degrés, et lorsque vous enregistrez cette image, continuez à l'augmenter de 18 degrés jusqu'à ce que vous arriviez à 360. Cela signifie que vous aurez un total de vingt valeurs à saisir et à exporter. Vingt images à utiliser dans un GIF animé dans Photoshop.

Comment créer un globe rotatif 3D avec Illustrator et Photoshop - Positions de rotation 3D

Si vous ne souhaitez afficher que quelques côtés, vous pouvez cliquer sur la flèche déroulante vers le haut, Position . Un menu déroulant apparaîtra avec toutes les positions prédéfinies, cliquez sur l'une des positions et la sphère tournera. Ensuite, vous appuyez sur ok à chaque fois, puis vous accédez à Déposer Alors Exporter , sélectionnez un nom de fichier indiquant de quel côté et dans quel ordre, sélectionnez PNG comme type de fichier, puis cliquez sur Donjon . PNG Le type de fichier garantit que l'arrière-plan ne sera pas enregistré.

Comment créer un globe rotatif 3D à lSi vous allez prendre quatre angles du globe pour qu'il tourne avec précision, prenez des photos Devant Alors Droite , Alors Dos Alors gauche . Donnez-leur des numéros dans l'ordre dans lequel ils doivent être placés sur la chronologie dans Photoshop. Voici à quoi cela ressemblera Avant 1 Alors Droite 2 , Alors Retour 3 Alors Gauche 4. En perspective 3D, allez à la position et sélectionnez-en quatre. Utilisez cet ordre pour ajuster dans Photoshop le GIF.

5] Animer des images dans Photoshop

Maintenant que vous avez créé le globe et enregistré les images, il est temps de créer l'animation dans Photoshop. Pour ce faire, vous devrez créer un GIF animé à l'aide de la chronologie de Photoshop pour créer une forme vidéo image par image. C'est comme dessiner dans un livre physique, puis feuilleter les pages pour animer les images. Cette chronologie Photoshop fonctionne de la même manière, elle utilise des calques et une synchronisation pour créer un effet de mouvement. Le fichier sera enregistré au format GIF. Le format GIF prend en charge l'animation.

buscar correos electrónicos archivados en Outlook

Activer la chronologie

Il est temps de charger les images dans Photoshop. Ouvrez Photoshop et créez un nouveau document aux dimensions souhaitées. Pour ouvrir un nouveau document, sélectionnez Fichier, puis Nouveau, ou cliquez sur Ctrl + Í . La fenêtre Options de nouveau document apparaîtra, sélectionnez les options et cliquez sur Bien pour les confirmer. Ensuite, vous allez à Fenêtre Alors Graphique et Graphique L'interface apparaîtra au bas de la zone de canevas. Le document créé sera la première image de la chronologie.

Comment créer un globe rotatif 3D à lIl est temps de placer les images dans Photoshop. Il est important de placer les images dans le bon ordre sur la chronologie. L'ordre dans lequel ils se trouvent est l'ordre dans lequel ils seront joués. Vous pouvez charger une image dans Photoshop en allant soit sur Déposer Alors Lieu et trouvez l'image, cliquez dessus et appuyez sur 'lieu'. La commande 'Placer' placera l'image sur le canevas. Vous pouvez également ouvrir une image en allant sur Déposer Alors ouvrir puis recherchez l'image, sélectionnez-la et cliquez sur Ouvrir. Cette méthode ouvrira l'image dans un nouveau document et vous devrez cliquer dessus et la faire glisser dans le document souhaité.

La première image occupera la première place sur la chronologie. Assurez-vous que cette image est la première à partir de laquelle l'animation commencera. L'image sera également visible dans le panneau des calques. La deuxième image peut maintenant être placée dans Photoshop, suivez les instructions pour la placer dans Photoshop. Avant de placer une image, allez dans la timeline, cliquez sur le bouton Dupliquer le calque sélectionné icône. Le calque sélectionné sera dupliqué avec l'image dessus et le calque nommé Cadre 2 sera placé dans le panneau des calques. Vous allez placer la nouvelle image dans le cadre 2. Procédez comme suit pour chaque image. Assurez-vous que les images sont de la même taille et que la dernière recouvre complètement l'image précédente, sauf si vous créez un effet spécial. Une fois toutes les images placées dans Photoshop sur la timeline, notez qu'elles sont correctement alignées. Effectuez un test de l'animation en cliquant sur le bouton Lire l'animation et voyez à quel point elles s'alignent. Ne vous inquiétez pas du timing à ce stade, vous essayez simplement de surveiller l'alignement et les différences de taille.

Dépannage

Vous pourriez avoir un problème où les images précédentes affectent les images qui viennent après et apparaissent là où elles ne devraient pas être. Cela peut être résolu en trouvant le bouton de menu à l'extrême droite de la chronologie, en cliquant sur le menu et en le décochant. Le nouveau calque est visible dans tous les cadres . Dans le même menu, il est possible d'allumer et d'éteindre Créer un nouveau calque pour chaque nouvelle image . Activez-les ou désactivez-les et voyez comment ils affectent le résultat.

pintura pinta

Si les vignettes de la chronologie sont trop petites, appuyez sur le bouton de menu de la chronologie et sélectionnez Options du panneau . Les options du panneau Animation s'ouvriront et vous verrez les options de taille des vignettes. Petit , Milieu , je Grand . Moyenne est la taille par défaut. Vous pouvez choisir la taille qui vous convient.

Ajouter une couleur d'arrière-plan (facultatif) Comment créer un globe 3D rotatif dans Illustrator et Photoshop - Fond blanc

Cette image est sur fond blanc.

Vous pouvez rendre l'animation encore meilleure en ajoutant des éléments supplémentaires, vous pouvez ajouter une couleur d'arrière-plan pour faire ressortir le globe. Pour ajouter une couleur d'arrière-plan, accédez au panneau des calques et cliquez sur le calque d'arrière-plan, accédez au bas du panneau des calques et cliquez sur l'icône 'Créer un nouveau calque de remplissage ou de réglage'. Choisissez parmi Couleur unie, Dégradé ou Motif. Cet article utilisera l'option Couleur unie. Utilisez une belle couleur qui fera ressortir le globe. Vous pouvez également utiliser une couleur sombre pour simuler l'espace et ajouter des étoiles avec l'outil pinceau. Lorsque vous ajoutez la couleur d'arrière-plan, vous devrez cliquer sur chaque cadre et activer le calque de couleur. Comment créer un globe-rotatif-3D-avec-Illustrator-et-Photoshop--

Cette image est sur un fond noir avec des étoiles.

Temps d'installation

C'est la partie où vous contrôlerez la vitesse de l'animation. Si l'animation est trop rapide, elle sera difficile à regarder. Si c'est trop lent, ce sera ennuyeux à regarder. Trouvez un temps qui n'est ni trop rapide ni trop lent. Choisissez le bon moment en fonction de ce qu'il pourrait y avoir d'autre dans l'animation. S'il y a des informations à lire, ralentissez suffisamment le temps d'animation pour laisser suffisamment de temps pour lire.

Comment créer un globe-rotatif-3D-avec-Illustrator-et-Photoshop-2--

Pour régler l'heure, accédez à chaque image et cliquez sur la flèche déroulante où vous voyez les secondes affichées. Un menu contextuel apparaîtra avec diverses options de temps. Vous devrez peut-être choisir un autre moment et expérimenter jusqu'à ce que vous trouviez le bon. Vous pouvez également faire en sorte que chaque image ait une heure différente.

cómo usar prtsc en windows 10

Vous pouvez également choisir combien de fois l'animation se répétera avant de s'arrêter.

Regardez sous les cadres et vous verrez le mot Pour toujours . C'est l'heure par défaut. Cliquez sur la flèche déroulante pour ouvrir un menu dans lequel vous pouvez sélectionner un nombre différent de fois. Une fois , trois fois et Pour toujours un nombre de fois donné, si vous souhaitez sélectionner un nombre de fois différent de ceux-ci, sélectionnez Un autre et vous aurez la possibilité d'entrer le nombre de fois souhaité.

6] Enregistrer

Pour enregistrer au format GIF, accédez à Déposer , Enregistrer pour le Web , et une boîte de dialogue apparaîtra. Vous pouvez simplement choisir de prévisualiser le GIF ou cliquer sur OK si vous n'avez pas besoin d'apporter de modifications. Le GIF animé jouera dans n'importe quel navigateur Web. La boîte de dialogue Enregistrer pour le Web comporte un bouton d'aperçu qui vous permet de prévisualiser le GIF et d'afficher une copie du code HTML.

Il s'agit d'un globe tournant animé. Si vous voulez que ce soit plus fluide, vous aurez besoin de plus d'images pour rendre les virages plus fluides. Il existe d'autres effets et fonctionnalités ajoutés pour améliorer l'illustration. Vous pouvez faire preuve de créativité et ajouter ce que vous voulez.

Lire : Comment créer un motif avec l'outil de forme personnalisée dans Photoshop

Comment créer une forme 3D dans Illustrator ?

Dans Illustrator, vous pouvez créer de nombreuses formes en 3D, dans certains cas, il vous suffit d'expérimenter. Si vous voulez une sphère 3D, créez simplement un cercle dans Illustrator, coupez-le en deux et supprimez le côté gauche, puis utilisez l'effet Rotation 3D. Vous pouvez ensuite ajouter d'autres effets à la sphère 3D.

Comment créer un cône 3D dans Illustrator ?

Créer un cône 3D dans Illustrator est très simple, il suffit d'utiliser l'outil Ligne. Tracez une ligne puis allez à Effet Alors 3D Alors tourner , cliquez sur Aperçu et vous verrez la ligne se transformer en un cône 3D. vous pouvez cliquer Bien pour fermer et confirmer les modifications

Articles Populaires