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

Voir le sujet précédent Voir le sujet suivant Aller en bas

avatar
les iles

Messages : 1171
Points : 3381
Réputation : 1437
Date d'inscription : 22/10/2016
Age : 68
Localisation : bretagne sud
Voir le profil de l'utilisateur

Messageles iles le Mar 11 Juil - 9:54

  • 18px
  • 24px

   
:N13:

   

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




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




Tuto 13 Créer une animation DESSIN à partir d'un gif dessin animé avec Animation Shop /size]

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

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  


ou personnalisée, pour @jaja par exemple  


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'image et d'effet.


[size=18]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




~~~~~~~~~~~~ On commence ~~~~~~~~~~~~~~
MATERIEL INDISPENSABLE : logiciel Jasc Animation Shop
une image dessin animée, mon chat (par exemple) un pot de peinture et un crayon
ils 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


   

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)



 
2/ tu colorie 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



qui donne cela

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)



qui donne cela en animé :

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 )




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



qui donne cela  

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



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 ! )



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



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



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



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



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é)





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





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à !)



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 !


   
Information
les règles.
Pour toute question à propos de ce tutoriel merci  de la poser dans le forum de dépannage.
Poser une question au sujet de ce tutoriel
[/center]


Dernière édition par les iles le Mer 19 Juil - 10:22, édité 3 fois
avatar
migau
Administrateur
Administrateur
Messages : 2105
Points : 6188
Réputation : 2843
Date d'inscription : 21/10/2016
Localisation : Pays de la Loire
Voir le profil de l'utilisateur http://informaticsclubs.forumactif.org/

Messagemigau le Mar 11 Juil - 10:59

  • 18px
  • 24px
hello

merci Gilles pour le partage.


★·.·´¯`·.·★migau★·.·´¯`·.·★
               

Le Forum

   
   

Facebook

   
   
           

la chaine youtube

   
   
avatar
les iles

Messages : 1171
Points : 3381
Réputation : 1437
Date d'inscription : 22/10/2016
Age : 68
Localisation : bretagne sud
Voir le profil de l'utilisateur

Messageles iles le Mar 11 Juil - 11:10

  • 18px
  • 24px
Hello Michel,

pas de quoi je l'ai réalisé hier à la demande de Kari (Marine) sur Graphandco
bonne journée
avatar
jaja3

Messages : 2483
Points : 5583
Réputation : 2264
Date d'inscription : 22/10/2016
Age : 78
Localisation : Occitanie : Hérault
Voir le profil de l'utilisateur

Messagejaja3 le Mar 11 Juil - 11:18

  • 18px
  • 24px

Hello les iles

beaucoup de patience et ....
énormément de temps libre

:thanks: pour ce partage de tes connaissances


★·.·´¯`·.·★jaja★·.·´¯`·.·★

Le Forum

Facebook


la chaine youtube


avatar
jlmic
Administrateur
Administrateur
Messages : 1597
Points : 4305
Réputation : 1487
Date d'inscription : 20/10/2016
Voir le profil de l'utilisateur http://balades-normandes.forumactif.com/

Messagejlmic le Mar 11 Juil - 11:27

  • 18px
  • 24px
:bravo:

superbe tuto gilles

merci pour le partage




Contenu sponsorisé

MessageContenu sponsorisé

  • 18px
  • 24px

Voir le sujet précédent Voir le sujet suivant Revenir en haut

Message personnel aux visiteurs

Créer un compte ou se connecter pour répondre

Vous devez être membre pour répondre.

S'enregistrer

Rejoignez notre communauté ! C'est facile !


S'enregistrer

Connexion

Vous êtes déjà membre ? Aucun soucis, cliquez ici pour vous connecter.


Connexion

 
Permission de ce forum:
Vous ne pouvez pas répondre aux sujets dans ce forum