AccueilDernières imagesRechercherS'enregistrerConnexion
-20%
Le deal à ne pas rater :
-20% sur le Lot de 2 écrans PC GIGABYTE 27″ LED M27Q
429 € 539 €
Voir le deal

 

 [Tuto Photoshop cs5] Faire un avatar animé.

Aller en bas 
4 participants
AuteurMessage
Yukai
Eleveur MYTIK
Eleveur MYTIK
Yukai


Messages : 128
Date d'inscription : 16/05/2012
Age : 25
Localisation : DTC ! Dans ton coeur <3

[Tuto Photoshop cs5] Faire un avatar animé. Empty
MessageSujet: [Tuto Photoshop cs5] Faire un avatar animé.   [Tuto Photoshop cs5] Faire un avatar animé. TimeSam 19 Mai - 7:37

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.font

Etape 1

On créer un nouveau fichier de 150 x 200, et transparent ! (Sur le screen c'est blanc.)

[Tuto Photoshop cs5] Faire un avatar animé. 13374115

On importe le premier render (ou avatar) et on l'agrandit beaucoup pour que ça prenne la taille du cadre, comme ceci :

[Tuto Photoshop cs5] Faire un avatar animé. 13374116

Etape 2

On sélectionne l'outil de séléction rapide (M) et on trace un rectangle à peu près comme celui-là :

[Tuto Photoshop cs5] Faire un avatar animé. 13374117

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 :

[Tuto Photoshop cs5] Faire un avatar animé. 13374118

Etape 3

On refait un nouveau calque, on fait un deuxième rectangle comme ceci :

[Tuto Photoshop cs5] Faire un avatar animé. 13374119

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à :

[Tuto Photoshop cs5] Faire un avatar animé. 13374120

Etape 4


On 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 :

[Tuto Photoshop cs5] Faire un avatar animé. 13374113

Après on sélectionne l'outil texte et on applique le texte qu'on veut comme ceci :

[Tuto Photoshop cs5] Faire un avatar animé. 13374112

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 :

[Tuto Photoshop cs5] Faire un avatar animé. 13374111

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 :

[Tuto Photoshop cs5] Faire un avatar animé. 13374110

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


Dernière édition par Yukai le Sam 19 Mai - 17:02, édité 2 fois
Revenir en haut Aller en bas
Fun-panda
Meneur MYTIK
Fun-panda


Messages : 180
Date d'inscription : 14/05/2012
Age : 29
Localisation : Quartier des forgerons de Bonta

[Tuto Photoshop cs5] Faire un avatar animé. Empty
MessageSujet: Re: [Tuto Photoshop cs5] Faire un avatar animé.   [Tuto Photoshop cs5] Faire un avatar animé. TimeSam 19 Mai - 10:31

MONSTRUEUX!! Shocked tu as meme mis les sites pour trouver les renders!! En tout cas merci beaucoup, tu as du passer du temps a faire ce superbe tuto. Toi et albi, vous me faites bisquer, j'attend juste d'obtenir photoshop et ensuite je me régale Very Happy
Revenir en haut Aller en bas
http://olf-94@skyrock.com
Yukai
Eleveur MYTIK
Eleveur MYTIK
Yukai


Messages : 128
Date d'inscription : 16/05/2012
Age : 25
Localisation : DTC ! Dans ton coeur <3

[Tuto Photoshop cs5] Faire un avatar animé. Empty
MessageSujet: Re: [Tuto Photoshop cs5] Faire un avatar animé.   [Tuto Photoshop cs5] Faire un avatar animé. TimeSam 19 Mai - 14:56

Merci ;P

Oui j'ai essayé de faire au plus précis possible ^^
Revenir en haut Aller en bas
Albinow
Assassin MYTIK
Assassin MYTIK
Albinow


Messages : 377
Date d'inscription : 12/05/2012
Age : 28
Localisation : Contrée d'Amakna - Avenue des pious

[Tuto Photoshop cs5] Faire un avatar animé. Empty
MessageSujet: Re: [Tuto Photoshop cs5] Faire un avatar animé.   [Tuto Photoshop cs5] Faire un avatar animé. TimeSam 19 Mai - 15:26

Bravoooo, topissime, génial, excellent!! *_*

Concernant photoshop, je vais faire un tuto pour l'avoir !
Revenir en haut Aller en bas
http://albinow.skyrock.com
Yukai
Eleveur MYTIK
Eleveur MYTIK
Yukai


Messages : 128
Date d'inscription : 16/05/2012
Age : 25
Localisation : DTC ! Dans ton coeur <3

[Tuto Photoshop cs5] Faire un avatar animé. Empty
MessageSujet: Re: [Tuto Photoshop cs5] Faire un avatar animé.   [Tuto Photoshop cs5] Faire un avatar animé. TimeSam 19 Mai - 15:33

Merci, mais non Razz
Revenir en haut Aller en bas
Fun-panda
Meneur MYTIK
Fun-panda


Messages : 180
Date d'inscription : 14/05/2012
Age : 29
Localisation : Quartier des forgerons de Bonta

[Tuto Photoshop cs5] Faire un avatar animé. Empty
MessageSujet: Re: [Tuto Photoshop cs5] Faire un avatar animé.   [Tuto Photoshop cs5] Faire un avatar animé. TimeSam 26 Mai - 15:49

Elle est stylé ta signature animé de big apple mais c'est juste qu'elle est un peu grande. Sinon voit-tu je n'ai pas encore de signature car j'essaie d'en faire une animé mais je n'arrive pas a la mettre car elle est en format psd. Alors peut-tu m'indiquer s'il te plait comment a tu fait pour mettre ta signature animé?
Revenir en haut Aller en bas
http://olf-94@skyrock.com
Yukai
Eleveur MYTIK
Eleveur MYTIK
Yukai


Messages : 128
Date d'inscription : 16/05/2012
Age : 25
Localisation : DTC ! Dans ton coeur <3

[Tuto Photoshop cs5] Faire un avatar animé. Empty
MessageSujet: Re: [Tuto Photoshop cs5] Faire un avatar animé.   [Tuto Photoshop cs5] Faire un avatar animé. TimeSam 26 Mai - 21:57

Il faut faire "enregistrer par le Web et les périphériques", et hébéreger la signature.
Tu copies/colles le lien et voilà ^^
Revenir en haut Aller en bas
Kayl
Conseiller MYTIK
Kayl


Messages : 34
Date d'inscription : 03/06/2012
Age : 28
Localisation : BzH RpZ !

[Tuto Photoshop cs5] Faire un avatar animé. Empty
MessageSujet: Re: [Tuto Photoshop cs5] Faire un avatar animé.   [Tuto Photoshop cs5] Faire un avatar animé. TimeMer 6 Juin - 16:59

Merci pour ce tuto yuk ! J'ai galéré mais j'y suis enfin arrivé Very Happy

ps: regarde ma signa Smile
Revenir en haut Aller en bas
Yukai
Eleveur MYTIK
Eleveur MYTIK
Yukai


Messages : 128
Date d'inscription : 16/05/2012
Age : 25
Localisation : DTC ! Dans ton coeur <3

[Tuto Photoshop cs5] Faire un avatar animé. Empty
MessageSujet: Re: [Tuto Photoshop cs5] Faire un avatar animé.   [Tuto Photoshop cs5] Faire un avatar animé. TimeMer 6 Juin - 17:03

C'est très joli tout ça, bravo Razz
Revenir en haut Aller en bas
Kayl
Conseiller MYTIK
Kayl


Messages : 34
Date d'inscription : 03/06/2012
Age : 28
Localisation : BzH RpZ !

[Tuto Photoshop cs5] Faire un avatar animé. Empty
MessageSujet: Re: [Tuto Photoshop cs5] Faire un avatar animé.   [Tuto Photoshop cs5] Faire un avatar animé. TimeMer 6 Juin - 17:04

Merci Very Happy
Revenir en haut Aller en bas
Contenu sponsorisé





[Tuto Photoshop cs5] Faire un avatar animé. Empty
MessageSujet: Re: [Tuto Photoshop cs5] Faire un avatar animé.   [Tuto Photoshop cs5] Faire un avatar animé. Time

Revenir en haut Aller en bas
 
[Tuto Photoshop cs5] Faire un avatar animé.
Revenir en haut 
Page 1 sur 1
 Sujets similaires
-
» TUTO - Comment obtenir photoshop CS5 [gratuitement]
» [Tuto Photoshop] Lasso lumineux autour du personnage
» [Tuto] Avoir C4D (cinéma 4D) en version complète
» Création PS pour blog !
» Vos créations photoshop

Permission de ce forum:Vous ne pouvez pas répondre aux sujets dans ce forum
K-SOS MYTIK :: Activités & Services :: Tutoriels-
Sauter vers: