Tuto N°13 Créer une animation DESSIN à partir d'un gif dessin animé avec Animation Shop

Répondre
Avatar du membre
les iles
En ligne : Non
Messages : 224
Enregistré le : 15 août 2020, 09:39
Localisation : Bretagne sud
OS : Windows 10-64
Navigateur : Firefox(par défaut)
A remercié : 80 fois
A été remercié : 12 fois
août 2020 30 16:47

Tuto N°13 Créer une animation DESSIN à partir d'un gif dessin animé avec Animation Shop

Message par les iles



Image


Tuto N°13 Créer une animation DESSIN à partir d'un gif dessin animé avec Animation Shop



Image

si vous n'avez pas le logiciel Animation Shop
suivez le lien ici: Animation Shop gratuit-Cliquer sur le lien > ici

Tuto N°13 Créer une animation DESSIN à partir d'un gif dessin animé avec Animation Shop

~~~~~~~~~~~~~~~~~~

Cette créa est assez longue à réaliser, plus d'1 h environ si on est bien expérimenté sur AS3,
ou plusieurs heures si on débute avec un minimum de connaissances du logiciel !
Mais il ne faut jamais se décourager....

Comme celle-ci (pour l'exemple)

Image

ou personnalisée, pour @jaja par exemple

Image

Pour ce chat : j'ai 48 images au final, mais on peut en avoir + ou - selon le dessin et le résultat souhaité


NB. Evidemment plus c'est simple = plus c'est rapide... en réduisant le nombre d'images et d'effets.


Le principe de base à retenir :

* Démarrer la créa animée à partir de l'image finale (la dernière à droite)
* Remonter le film jusqu'à la 1ère image
* Copier/coller "avant" et user beaucoup de gomme !


voilà les captures AS du chat soit 48 images : en partant de la fin
la 48ème en haut à droite et la N°1 en bas à gauche

Image


~~~~~~~~~~~~ On commence ~~~~~~~~~~~~~~
MATERIEL INDISPENSABLE :
* le logiciel Jasc Animation Shop
* une image dessin animée,
* mon chat (par exemple)
* un pot de peinture et un crayon
ils vous sont donnés dans ce tuto au fil des opérations
~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~

1/ Il faut partir d'une image animée vierge, genre gif plutôt dessiné et animé au choix,
ici pour l'exemple un chat dessiné peint en gris

Image


En ouvrant ce gif animé dans AS on a 7 images en 122 x 138 (t'occupe pas des vitesses pour l'instant, tu les régleras au final)

Image


2/ tu colories les 7 images : pipette> choisir une couleur> pot de peinture> sur chaque image, ou tout sélectionner
NB. on peut aussi changer la couleur comme cela : "animation">" remplacer une couleur"> "Remplacer couleur précédente grise(pipette) ">" par nouvelle couleur rose (pipette)" avec tolérance 20 environ

Image

qui donne cela :
Image

3/ tu dupliques environ 3 fois (ou +) les 7 images en respectant l'animation : sélectionne tout > COPIER> COLLER après la dernière image (les images inutilisées seront supprimées en cours de création)

Image

qui donne cela en animé :

Image

4/ tu te places sur la dernière image à droite et inscris ce que tu veux et comme tu veux (ici "à bientôt" en 2 couleurs, 1 fois en noir et par-dessus en rose pour un effet simple de relief sans utiliser PSP )


Image

5/Tu ouvres un une nouvelle image transparente de mêmes dimensions 122x138 sur laquelle tu écris ce que tu veux (ici : Jaja de la même manière que "à bientôt" )

6/ tu dupliques 14 fois cette image 2 fois 7 pour conserver les 7 animations de base quand elles seront collées sur le chat en mouvement (si ton animation de base à plus de 7 images il faudra en tenir compte)

7/ reviens sur l'animation avec 48 images et gomme la queue du chat sur 14 images : toutes les images allant de la 34 à la 47 incluse

8/ sélectionne ces 14 images

9/ sélectionne et copie les 14 images avec le mot "jaja" sur fond transparent (en N°5) et colle-les sur les 14 images "chat" sans queue

10/ en partant de l'image 47 tu gommes progressivement (morceau de lettre par morceau de lettre ) le mot "jaja"sur les 14 images jusqu'à l'avoir complétement gommé en arrivant sur l'image N°33

11/ reviens sur l'image N°46 et redessine la queue pour le bout s'arrête sur la fin du "a"

12/ va sur la N°45 et gomme un tout petit peu du "à" et redessine la queue pour que le bout de la queue s'arrête en haut du "a" où tu as arrêté le gommage

13/ regarde les captures en début de tuto pour t'inspirer, et continue le gommage et le dessin de la queue image par image jusqu'à l'image N°33

Image

qui donne cela Image

14/ Puis on prend un chat comme celui ci-dessous, on le duplique 1 fois, on sélectionne tout et on copie les 2 images pour les coller à gauche avant la N°33

Image

15/ sur celui de droite la N°32, j'ai écrit "Et hop !" (on peut écrire ce que l'on veut, ce petit mot dit que l'animation démarre ! )

Image

16/ sur la N° 31 (à gauche) je colle un pot de peinture


Image

17/ on copie la 31 et colle à gauche "avant" en N° 30, puis on gomme la couleur dans la queue et un peu sur le dos,
on copie l'image 30 pour la coller "avant" puis on gomme un peu plus sur le dos
on copie l'image 29 pour la coller "avant" puis on gomme un peu plus sur le dos
on copie l'image 28 pour la coller "avant" puis on gomme un peu plus sur le dos
on copie l'image 27 pour la coller "avant" puis on gomme un peu plus sur le dos


Image

18/ on reprend l'image du chat au paragraphe 14 et on le colle "avant"


Image

on supprime le remplissage ("animation">"remplacer une couleur">"remplacer couleur précédente "rose>" par opacité "transparente")


Image

on peut aussi changer la couleur des traits ("animation">"remplacer une couleur">"Remplacer couleur précédente noir">"par nouvelle couleur rose" avec tolérance 100 environ)

on peut dupliquer 20 à 26 fois (plus il y en a plus il y aura de la fluidité)

Image

19/ on ouvre 1 nouvelle image 122x138 et on colle un crayon (sous différents angles à copier et coller selon le trait)

Image


Image

20/ On termine avec le même principe que précédemment,
on gomme un peu et on colle le crayon à l'emplacement d'arrêt du trait gommé

regarde la capture précédente

Quand le dessin est entièrement gommé et qu'il ne reste que le crayon (j'ai terminé par un oeil, car tout par de là !)

Image

Ouf ! l'animation est terminée !

Ha non, il faut régler les vitesses des images, on peut s'inspirer des miennes (sur l'image globale des 48 img en début de tuto)
ou faire mieux, c'est comme on le souhaite !


~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
Pour toute question à propos de ce tutoriel merci de la poser dans le forum



Ces utilisateurs ont remercié l’auteur les iles pour son message :
chrisnvidia (30 août 2020, 16:48)
Classement : 33.33%
Répondre