Dans ce tutoriel vidéo, nous allons découvrir ensemble un nouveau logiciel : Adobe Flash !
Flash permet de faire de nombreuses choses, mais nous allons nous concentrer sur celle qui nous intéressera ici : l'animation 2D.
Par animation 2D, j'entends animation traditionnelle, image par image, sans interpolations.
Cela peut paraître fastidieux, mais c'est pourtant la méthode qui est encore aujourd'hui la plus souvent utilisée lors de la création d'effets spéciaux 2D.
Une grande partie de la réussite de l'exercice repose sur le dessin, qui sera un pré-requis que je ne saurai vous enseigner dans un tutoriel.
Heureusement, pour animer des effets spéciaux tels que le feu, la fumée, ou des lignes comme dans ce tutoriel, pas besoin d'avoir un très bon niveau en dessin.
Le plus important sera d'avoir une bonne notion du rythme, que nous reviserons sur After Effects avant d'attaquer notre animation sur Flash.
Nous allons voir à travers ce tutoriel les bases de l'animation 2D sous Flash, à travers ses outils de dessin et son scénario. Au programme :
- Rappels des notions de rythme lors d'animations image par image
- Découverte de l'interface d'Adobe Flash
- Présentation des outils de dessin Pinceau, Crayon et Pot de Peinture
- Personnaliser les raccourcis clavier pour aller plus vite
- Apprendre à créer et manipuler les différents types d'images dans le scénario
- Création de notre première animation
- Utilisation de la pelure d'oignon, du contour de pelure d'oignon
- Modifications sur plusieurs images en même temps
- Animation d'un trait pour former et déformer le chiffre 2, de manière similaire à celui de la vidéo de resultat.
- Méthode pour coloriser et ombrer son animation
- Exportation de notre animation avec la couche Alpha
- Amélioration de l'animation sur After Effects
C'est mon premier tutoriel sur Flash, un logiciel de plus à ranger dans votre boîte à outils ! Si vous avez toujours eu envie de faire de l'animation 2D, c'est un bon moyen de se lancer.
Les limites seront votre imagination, et le temps que vous serez prêt à consacrer à vos animations ;)
Hi Mattias,
Will this tutorial be coming to the English side of the site? I have always wanted to get in to flash and this looks like a good starting point.
Hello Mark, yes, it will be translated. But I just record it in french few hours ago, so you'll have to wait a little for that.. sorry !
ca tue mattias!
ca fait longtemps que je cherchais a tester cela
merci
Thanks laurent ! Attention, c'est addictif ;)
Merci.
Voilà des années que je travaille sur flash, mais dans des domaines moins artistique (bandeaux ou animations commerciales institutionnelles) avec un peu d'actionscript par moment. Voilà aussi quelque temps que ce logiciel avait fini par m'épuiser tant je me lassais de ces petits boulots. Et bien je suis heureux d'en découvrir une autre facette. Je tenais à comprendre quelques astuces à la création du dessins animé traditionnel, voilà qui est un bon départ.
Danke !!
Je ne sais pas si je vais t'apprendre grand chose si tu connais déjà le logiciel, mais j'éspère que mon approche te plaira, et te permettra te recommencer à t'amuser un peu avec :)
Waa vraiment très sympa ce tuto !
Je boudais Flash jusqu'à présent mais là je dois dire que ça m'impressionne !
La pelure d'oignon est super pratique, et moi qui galèrais dans After avec mes formes vectorielles...
J'ai plus qu'à m'acheter un tablette graphique :D
J'étais dans le même cas que toi ;)
Richard Williams ?
:)
Ahah on en est loin :)
Ho sous Flash ?!, et moi qui test plein de truc sous After avec des résultats approximatifs^^. Si t'anime sous flash comment tu peux faire pour intégré l'intégré au rythme d'une vidéo, un peu comme celle des X-game 2012 ??
Je n'ai pas encore essayé mais je pense que tu peux facilement incorporer une video dans le scenario en tant que calque ou clip video, et ainsi peindre directement dessus, au bon rythme.
tu importes ta video en flv dans flash, "embed flv in swf and play in timeline"
et tu dessines dessus, apres tu vires ta video et tu recales le tout dans after
Super merci de votre aide, je vais faire des tests au cour de la semaine
ps : tu peux importer directement un swf dans after ; )
Merci pour l'info ! Cela donne quoi coté qualité, cela reste vectoriel, ou c'est compressé en png image par image à l'intérieur ? J'ai utilisé ce qui me semblait familier, un bon .mov avec couche alpha ^^
tout vectoriel , )
Parfait, j'utiliserai ça alors pour les prochaines fois! Un avantage de plus d'avoir des logiciels intégrés au sein d'une même suite :)
yep, tres bon tuto en tout cas !!
Pour garder les infos de vectoriel dans after, il faut cocher la case "petit soleil" à côté de la case "petit bonhomme qui se cache" (pour ne plus afficher les calques), à là tu peux agrandir et réduire sans aucun soucis. On se sert de ça en animation chez Ankama pour gérer les mouvements de cam avec l'anim flash.
Par contre vecto + calques 3D faut faire gaffe ça fait des trucs étranges.
(Et désolée pour mes appellations d'option pas très conventionnelles) :D
Ok je vois, comme les calques illustrator en faite :) Et on a tous dit un jour "petit soleil", c'est bien plus mignon que "Réduire les transformations", qui ne fait pas vraiment sens en dehors de l'usage sur une composition imbriquée. Merci pour la confirmation !
Super Tuto !
J'avais pas mal de "préjugés" sur Flash (ergonomie, logique d'utilisation,...), je ne l'avais plus réouvert depuis 2007, mais l'outil est vraiment intéressant dans ces conditions "manuelles".
Par contre je me demandais si la fonction animation de photoshop n'était pas équivalente (j'imagine qu'on perd le côté vectoriel) ou si du coup (et comme d'habitude) l'intérêt ne viendrait pas avec un mélange de styles entre vectors et pixels, bref ça fuse un peu au niveau des questions/idées, donc très bon tuto encore une fois ; )
Depuis CS6, tu as une fonction de pelure d'oignon que tu peux activer sur Photoshop, par contre je pense que cela sera beaucoup plus long pour certaines actions comme le remplissage des zones peintes, mais oui sinon d'un point de vue animation cela fonctionnera pareil, avec tous les outils et brushs de Photoshop ;)
Il faudrait ajouter la fonction de pelure d'oignon sur AfterEffects, avec les outils de dessins d'illustrator, et cela serait parfait ^^
" Il faudrait ajouter la fonction de pelure d'oignon sur AfterEffects, avec les outils de dessins d'illustrator, et cela serait parfait ^^ "
Exactement !!!
PS : Au fait as-tu vu le MP que je t'ai posté sur le facebook "Mattrunks" le 05 octobre, ça peut vraiment t'intéresser ? (réponds peut-être en MP ou mail pour ne pas troller)
Super ! Cela me fait vraiment plaisir de voir des tutos' sur flash, que je n'avais pas osé aborder jusque là !
ehe top top ^^
Putain, mais tu répond à tout le monde ?
Dans mes bons jours :)
je n'ai pas encore eu l'occasion de le regarder mais BRAVO. très belle animation. bonne continuation.
Une semaine sous Flash? moi ça fait des lunes que je m'y suis tâté et ensuite j'ai tout oublié (come d'hab). Ton tuto a été une bonne occasion de pleurer sur les pelures d'oignon car je suis nul en desin :0)...j'attends les tutos suivants avec impatience!
Une petite précision quand on utilise les outils de dessins dans Flash, avec la même taille de pinceau on peut faire des traits de taille différentes selon le zoom (peut importe le zoom, la taille du pinceau reste la même > un pinceau avec un zoom de 200% fait un trait plus fin qu'à 100%)
Ça peut dérouter au début, mais ça peut être aussi être très pratique pour dessiner des détails. Ce principe marche aussi pour la gomme.
Autrement, pour les imports de .swf dans after effect, il ne prend pas en compte les animations imbriqués dans des clips : il vaut mieux tout animer dans la timeline principale ou passer par l'export en .mov (qui lui c'est améliorer par rapport aux ancienne versions)
Merci ca fait longtemps que je regarde avec envie ce type d animations, je me suis meme essayé a la méthode maison du scanner et j avoue que là tu ouvres des nouvelles perspectives créa ....
Merci pour ce tutoriel fort instructif qui m'a permit de mieux appréhender ce logiciel :-)
Hello Mat,
you told something about your keyframing tutorial at 3:50. Which tutorial it is? Could you tell me name or just send me a link?:)
Thank you
Hello, I was referring to my beginner tutorials for After Effects http://www.mattrunks.com/fr/formations/debutant/ (in the Part 5, on animations) but unfortunately, these beginners tutorials aren't available in english at the moment :/
juste trop cool, j'attend avec impatience d'autre tuto du genre :D
Merci ! ça faisait un moment que je voulais me mettre à tester l'animation 2D, et hésitais, quel logiciel etc.. Ayant les Adobe, je vais rester dessus alors ! :P
Je cherchais un tutoriel comme ça pendant longtemps, ne pourrais pas vous faire l'un gratuit? S'il vous plaît?
salut pour une raison inconnue les fichiers ne sont pas repris sur AE de mon coté (CS5) mais sinon un grand merci pour ce tuto, c'est d'une incroyable facilité , je vais me regaler!!!!
Super tuto! Bravo et merci!
Trés bon tuto! P**** c'est génial, vu le rapport astuce/contenu/prix, ça me laisse baba! Un trés grand merci Mattrunks!!
Comment changer son format de fichier vidéo en flv dans adobe encoder.
Ou peut-être un autre logiciel ?
Sinon à quand le prochain tuto sur flash ? ;)
Coucou Matt ! Je te laisse un petit message pour te remercier pour ce tuto. J'ai fait juste que regarder pour l'instant (il est un peu 4 heures du matin lol) mais je crois que j'vais bosser comme un p'tit fou grâce à ton aide précieuse :)
J'ai découvert After Effects et ton site avec le tuto sur le téléphone qui se décompose et je suis vraiment ravi d'être ici. Merci encore et à Bientôt ! ;)
vidéo très bien commente, très bonne explications ,n'ayant aucune expérience d'adobe flash,j'en esperes d'
autres