Bonjour à tous.
Aujourd'hui, je vais essayer de vous apprendre comment faire un avatar animé, avec photoshop cs5.
Tout d'abord il vous faut :
- Photoshop cs5 (logique xD),
- Un render (que vous pourrez trouver ici :
http://www.renders-graphiques.fr/ ) ou un screen détouré,
- Une police d'écriture (ici :
http://www.dafont.com/fr/ ),
- Le motif (ici :
http://honeymiel.deviantart.com/art/Scanline-Patterns-40021494?q=boost:popular%20patterns%20photoshop&qo=125 )
Si vous voulez faire le même que moi durant la vidéo, c'est ça que vous devez téléchargé :
Render : (petit cadre :
http://www.renders-graphiques.fr/galerie/Dofus-Wakfu-96,3/cra-arc-elfe-dofus-a-82991.htm ) (grand cadre :
http://www.renders-graphiques.fr/galerie/Dofus-Wakfu-96,5/dofus-cra-archer-elf-71157.htm )
Police d'écriture :
http://www.dafont.com/usang.fontEtape 1On créer un nouveau fichier de 150 x 200, et transparent ! (Sur le screen c'est blanc.)
On importe le premier render (ou avatar) et on l'agrandit beaucoup pour que ça prenne la taille du cadre, comme ceci :
Etape 2On sélectionne l'outil de séléction rapide (M) et on trace un rectangle à peu près comme celui-là :
On fait séléction, intervertir, et on gomme le contour de notre rectange, on reprend l'outil de séléction rapide (M), on créer un nouveau calque, clique droit sur l'image contour, on met noir et 2 px, ctrl + d et on obtient ceci :
Etape 3On refait un nouveau calque, on fait un deuxième rectangle comme ceci :
On importe la deuxième image qu'on agrandit bien comme la première, pareil que pour le premier, sélection -> interverir et on gomme ce qui est hors cadre, on refait séléction -> intervertir, on créer un nouveau calque, outil de séléction rapide (M), clique droit, contour, noir, 1px, ctrl + d et voilà :
Etape 4On va double cliquer à côté du nom du premier calque (premier render ajouté), on arrive dans les styles de calques, incrustation de motif, on ajoute le motif téléchargé plus haut, on diminue l'échelle suivant l'effet que vous voulez donner, on fait ok, on prend l'outil densité (O), et on l'applique sur le calque pour augmenter la luminosité, ça donne à peu prêt ceci :
Après on sélectionne l'outil texte et on applique le texte qu'on veut comme ceci :
Ensuite on va dans fenêtre, animation. On duplique le calque. On enlève les textes, et on rajoute les nouveaux textes et c'est finis on règle juste le temps de chaque "diapo" à 1,5 secondes comme ceci :
Faites engeristrer pour le Web et les périphériques, ce que je n'ai pas fait pour le rendu final xD
Voilà le rendu final :Au passage une petite vidéo commentée faite par un pote, qui est ce tuto x)
[youtube]
https://www.youtube.com/watch?feature=player_embedded&v=p5SkSKkITtI [/youtube]
Merci à tous et à bientôt !