[Tuto] Animer sa signature.. Photoshop + Image ready

Bonjour, dans ce tutoriel, on va tenter d'animer un/ou des éléments sous forme de calques grace à Image Ready et Photoshop. ...qui je le crois sont un seul et même produit dans la CS3 (et bien sur CS4 qui sort bientôt)

Alors commencons par créer un nouveau fichier :

Petit point de départ (au cas ou.. ) :
-La taille des signatures sur la plupart des forums ne dépasse pas 450x150px . (en l'occurence sur ce forum le 450x150px est accepté).
-Le poids idéal est de 70Ko (Il faudra faire preuve d'astuce et ne pas trop être gourmand pour que votre signature ne dépasse pas les 90Ko car de nombreux forums ne les prennent pas en charge).

Ce tuto est uniquement là pour vous faire comprendre la logique, ici l'animation sera juste une animation mineure d'un bonhomme vous permettant de comprendre le mécanisme.

1/Créez donc votre support :
Fichier>Nouveau...



2/Une fois le document crée, vous devez créer des calques qui correspondent a chaque parties de notre bonhomme :
Calque>Nouveau>Calque...



-Dans chaque calques, vous allez dessiner une des parties (Bras droit, Corps...) de manière a pouvoir animer séparément les parties de votre bonhomme.



3/Dans cet exemple a cette étape vous allez préparer tout les calques a l'avance dans photoshop pour les différentes étapes de votre animation (par exemple la décomposition de mouvement)




-Une fois tout ces calques préparés, cliquez sur ce bouton pour faire la passerelle entre photoshop et image ready :



4/Vous voilà dans image ready, rien de bien compliqué, a droite la fenetre des calques, en bas vous devez voir la barre d'animation (si vous ne voyez rien allez dans Fenetre>Animation)

-Votre interface doit ressembler a ca :



-Maintenant vous allez créer des calques d'animation :



-Dans chaque calque d'animation, vous pouvez tout controler pour chaque calque (dans notre exemple les différente parties sont égales a un calque qui lui est propre + la décomposition de mouvement du bras !

-Faites apparaitre maintenant chaque calque qui décompose son mouvement les uns après les autres dans différents calques d'animation :



-Une fois l'animation reglée ça doit ressembler a ça (tout les calques d'animation dans la fenêtre d'animation) :



-Vous pouvez desormais faire "play", tester son animation et regler la vitesse, pour chaque calque



Sauvegardez là, en allant dans Fichier>Enregistrer une copie optimisée sous...
Result :



Voilà c'est bien evidemment juste un exemple vous pouvez en animant des lueurs diffuses ou autre faire apparaitre une typo d'une certaine façon, les possibilités sont assez grandes... amusez vous bien !

Sympa ! Merci !

merci !

merci

Merci mais j'ai pas toshop