Comment apprendre l'animation 2D? [fermé]


43

Où puis-je apprendre à bien faire une animation 2D simple? Ou est-ce vraiment dessiner littéralement chaque image de quelque chose dans photoshop? Y a-t-il des astuces ou des astuces? Des tutoriels pour vous aider à démarrer?

En outre, quelles sont les options logicielles disponibles (de préférence open source ou même tout simplement gratuit)?


1
Si vous allez faire quelque chose de "compliqué" comme un bonhomme qui marche / court pendant que l'arrière-plan change, puis soudain le bonhomme devient une gomme et attaque les enfants d'oiseaux-bâtons mutants avec un chien volant (extrait de Maximum Ride de James Patterson ), vous allez devoir utiliser Flash.
Mateen Ulhaq

14
@muntoo Pourquoi peut-on avoir à utiliser Flash? At-il un bouton qui fait ça automatiquement pour vous? Non, vous pouvez le faire avec n'importe quel logiciel d'animation. Ou dessinez-le à la main et numérisez les images ...
bummzack

@bummzack Désolé, je voulais dire "vous pouvez utiliser Flash".
Mateen Ulhaq le

Aujourd'hui, de nombreux graphiques de jeux 2D sont basés sur des modèles 3D, ce qui a plusieurs raisons: les modèles 3D sont beaucoup plus adaptables que les images 2D; Les sprites ont un sens spatial, puisqu'ils sont littéralement créés à partir du rendu d'objets 3D; Les sprites peuvent facilement être créés dans plusieurs directions; et peut être facilement animé simplement en rendant le modèle 3D animé. --- Le mauvais côté est que, pour cela, vous aurez besoin de créer et de texturer le modèle 3D de l'objet de votre sprite, mais le processus global, à mon avis, n'est pas beaucoup plus difficile, et le retour (résultat et adaptabilité) vaut bien la peine.
XenoRo

2
Découvrez Spine , il s’agit d’un tout nouveau logiciel qui ne vous oblige pas à être un maître animateur. Il existe également des temps d'exécution pour exécuter l'animation dans les environnements de jeu par la suite.
Joltmode

Réponses:


19

Pour le moment, je peux penser à plusieurs façons de créer une animation 2D:

  • Déplacement des coordonnées x, y d'un objet (par exemple, pour faire glisser un menu rectangulaire - vous modifiez les coordonnées y toutes les quelques ms)
  • Dessiner chaque image dans un éditeur d'image et choisir la bonne image pour dessiner au bon moment (par exemple, dessiner une animation à la flamme)
  • combinant les deux éléments ci-dessus (par exemple, faire passer un sprite sur un écran)

Il s’agit de donner l’ illusion de mouvement.

Comment bien le faire?

  • Il doit être correctement chronométré pour qu'il paraisse lisse (attention aux contraintes matérielles)
  • Plus vous avez de cadres, plus vous pouvez afficher de détails et plus celui-ci sera beau (cependant, vous devrez dessiner plus de cadres).

Trucs et astuces?

Options logicielles?

  • Je dirais que cela dépend de ce que vous essayez d'animer. Si vous souhaitez animer des sprites ou des objets simples, alors MS Paint suffira probablement.
  • GIMP est une alternative open source à Photoshop
  • Photoscape est un autre éditeur de photos gratuit. Il vous permet également de créer des GIF animés, ce qui est utile pour tester le minutage de vos animations.
  • Synfig est l'alternative libre à ToonBoom pour faire des animations sans se soucier de l'interpolation, puis les exporter au format vidéo, gif, ou peut-être sauvegarder des images en tant qu'images pour les sprites.
  • InkScape Est un éditeur de graphiques vectoriels qui est l'alternative libre à Adobe Illustrator.

En ce qui concerne les tutoriels, je pense que cela dépend beaucoup de votre objectif. Si vous faites un jeu flash, recherchez des tutoriels flash. Le dessin est une chose, mais vous devez également chronométrer (et éventuellement déplacer) les images pour l'animer correctement. Vous pouvez ainsi apprendre à le faire dans la plateforme de votre choix.


10

Les animations 2D classiques sont créées image par image. Vous verrez souvent qu'ils utilisent un nombre d'images par seconde réduit (chaque image étant affichée deux fois) afin de réduire le nombre d'images à dessiner.

Flash est un très bon outil pour l’animation 2D. Il vous permet de dépecer l'oignon (les images précédentes brillent lorsque vous dessinez votre nouvelle image), l'interpolation et le morphing de forme. Depuis la version CS4, il est également livré avec des os et une cinématique inverse, ce qui facilite grandement l'animation de personnages avec des membres.

Il y a aussi " Toon Boom ". Ils ont beaucoup de progiciels différents disponibles, pour les loisirs et le divertissement jusqu'aux logiciels d'animation professionnels.

Des outils tels que GIMP et Photoshop fournissent également certaines fonctionnalités pour l'animation, mais ce ne sont que des éléments très élémentaires.

L’utilisation d’un programme 3D est une autre option moins évidente pour l’animation 2D. Saviez-vous que les épisodes ultérieurs de Southpark ont été animés avec Maya?

Avec une projection par caméra orthographique, un éclairage approprié et un ombrage à plat, vous pouvez créer des animations ayant un aspect 2D, mais créées dans un logiciel 3D. La plupart des programmes 3D ont des outils d'animation sophistiqués comme les os, la cinématique inverse, les contraintes, les corps souples, etc. Blender serait un bon choix (gratuit) pour commencer.


4

Il existe de nombreuses ressources disponibles pour le faire.

Voici un bon tutoriel pour vous initier à une méthode particulière en utilisant Sprite Sheets. Les feuilles de sprite ne sont que cela, une feuille de sprite que vous exécutez dans un code similaire à une animation de livre à feuilles mobiles dans la vie réelle. Mais vous utilisez du code pour le faire. Il peut être difficile de commencer, mais j’estime que c’est le plus gratifiant et donne le plus de contrôle.

http://www.dreamincode.net/forums/topic/194878-xna-animated-sprite/

Voici la première chose que j'ai trouvée en utilisant le flash, qui est également un bon outil. Personnellement, je n'ai pas utilisé flash. Peut-être qu'une autre affiche peut raconter avec son expérience.

http://animation.about.com/od/2danimationtutorials/2D_Computer_Animation_Tutorials_StepbyStep_Lessons_in_Flash.htm


4

L'animation 2D est un art et un métier. Et effectivement très difficile à maîtriser. Tous les animateurs ne font pas une bonne animation, en effet. Mais pour l'animation de base comme vous l'avez dit ... Cela dépend. Il est généralement simple d’atteindre un niveau d’animation correct pour les mobiles en utilisant 4 images pour un sprite cycle de 24 x 24 pixels. Vous pouvez le faire en utilisant simplement Gimp et en utilisant la transparence des calques pour afficher l’image précédente ou suivante en surimpression ("la pelure d’oignon").

Au fur et à mesure que vous essayez de faire de l'animation 2D haute résolution, la chose devient plus complexe. Un conseil rapide est de dessiner, par exemple, dans un cycle de marche de 13 images, les images 1, 7, 13. Puis tracez-en deux, par exemple 4, 10. Ensuite, les images restantes. (est un mauvais exemple, tho)

Tout cela, en utilisant la fonction pelure d'oignon. Il existe de nombreux logiciels, je vous conseille d'utiliser Pencil et Gimp . Pour le pixel art, les images-objets de basse résolution, vous pouvez également vouloir vérifier GraphicsGale . Et bien sûr, il y a beaucoup à vérifier en permanence le flux et l'animation.


2

Je vous recommanderais le livre "The Animators Survival Kit" (Kit de survie des animateurs), qui ne vise pas directement l'animation 2D à l'aide d'un logiciel, mais davantage sur les techniques d'animation générales (et assez amusant à lire).

Lien Amazon


1

Allez juste pour ce livre avec les yeux fermés! L'ILLUSION DE LA VIE: ANIMATION DISNEY .

Je ne peux pas assez d'importance combien génial ce livre IS.I ne fais que citer wikipedia forme.

Les douze principes de base de l'animation sont un ensemble de principes d'animation présentés par les animateurs de Disney, Ollie Johnston et Frank Thomas, dans leur livre de 1981, The Illusion of Life: Disney Animation. Johnston et Thomas ont ensuite basé leur livre sur le travail des principaux animateurs de Disney à partir des années 1930 et sur leurs efforts pour produire des animations plus réalistes. Le but principal des principes était de créer une illusion de caractères adhérant aux lois fondamentales de la physique, mais ils abordaient également des questions plus abstraites, telles que le timing émotionnel et l’appel des personnages.

Le livre et ses principes ont été généralement adoptés et ont été qualifiés de "Bible de l'animation" [2]. En 1999, le livre a été élu numéro un des "meilleurs livres d'animation de tous les temps" dans un sondage en ligne. 3] Bien que destinés à l’origine à s’appliquer à l’animation traditionnelle dessinée à la main, les principes ont toujours une grande pertinence pour l’animation informatique la plus répandue.

Pour l’application d’art 2D gratuite et ouverte, j’aime beaucoup MyPaint . La peinture ici est très naturelle. Bien qu'il manque beaucoup de fonctionnalités de base. Pour compléter les fonctionnalités de base, il y a le vieil ami GIMP. Vous pouvez même essayer Krita . Son moteur de brosse est meilleur que Gimp.

Pour l’animation + la peinture, il existe une autre solution appelée Crayon dans laquelle vous pouvez créer une animation de base avec certains outils de dessin de base. C'est très amusant de travailler avec.

Vous pouvez aussi essayer Alchemy (peinture uniquement).


1

Je suggérerais de faire ce que je qualifie de détour de développement… quelque chose qui prend 3 à 6 mois pour creuser profondément dans un domaine adjacent, qui, lorsque vous devenez compétent, prend réellement en charge votre travail actuel. pour cela, je vous suggère fortement de prendre le temps d'apprendre la modélisation de maillage 3D, en particulier Blender . Les concepts que vous apprendrez soutiendront grandement vos efforts de jeu des objets principaux que vous souhaitez créer aux effets que vous souhaitez créer pour soutenir votre jeu. Les animations de Blender peuvent également être exportées sous forme de fichiers PNG transparents pouvant être combinés assez facilement pour former des feuilles de sprite (très utiles). Je pense que ça vaudrait la peine.


2
-1 Matthew a demandé une technique d'animation 2D simple, vous avez suggéré de passer 3 à 6 mois sur l'apprentissage de la 3D.
Markus von Broady

2
Si vous parcourez la troisième réponse du premier message (qui a recueilli 19 voix), ils soutiennent: "De nombreux graphismes de jeux 2D actuels sont basés sur des modèles 3D. Les sprites ont un sens spatial, car ils sont littéralement fabriqués à partir du rendu d’objets 3D ". C'est aussi ma ligne de raisonnement. L’investissement dans l’apprentissage de la modélisation de maillage 3D pour n’importe quelle compétence représente un investissement de 3 à 6 mois. À moins que vous n'ayez recours à la navigation sur le Web pour des images toutes faites, ou que vous souhaitiez apprendre le dessin en 2D (un investissement également), il n'y a vraiment pas d'autre moyen. :-)
ProfVersaggi

1

Montez à bord d'un bref Google du nom Sculptris . Au cours de votre voyage, vous devriez découvrir un programme de modélisation tridimensionnel du même nom. Dans mes propres projets de modélisation bidimensionnelle des sprites, j'ai également conclu à la conclusion de ProfVersaggi . Malheureusement, j'ai mis fin à d'innombrables heures de frustration en laissant mon cerveau se glisser dans le programme sous le nom de Blender . J'ai constaté que je partage avec beaucoup d'autres personnes le besoin d'un retour plus rapide de mes "travaux". Sculptris m'a donné ceci. En outre, c'est gratuit à compter de cette publication. Une mise en garde; ce programme est encore en développement et rencontre des problèmes de plantage. Cela dit, les créateurs de Sculptrisont eu la gentillesse d’implémenter une fonction de récupération après incident, faisant des accidents un peu plus qu’une légère nuisance. Grand ouvert. Buvez en profondeur. Avalez pas de frustration. Digérer seulement la connaissance . Rendez-nous fiers. En résumé , Sculptris est un moyen simple de créer des modèles 3D pour vos sprites. Ensuite, vous pouvez même appuyer sur les boutons "prtsc" ou "print screen" pour copier une image de tout ce qui est affiché à l'écran et la coller dans un logiciel d'animation 2D comme Graphicsgale ou un programme de peinture tel que Paint Shop Pro . Je ne peux tout simplement pas vous faciliter la tâche, à moins de le faire pour vous lol

En utilisant notre site, vous reconnaissez avoir lu et compris notre politique liée aux cookies et notre politique de confidentialité.
Licensed under cc by-sa 3.0 with attribution required.