1. Design & Illustration
  2. Drawing/Illustration
  3. Animals

Créer une animation de cycle d'exécution à partir de zéro dans Adobe Photoshop

Scroll to top
Read Time: 27 min
This post is part of a series called Animation in Adobe Photoshop.
Create an Animated Interface GIF in Adobe Photoshop
How to Create an Animated Pixel Art Sprite in Adobe Photoshop

() translation by (you can also view the original English article)

Final product imageFinal product imageFinal product image
What You'll Be Creating

Dans ce tutoriel, je vais vous montrer comment créer une animation de l'exécution d'un guépard, à l'aide d'une simple image de l'éditeur dans Adobe Photoshop. 

 Nous allons d'abord apprendre comment préparer une base pour chaque trame sans un idéal de référence, l'apprentissage de ce qu'est une exécution du cycle est, ensuite, nous allons ajouter le corps à l'aide de gros chat de l'anatomie, de l'ombre le guépard avec de très méthode simple et efficace, et, en fin de compte, nous allons ajouter les taches qui suivent le mouvement du corps.

Alors que c'est une exécution du cycle spécifique pour un guépard, les techniques utilisées peuvent être facilement adapté à n'importe quel autre animal.   Cela ne va pas être un "tirage au sort-un-cadre--à un autre-cadre" type de tutoriel - mon but est de vous montrer comment garder le contrôle sur tout le processus au lieu de s'appuyer sur l'intuition artistique.

1. De L'Immeuble De Base 

 Tout d'abord, nous avons besoin d'un jeu de pose d'un animal qui court.  Si nous ne sommes pas familiers avec son anatomie, on peut vouloir trouver une référence. Et c'est là un problème se produit - bonne qualité des vidéos d'une exécution du cycle, en particulier dans le mouvement lent, sont créés pour les animaux les plus populaires.  Et si nous avons effectivement trouvé une vidéo, mais il a été tourné dans un étrange point de vue?   (Si ça ne vous intéresse pas, vous pouvez sauter cette intro théorique et allez à droite pour la partie pratique.) 

Vous devez remplir deux points pour créer une animation sans compter totalement sur une vidéo: 

  • Apprendre à propos de la créature que vous voulez dessiner.   Si vous savez comment il est construit et comment il se déplace, vous serez en mesure de créer votre propre exécution du cycle sans redessiner une vidéo image par image.  J'ai été la construction d'une base de animal des tutoriels qui peuvent être utilisés à cet effet, de les vérifier, nous avons peut-être de l'animal qu'il vous faut!
  • Trouver une ou deux photos de votre animal en cours d'exécution.   Essayer de trouver tous serait inutile, puisqu'une exécution du cycle est juste un cycle de répétition de phases.  Si la patte est soulevé, il aura besoin à la terre à un moment plus tard, si c'est permanent, ça va être soulevées, et ainsi de suite.

Le deuxième point besoin d'un peu d'explication.  Jetons un coup d'oeil à l'exécution du cycle en philosophie.   Une roue est parfait pour la locomotion - il en train de tourner tout le temps, sans interruption, en douceur, en prenant l'objet avec.  Les animaux n'ont pas de roues, et si ils voulaient utiliser cette méthode pour se déplacer, il devrait ressembler à ceci:

 Malheureusement (ou heureusement, car il a l'air assez flippant), nos articulations ne fonctionne pas comme cela, ils ne peuvent pas faire un 360 degrés de rotation.  Une jambe ne pouvez pas simplement aller de l'avant tout le temps, à un certain moment, il doit revenir de la même manière à la terre dans le push-spot de nouveau. De cette façon, l'animal fait permet de gagner du temps. 

Toutefois, si les jambes étaient si longs et raides, ils seraient en fait de créer un back push lors du retour, en faisant tout ce mouvement inutile.   Nous avons besoin d'ajouter un de plus commun, de sorte que les jambes pourrait devenir plus courte pour un moment de leur retour.

 Donc, en d'autres termes, un animal se déplace ses jambes à l'aide d'un parcours circulaire, mais quand leur conjoint atteint sa limite, ils prennent un raccourci.

 La leçon la plus importante à prendre à partir de cela, ce sont les phases d'un tel mouvement. Nous avons une phase de poussée (1) et un pull de la phase (2).   La course est tout au sujet de pousse - quand vous sautez, vous poussez le sol, loin de toi, en laissant le coup de spot et de vos pieds derrière vous.  Le seul moyen de toucher un endroit avant de vous est de tirer les pieds à l'avant de nouveau - et c'est exactement comment exécuter un cycle de travaux. 

Une autre chose à noter est la levée du corps.   Au cours de la phase de poussée, il va vers le haut (avec la puissance du saut), et puis, pendant tirez phase, il va vers le bas pour obtenir un peu de pouvoir de nouveau.

Mais depuis que les jambes sont attachés à quelque chose, ils ne sont pas la seule chose qui se déplace au cours du cycle.   De la poitrine et des hanches permettent la rotation de la branche que dans une certaine mesure, et dans les cas les plus extrêmes dont ils ont besoin pour faire tourner trop pour l'aider.

 Les membres sont attachés à la poitrine et aux hanches et à la poitrine et les hanches sont attachés à la colonne vertébrale.  Le meilleur coureur de l'animal, le plus souple de la colonne vertébrale et de la plus extrême des angles de étirée membres.

La stabilisation d'Image est crucial pour la réussite de courir, que ce soit à la chasse ou à fuir.   L'exécution d'un animal essaie de tenir sa tête sur un même niveau tout le temps de maintien à un niveau faible lorsque la poitrine est haute et inversement.  La tête n'est pas battre en retraite au cours de l'exécution, mais parfois il peut ressembler à ceci lorsque les épaules sont tendues à l'avant, couvrant le cou. Chez les oiseaux, la retraite-l'illusion est faite par le corps en mouvement en permanence et le déplacement de la tête dans les cycles. 

 Parfait pour la stabilisation n'est pas possible, surtout avec un rendu de grands sauts, mais essayez de le maintenir relativement stable et ne jamais coller la tête avec raideur à la poitrine! Quand il s'agit de la queue, sa position dépend principalement de l'angle de la hanche. 

 Le corps bouge tout le temps, mais la tête est à gauche derrière à chaque étape

 Une fois que nous avons compris comment ça marche, nous pouvons utiliser toute photo de référence pour le lancement de notre exécution du cycle.  Ça va être notre posture, celle que nous avons besoin de déterminer la démarche de l'animal (la façon dont les jambes se déplacent par rapport à l'autre).  Il peut même être aussi mauvais que celui-ci:

 C'est en fait un cycle de marche, ce qui ne veut pas faire de différence " il y a encore des phases de traction et de poussée, ils sont juste plus lente et les angles de mouvement sont plus doux.  Donc, nous avons d'abord besoin de trouver une pose caché dans la photo.  Vous pouvez les dessiner avec n'importe quel outil que vous voulez, il n'a pas besoin d'être très clair.

Nous avons besoin d'ajuster la pose d'un sol plat.  À partir de maintenant, nous n'avons pas besoin de la référence de plus! 

Le temps de l'analyse.   La phase est chaque jambe?  Dans mon cas, 1 juste fini son pull, 2 et 3 sont dans le milieu de pousser, et 4 seulement il termine. Il est très facile de prévoir ce qui se passe à l'image suivante! 

 1 commence à pousser, 2 et 3 de le finir, et 4 est dans le milieu de la traction. Avec cette méthode, vous pouvez créer toutes les images dont vous avez besoin! 

Tout est clair?  Si donc, nous allons commencer notre animation! 

Étape 1 

En utilisant une image de référence, préparez un départ à poser.    Vous pouvez les dessiner à droite sur la photo, avec n'importe quel outil que vous le souhaitez - à ce stade, ni elle, ni le programme que vous utilisez pour c'est important.  Vous avez peut être besoin d'un peu d'anatomie connaissances ici, mais cet article peut aussi vous aider dans la plupart des cas.

 En effet, pour les besoins de ce tutoriel, vous n'avez pas besoin de rechercher toutes les photos - j'ai utilisé une image à partir de mon tuto sur les chats, en le mélangeant avec un galop d'un cheval (création d'un rotary galop - une avec deux de suspension phases), et il est réglé à un squelette d'un guépard. En conséquence, j'ai obtenu une pose avec une jambe en poussant et d'autres en tirant. 

Étape 2 

 C'est le meilleur à utiliser Illustrator pour cette étape, mais si vous ne pouvez pas, il est très facile de le faire dans Photoshop (c'est juste une question de commodité de l'utilisation des outils vectoriels). Je vais vous expliquer ce dernier. 

 Créer un Nouveau fichier (ctrl + N) et coller votre commencer à poser. Changer son Opacité à 20% par frapper 2 sur votre clavier avec l'Outil Déplacement (V) actif. 

Étape 3 

Attirer plus de l'esquisse à l'aide de formes vectorielles.   Dessiner des ovales avec l'Outil Ellipse (U) et les lignes avec l'Outil Plume (P). Les couleurs ne sont pas importantes, choisissez ce qui vous convient.   N'oubliez pas de dessiner l'ensemble des membres, peu importe la façon dont de grandes parties de ceux-ci sont visibles dans cette position.

Pourquoi des formes vectorielles?   Ils ne perdent pas de la qualité lors de leur transformation (rotation ou à l'échelle), et ils peuvent être facilement modifiés.

 Si vous voulez accélérer le processus, ce modèle est disponible en téléchargement avec d'autres actifs.

Étape 4 

 Groupe de formes (Contrôle-G) d'avoir un accès facile à toutes les parties.  Puis de les regrouper tous dans un grand groupe, la première image.

Étape 5 

Dupliquer (Ctrl + J) le grand groupe.  Cette copie est va être le deuxième cadre.  Modifier l'Opacité de la première image à 20%. 

Étape 6 

 Modifier les formes de la deuxième image pour créer une autre phase du mouvement.  Plus les changements entre deux images, le plus lisse et le plus lourd de l'animation, et aussi le plus de travail pour vous quand il s'agit de la peinture.

Étape 7 

Masquer la première image, puis répétez les étapes 5 à 7 jusqu'à ce que vous fermez le cycle.  Quand tous les groupes sont révélés, il devrait ressembler à ceci: 

Étape 8 

 Avant d'aller plus loin, nous avons besoin de tester l'animation.  Aller à la Fenêtre > Scénario pour ouvrir l'éditeur d'animation, puis cliquez sur Créer une Animation d'images.

Étape 9 

 Révèlent chaque calque, sélectionnez chacun individuellement (pas tous en même temps), clic droit et sélectionnez " Convertir en Objet dynamique.  De cette façon vous serez en mesure de modifier chaque groupe, mais Photoshop va les traiter comme une seule couche. Vos cadres devrait maintenant ressembler à ceci: 

Étape 10 

Ouvrez le menu de Montage et sélectionnez créer des Images à Partir de Couches (1).  Mis en boucle (2) à tout Jamais, et le délai de l'image (3) à d'Autres > de 0,07.  Vous devrez peut-être supprimer les images réalisées exclusivement pour le fond (si vous en avez). Sélectionnez toutes les images et de révéler le fond pour eux. 

Appuyez sur Espace pour tester l'animation.  Vous devrez peut-être ajuster le délai de l'image de vos propres images. 

Étape 11 

Observer l'animation attentivement.  Où faut-il perdre de la finesse?  Pourquoi se produit-il?   Peut-être quelque part un hip descend tout à coup quand il doit aller?  Lorsque vous êtes sûr de ce que l'erreur est, double-cliquez sur le calque de l'objet dynamique est ouvert dans une nouvelle fenêtre.  Faire les modifications, enregistrer et revenir à l'animation.  Les modifications seront appliquées automatiquement lorsque vous enregistrez. 

 Payer une attention particulière à cette étape - si quelque chose ne va pas avec le squelette, même la plus élégante de détails, ne pas l'enregistrer. Prenez votre temps pour corriger toute petite erreur! 

2. Définition du corps et la Musculature 

Étape 1 

Temps d'ajouter le corps!  Pour garder la cohérence entre les images, nous avons besoin de le faire hors de réutilisables morceaux.  Encore une fois, je suggère d'utiliser Illustrator pour cela, mais c'est juste la question de commodité. 

 Ouvrez la première image en tant qu'Objet dynamique et réglez son Opacité à 20%.  En utilisant simplifié, le muscle schéma de mon anatomie tutoriel (simplifié encore plus pour cette fin) dessiner les parties du corps sur le squelette.  Utilisez l'Outil Plume (P) en mode de Forme de le garder modifiable.   De nouveau, le groupe et le nom local de pièces, de les garder tous dans un grand groupe. Enregistrez le fichier et revenir à l'animation sans la fermer. 

Étape 2 

Double-cliquez sur une autre image.  Garder les deux fichiers dans des fenêtres individuelles en les faisant glisser hors de la barre.   Une fois que vous pouvez voir à la fois, cliquez sur la première image, prenez le groupe avec les formes du corps et faites-la glisser dans la deuxième image - de cette façon vous aurez copiez et collez le groupe à l'intérieur.  Masquer le calque avec le squelette dans la première image, puis fermez le fichier.

Étape 3 

 Réglez l'Opacité du squelette à 20% et de transformer les formes de la copie d'un groupe pour s'adapter à la posture.  Parfois, tout ce que vous devez faire sera simple rotation, mais parfois vous avez besoin de modifier une forme, en particulier la brouette que des arcs pendant le mouvement.  En réutilisant les formes de la construction d'une posture vous permet de garder le corps en uniforme pendant le mouvement classique de dessin sur une image peut conduire à une série d'erreurs dans des mains inexpérimentées.

Répétez les étapes 2 et 3 jusqu'à ce que vous avez couvert toutes les images.  Test de l'animation et de corriger les éventuelles erreurs. 

Étape 4 

 Maintenant, nous allons briser l'animation pendant un certain temps, mais pas de panique, tout est sous contrôle! Ouvrez le Menu du panneau Montage et sélectionnez Supprimer l'Animation.  Temps pour quelque chose de plus spontané que l'attention à la construction du corps de vecteur de blocs. 

 Tout d'abord, redimensionner le fichier (ctrl-Alt-I) pour quelque chose d'aussi grande que possible sans s'étouffer votre ordinateur. Pour moi, 7000 x 3500 est tout à fait raisonnable, mais vous pouvez avoir besoin d'utiliser quelque chose de plus petit.   Le plus grand, le plus de détails, vous aurez accès à, mais il peut aussi ralentir votre animation.  Il n'a rien à voir avec la résolution finale de l'animation - c'est juste notre travail de taille.

Étape 5 

 Créez un nouveau Calque (ctrl-Maj-Alt-N) sur la première image.  Utiliser une brosse dure (100% d'Opacité et de Flux) pour la peinture sur le corps. Pour le rendre facile, la peinture d'ébauche et de remplissage (G) à l'intérieur.  Utiliser les formes vectorielles comme un guide, mais aussi de garder à l'esprit les caractéristiques d'un guépard.  Encore une fois, mon tutoriel sur les gros chats vient l'aider.  Ne payez pas une attention particulière à la tête de encore - juste visiblement marquer sa position. 

Répéter pour chaque trame.   Cette fois, il n'y a pas des astuces pour accélérer le processus manuel de peinture va donner un caractère individuel de chaque étape du mouvement.  Le seul conseil que je puisse vous donner est de ne pas peindre image par image, mais ignorer tous les autres et de revenir plus tard.  De cette façon, si vous obtenez fatigué et les formes que vous dessinez deviennent négligents, vous obtiendrez un mélange décent de bonnes et de mauvaises images, au lieu de bons cadres progressivement va mal.

 Si vous voulez tester l'animation sur ce point, l'enregistrer dans un nouveau fichier, supprimer tous les objets intelligents et de créer une nouvelle animation de silhouettes.

Étape 6 

  • Faites glisser chaque silhouette en vertu de son guide des formes et réglez son Opacité à 20%; 
  • Sélectionner des formes calque et appuyez sur Control-Alt-G pour créer un Masque d'Écrêtage et de supprimer les bits traversant le contour; 
  • Sélectionnez les deux calques (silhouette et de ses formes) et ctrl-E pour les fusionner.   À partir de maintenant vous ne serez pas en mesure de modifier les formes vectorielles de plus, afin d'enregistrer le fichier sous un nouveau nom si vous voulez les garder.

Étape 7 

 Ctrl-R pour afficher les règles, puis faites glisser les Guides d'eux pour définir le niveau de la tête et du dos.  De cette façon vous serez en mesure de voir si une image reste correctement par rapport à d'autres.  Utilisez les Touches Fléchées avec l'Outil Déplacement (V) à faire de petits changements de position.

Étape 8 

Jusqu'à maintenant, nous avons été centrés sur le corps, sans se soucier de la tête.  Il est important d'ajouter une bonne forme avant de nous créer l'animation. 

Créer un nouveau fichier et des conseils d'utilisation de big cat tutoriel pour dessiner une tête de guépard.   Les détails ne sont pas importants, mais la forme générale est cruciale.  Frappez ctrl + I pour inverser les couleurs, de sorte que vous pouvez dessiner un arrière-plan solide pour. Enregistrez le fichier pour plus tard. 

Étape 9 

Copier et coller la tête dans le fichier principal.   Convertir en Objet dynamique et transformer (ctrl + T) pour s'adapter à la première image. Puis copiez-le et répétez cette opération pour chaque image.   Suivez la position de la tête, nous avons mis en avant! Si vous ne le faites pas, la tête va sauter parmi les cadres.   Utiliser des Guides pour l'éviter. 

Étape 10 

Utilisez l'Outil Gomme (E) pour enlever les restes de la tête de gabarit sur la couche de forme.   Vous pouvez également fixer la transition entre la tête et le cou avec l'Outil Pinceau (B), le même que nous avons utilisé pour dessiner la silhouette. Lorsque vous avez terminé, fusionner tous la tête avec son corps. 

 Nous allons créer l'animation en arrière comme à l'Étape 10 de la première partie.  Notre guépard est assez bien vivant aujourd'hui, mais il y a encore beaucoup de travail à faire!

Étape 11 

À partir de maintenant, chaque nouvelle couche ajoutée serait briser l'animation.   Pour éviter cela, nous allons avoir besoin de couper chaque d'entre eux à l'une des silhouettes avec ctrl-Alt-G.

Nous allons utiliser un muscle schéma de mon gros chat tutoriel pour dessiner les muscles.  Nous allons avoir besoin de modifier la forme du guépard du corps, mais c'est une bonne référence, de toute façon.  Le plus gros problème est les muscles ne sont pas une structure rigide - leur évolution au cours du mouvement, et ce n'est pas seulement à propos de la rotation, mais à propos de la forme et de proportion!  Heureusement, il existe un outil que nous allons utiliser assez largement dans ce tutoriel - Warp Mode ou Outil Transformation Libre.  Alors il ne sera pas économiser de l'ensemble de nos problèmes, il est en mesure d'accélérer le processus, sans sacrifier trop de précision.

 Tout d'abord, trouver une image où une partie du corps qui est la plus semblable à une position fixe, tout comme nos muscles régime. Créez un nouveau calque, le clip et dessiner les muscles.  J'ai utilisé des blancs de stress, mais il peut être facilement transformé noir avec Contrôle-I. 

Étape 12 

Copier le dessin et collez-le au-dessus une autre couche.  Clip-le et appuyez sur ctrl + T pour ouvrir la fenêtre de transformation.  Maintenant, cliquez sur la Courbure de l'icône dans la barre du haut.  Utilisez le maillage à adapter le muscle dessin à cette position particulière.   Parfois, vous aurez besoin d'effacer une partie et de le faire manuellement, mais cette méthode fonctionne pour la plupart des cas.   Juste s'abstenir de l'étirement du bras trop -, il doit suivre la forme sous lui, il ne peut pas devenir plus grand ou plus petit sur le bleu.

Étape 13 

Répétez l'Étape 12 pour chaque trame.   Si vous faites cela correctement, les muscles doivent suivre le mouvement en douceur. Ne vous préoccupez pas de lignes épurées, ce n'est qu'une esquisse. 

Étape 14 

 Répétez les Étapes 11 à 13, pour la patte de derrière et barrow. Lorsque vous avez terminé, fusionner les couches musculaires pour chaque trame d'économiser de l'espace sur la liste des calques.  Nous allons en avoir besoin!  Aussi, si vous avez utilisé des lignes blanches, inverser le (ctrl + I) pour obtenir des noirs.   Dans les étapes suivantes, nous allons vous débarrasser de la forme de lignes, de sorte que vous devrez peut-être définir certains d'entre eux (chevauchement des jambes et ainsi de suite) sur la couche musculaire .

3. L'ombrage 

Il est temps pour la partie la plus excitante - nous allons apporter le guépard, pour la vie!   Ici, et vous pouvez en apprendre davantage sur les principes de l'ombrage.  Dans ce tutoriel, je vais vous montrer le genre de raccourcis que vous pouvez utiliser à l'ombre de toutes les images très rapide, lors de la tenue de tous les animation cohérente.

Étape 1 

Commençons avec des aplats de couleurs.  Utilisez une teinte plus foncée de la couleur que vous voulez - pour moi, c'est #91734d.   Laisser la tête que c'est pour maintenant, nous allons le traiter comme un détail.

Étape 2  

Il est commun pour les chats ont plus léger du bas du corps.   Pour sauver un peu de temps, on peut utiliser un dégradé de couleur:

  • Double-cliquez sur le calque de couleur de la première image; 
  • Sélectionnez Incrustation De Dégradé; 
  •  Créer un dégradé de la couleur de base avec 0% d'Opacité et d'un briquet, moins saturés version avec 100% d'Opacité;
  • Ajuster l'angle à l'angle de la brouette. 

Pour accélérer le processus, d'enregistrer le Style de Calque et de l'utiliser pour chaque trame.  Tout ce que vous devez faire par la suite sera pour ajuster l'angle de la pente. 

Étape 3 

 Changez le Mode de Fusion de chaque couche musculaire à la Lumière Douce. Nous ne voulons pas ces lignes pour se démarquer. 

Étape 4 

Maintenant, nous allons dans un plus artistique de la phase.   Il n'y a pas de trucs qui pourraient vous porter par elle, sans la nécessité de passer un peu de temps sur chaque image individuelle.  Cependant, la forte et cohérente de la base, nous avons créé devrait être plus que suffisant pour garder le contrôle.

 Il y a une chose importante à propos de la peinture d'une animation image par image - c'est l'ensemble de l'animation, pas une seule image.  Il est préférable de peindre chaque image vaguement, mais de façon régulière, que les polonais certains d'entre eux, mais chacun d'une manière différente. Une image n'a pas d'importance - mais elles le sont toutes.   C'est parce que personne n'aura une chance de regarder une seule image quand ils sont tous en mouvement.

Créez un nouveau calque (ai-je besoin de vous rappeler au sujet de l'écrêtage?),   prenez une Brosse douce et de la peinture sur les lignes de muscles avec une couleur plus foncée (pour moi c'est #54371a). Ne vous préoccupez pas de la direction de la lumière à l'instant. 

Étape 5 

Créez un nouveau calque et peindre le centre de tous les muscles avec une couleur plus vive (comme #c9a980). 

Étape 6 

Utiliser la couleur de base pour le mélange des zones claires et sombres.   L'objectif principal de ce est de dissimuler les contours, ne laissant qu'une suggestion de sous la peau.  L'importance de la musculature est une question de style, de sorte que vous devez choisir le degré de mélange sur votre propre.

Étape 7 

Répétez l'Étape 4 à 6 pour chaque trame.  Encore une fois, il est bon de sauter des images afin de garder une apparence uniforme, peu importe comment vous ennuyer obtenir.   Aussi, il est préférable de faire une étape à la fois pour tous les cadres, à garder, il est rapide.  Ne payez pas trop d'attention à un seul cadre unique pour tous.

Lorsque vous avez terminé, testez l'animation.  Vérifier si quelque chose se démarque, ou si il y a une sorte de clignotement.   Lorsque vous êtes sûr que c'est tout droit, fusionner tous les ombrage couches pour chaque trame - nous ne voulons pas un gâchis.

Étape 8 

Ce que nous venons de faire n'était pas ombrage au sens strict - c'est de l'ambient occlusion de l'ombrage, sans une lumière directionnelle.   Nous allons ajouter des lumières qu'il va être simple, de sorte que nous n'avons pas à tomber d'épuisement au cours de toutes ces images.

Commençons avec les ombres.   J'ai utilisé le bleu foncé (#434748) et une brosse de peinture de ces zones, mais les traits étaient très subtil - de cette façon, au lieu de peindre le guépard bleu, j'ai seulement donné une nuance bleuâtre de sa fourrure. Avis de l'état de délabrement de l'ombrage est ! 

Étape 9 

Maintenant, ajoutez une orange (#f5d8a0) de la lumière sur la face.  L'utilisation d'une Douce Lumière comme un Mode de Fusion éclaircir la zone correspondant à la couleur en dessous. 

Étape 10 

Pour l'instant, le corps de la panthère est très lisse, comme si c'était de la peau, sans aucune fourrure.  C'est parce que toute la texture, comme la fourrure, perturbe la lumière sur sa surface.  C'est ce que nous avons besoin d'une texture.   Et je ne parle pas de quelques photos collées avec une opacité plus faible - la texture est une zone perturbée de la lumière.

 Créez un nouveau calque, changez son Mode de Fusion Lumière tamisée et tirage unique "des mèches de cheveux" (j'ai utilisé #fff9ca pour cela).

Même une texture subtile qui fait une énorme différence! 

Étape 11 

 Pour régler le contraste un peu, j'ai créé un nouveau calque en mode Superposition et peint peu plus les ombres bleues.

Étape 12 

Test de l'animation.   J'aime la façon dont il regarde, mais peut-être que vous voulez aller pour plus de look fantastique, avec le chaud de la lumière directe et froide lumière réfléchie? Pas de problème, prenez votre temps et polonais de l'ombrage à votre désir. 

4. Ajouter les Détails 

Étape 1 

 Il peut être bizarre pour traiter la tête comme un détail, mais comme il est très détaillé de lui-même, nous avons besoin de prendre soin d'elle.

Ouvrir le fichier avec une tête noire et la douleur les détails maintenant.   Ils n'ont pas à être très soignée, surtout si vous allez pour une petite animation.

Étape 2 

Copier et coller la tête dans la première image.  Avant de faire quoi que ce soit, de le convertir en Objet dynamique pour freiner la perte de qualité lors des transformations. 

L'échelle et faire pivoter la tête pour s'adapter parfaitement avec le noir du modèle nous avons joint avant.   Vous pouvez avoir besoin à la peinture sur des fourrures pour dissimuler la "couture" entre elle et le cou.

Étape 3 

Ajouter les pattes, de trouver un cadre où l'un des séjours dans un "défaut" de position.   Peindre les détails sur un nouveau calque et de le convertir en Objet dynamique.

Étape 4 

Tout comme avec les muscles, de copier et de coller le calque de toutes les images, réglage de la forme de chaque patte.   Tout comme avec les muscles, de copier et de coller le calque de toutes les images, réglage de la forme de chaque patte. Parfois, vous devrez peut-être modifier l'Opacité d'une patte, pour s'adapter à l'ombrage. Par le chemin, à l'ombre des jambes si nécessaire. 

Étape 5 

Il est grand temps pour les taches!  Tout comme avec les muscles, nous avons besoin de trouver une position par défaut pour chaque membre, de la brouette et de la queue.    Peindre les taches sur elle, de le convertir à l'intelligence de l'Objet, de le copier à un nouveau cadre et de la courbure de la forme.   Peindre les taches sur elle, de le convertir à l'intelligence de l'Objet, de le copier à un nouveau cadre et de la courbure de la forme. L'Objet dynamique souvenir de la déformation entre les images. Prenez bien soin de tache simple est de la forme - ils ne devraient pas avoir trop déformé.  Aussi, gardez à l'esprit que vous aurez besoin de pixellisation de l'objet à effacer superposées bits. 

Étape 6 

 Maintenant, quand vous êtes sûr que l'animation est terminée, nous devons nous débarrasser de la pagaille. Sélectionnez tous les calques écrêtés de chaque image (sans masque d'écrêtage) et de les fusionner.  Sélectionnez ensuite le calque fusionné, clic droit et sélectionnez " Fusionner vers le Bas.   De cette façon, vous pourrez fusionner les calques sans rupture de l'animation.

 Il y a trois choses que vous pouvez faire maintenant pour ajouter une touche finale à l'animation. Tout d'abord, vous pouvez utiliser les Réglages (le sélectionner dans la Fenêtre de liste pour trouver les options).   Les options qui vous intéressent le plus sont la Balance des Couleurs, Teinte/Saturation, Luminosité/Contraste, mais n'hésitez pas à expérimenter avec les autres également.

L'autre façon est de Fluidité du filtre (Shift-Control-X) et son Outil déformation.   Avec elle, vous pouvez légèrement déplacer une partie du corps, par exemple fermer l'oeil de la panthère quand il frappe le sol après le grand saut, ou de déplacer ses oreilles au cours de l'exécution (ou, dans mon cas, changer la tête de taille qui n'a toujours pas l'air OK). La troisième façon est de les peindre quelque chose sur l'image, comme en agitant de fourrure.  Ces petits changements peuvent donner plus de vie à l'animal, en prenant la rigidité faite par un peu les processus automatique de l'animation.   Ils travaillent mieux quand ils sont progressive - départ légèrement sur une image, avec un fort effet sur une autre image et de l'affaiblissement sur le suivant.

Étape 7 

 Une autre astuce pour exécuter un cycle est un peu flou ajouté sur certaines parties.  Pour ce faire, vous pouvez sélectionner un membre avec le Masque Rapide (Q) (juste de la peinture sur la zone avec une brosse douce, cliquez sur Q de nouveau et de Contrôle + Maj + I pour inverser la sélection). Ensuite, utiliser le Filtre > Flou > Flou de Mouvement avec un angle de mouvement. 

Étape 8 

Enfin, nous avons besoin d'enregistrer l'animation tel qu'il sera présenté à nos téléspectateurs.   D'abord, changer la Taille de l'Image (ctrl-Alt-I) pour les dimensions dont vous avez besoin le plus petit, le plus léger de la fichier.  Lorsque vous êtes en train de créer pour le Web, c'est le meilleur pour garder la taille en vertu de 200KO, ce n'est pas toujours facile avec une peinture de l'animation de ce genre. Vous devrez décider si vous allez pour la résolution... 

 ...ou peut-être la qualité globale et l'absence de bruit.

Pour enregistrer l'animation, cliquez sur ctrl-Maj-Alt-S.   Vous pouvez expérimenter avec ces options pour trouver le meilleur résultat, mais je peux vous donner quelques conseils:

  1.  Bien sûr, vous devez sélectionner GIF en tant que format de créer une animation pour le Web;
  2. Le montant des couleurs devrait être votre premier choix.   Commencez avec 256 et voir si la taille (coin inférieur gauche) est proche de celui que vous avez besoin. Si 32 couleurs vous donner la taille parfaite, go pour la version 64 et essayer de jouer avec les curseurs; 
  3. Le tramage devrait être votre premier choix pour l'optimisation.  Même en le faisant glisser jusqu'à 0 ne fait pas tant de différence dans la qualité, mais la taille de goutte de toute façon; 
  4. Cela devrait être votre dernier, désespéré choix.   Vous pouvez aller en toute sécurité jusqu'à 50%, mais il est très facile de perdre les fondements mêmes de la qualité;
  5.  Ce curseur ne vous donne pas seulement des économies de taille, il est aussi en mesure d'ajouter un bel effet à votre animation.  Cependant, n'allez pas trop haut! 

Assurez-vous de vérifier l'Aperçu juste sous la taille - certains navigateurs accélérer la vitesse de l'animation, alors vous pouvez avoir besoin d'ajuster une fois de plus. 

 Assurez-vous de vérifier l'Aperçu juste sous la taille - certains navigateurs accélérer la vitesse de l'animation, alors vous pouvez avoir besoin d'ajuster une fois de plus.Nous y sommes!

 Après cette longue, approfondie tutoriel, vous devriez être en mesure de créer une belle exécution du cycle pour n'importe quel animal.  Tout en douceur, précise l'animation prend beaucoup de temps, cette méthode il vous garantit d'excellents résultats - à la différence de la peinture-image-par-image, où tout est un jeu de devinettes. J'espère que vous avez eu plaisir à suivre les étapes et que vous avez beaucoup appris à vos futurs projets! 

Advertisement
Did you find this post useful?
Want a weekly email summary?
Subscribe below and we’ll send you a weekly email summary of all new Design & Illustration tutorials. Never miss out on learning about the next big thing.
One subscription. Unlimited Downloads.
Get unlimited downloads