UserBars France
Vous souhaitez réagir à ce message ? Créez un compte en quelques clics ou connectez-vous pour continuer.



 
AccueilRechercherDernières imagesS'enregistrerConnexion
Le deal à ne pas rater :
Cdiscount : -30€ dès 300€ d’achat sur une sélection Apple
Voir le deal

 

 [Tuto Photoshop] Creer un smiley

Aller en bas 
+6
El-Cherubin
Darkside76
Darkness
Echolls
waaaou
TheGreenMan
10 participants
AuteurMessage
TheGreenMan
TGM Tout Puissant
TGM Tout Puissant
TheGreenMan


Masculin Nombre de messages : 4363
Age : 42
Localisation : sur E-Design...
Date d'inscription : 06/02/2006

[Tuto Photoshop] Creer un smiley Empty
MessageSujet: [Tuto Photoshop] Creer un smiley   [Tuto Photoshop] Creer un smiley EmptyMar 9 Mai - 15:47

Bonjour a tous, ajourd'hui vous allez apprendre a creer un smiley avec Photoshop.

Difficulté 7/10

Ouvrez Photoshop et creez un nouveau document de 300x300px, Sélectionnez l'outil ellipse vectorielle dans la palette (U) et tracez un cercle de couleur #FADE11 (nommez le calque "tete")

[Tuto Photoshop] Creer un smiley 1

Double cliquez sur le calque "tete" (Options de fusion) et appliquez-lui ces 2 effets :

[Tuto Photoshop] Creer un smiley 2

[Tuto Photoshop] Creer un smiley 3

Faites Ctrl + clic sur le calque "tete" et créez un nouveau calque. Allez dans le menu : Sélection => Modifier => Contracter et prenez comme valeur 5.
Sélectionnez l'outil dégradé (du blanc vers transparent).

[Tuto Photoshop] Creer un smiley 4

Tracez le dégradé du haut vers le bas comme ceci :

[Tuto Photoshop] Creer un smiley 5

Et déplacez le vers le haut comme-ci dessous (environ 5px)

[Tuto Photoshop] Creer un smiley 6

Passons aux yeux :
Sélectionnez l'outil ellipse dans la pallette (U) et tracez un ovale de couleur blanche (nommez le calque "oeil")

[Tuto Photoshop] Creer un smiley 7

Prenez l'outil de sélection de point vectoriel (A) et déplacez les points afin d'obtenir cette forme :

[Tuto Photoshop] Creer un smiley 8

Double cliquez sur le calque (Options de fusion) et appliquez-lui ces effets :

[Tuto Photoshop] Creer un smiley 9

[Tuto Photoshop] Creer un smiley 10

Dupliquez le calque, allez dans le menu Edition / transformation / symetrie axe horizontal et placez-le à l'opposé :

[Tuto Photoshop] Creer un smiley 11

Faites Ctrl + clic sur le calque "oeil", allez dans le menu sélection / modifier / dilater et prenez comme valeur 5.
Créez un nouveau calque et remplissez-le de la couleur #B39405. Gardez la sélection active, appuyez sur M (outil de selection) et déplacez la comme ci-dessous (1px à gauche + 1 px en bas). Faites suppr :

[Tuto Photoshop] Creer un smiley 12

Répétez exactement la même opération. Seul changement : déplacez la sélection active de 1px vers la gauche + 1 px vers le haut. Faites suppr :

[Tuto Photoshop] Creer un smiley 13

Dupliquez le nouveau calque , allez dans le menu Edition / transformation / axe horizontal et placez-le à l'opposé :

[Tuto Photoshop] Creer un smiley 14

Sélectionnez maintenant la gomme (flux 50%) et affinez les traits comme ceci :

[Tuto Photoshop] Creer un smiley 15

Faites Ctrl + clic sur le calque "oeil", allez dans le menu sélection / modifier / contracter et prenez comme valeur 2.
Créez un nouveau calque, sélectionnez l'outil dégradé (du blanc vers transparent) et tracez le dégradé en diagonale de haut en bas comme ceci :

[Tuto Photoshop] Creer un smiley 16

Dupliquez le calque, allez dans le menu Edition / transformation / axe horizontal et placez-le à l'opposé :

[Tuto Photoshop] Creer un smiley 17

Sélectionnez l'outil ellipse vectorielle dans la palette (U) et tracez un cercle de couleur noir (nommez le calque "pupille") comme ceci :

[Tuto Photoshop] Creer un smiley 18

Faites Ctrl + clic sur le calque "pupille", allez dans le menu sélection / modifier / contracter et prenez comme valeur 2.
Sélectionnez l'outil dégradé (blanc opaque au blanc transparent) et créez un nouveau calque.
Tracez le dégradé de haut en bas :

[Tuto Photoshop] Creer un smiley 19

Tracez une ellipse de selection (M) comme ceci et appuyez sur suppr :

[Tuto Photoshop] Creer un smiley 20

De la même manière, Faites Ctrl + clic sur le calque "pupille", créez un nouveau calque et allez dans le menu sélection / modifier / contracter et prenez comme valeur 2.
Remplissez la selection de blanc. Gardez la selection active et déplacez la, comme ci-dessous. Appuyez sur suppr :

[Tuto Photoshop] Creer un smiley 21

Réglez l'opacité du calque à 40%

Dupliquez ensuite les 3 calques et déplacez-les vers l'oeil gauche :

[Tuto Photoshop] Creer un smiley 22

Maintenant les sourcils :
Prenez l'outil plume (P) et tracez une forme noire comme ceci :

[Tuto Photoshop] Creer un smiley 23

Appliquez-lui une ombre portée et un biseau (Double clik => Options de fusion):

[Tuto Photoshop] Creer un smiley 24

[Tuto Photoshop] Creer un smiley 25

Répétez exactement la même manip pour le sourcil droit (en faisant une forme un tout petit peu différente) :

[Tuto Photoshop] Creer un smiley 26

Voilà , il ne nous reste plus que la bouche :
Sélectionnez l'outil ellipse vectorielle (U), et tracez un ovale noir (nommez le calque "bouche")

[Tuto Photoshop] Creer un smiley 27

Prenez l'outil de sélection de point vectoriel (A) et faites une forme comme ceci :

[Tuto Photoshop] Creer un smiley 28

Double cliquez sur le calque et appliquez-lui un dégradé :

[Tuto Photoshop] Creer un smiley 29

Faites Ctrl + clic sur le calque "bouche", allez dans le menu sélection / modifier / dilater et prenez comme valeur 3.
Créez un nouveau calque en-dessous du calque "bouche" et remplissez-le d'une couleur.
Double cliquez sur le calque et appliquez-lui ce dégradé :

[Tuto Photoshop] Creer un smiley 30

[Tuto Photoshop] Creer un smiley 31

Créez un nouveau calque, nommez le "dent" et tracez une ellipse comme ci-dessous. Remplissez la selection en blanc :

[Tuto Photoshop] Creer un smiley 32

Faites Ctrl + clic sur le calque "bouche" et appliquez un masque de fusion :

[Tuto Photoshop] Creer un smiley 33

Double cliquez sur le calque "dent" (Options de fusion) et appliquez-lui ces effets :

[Tuto Photoshop] Creer un smiley 34

[Tuto Photoshop] Creer un smiley 35

Faites exactement la même chose pour les dents du bas, en traçant une ellipse plus aplatie :

[Tuto Photoshop] Creer un smiley 36

Ctrl + clic sur le calque "bouche" et appuyez sur l'icône masque de fusion. Double cliquez sur le calque "dent" (Options de fusion) et appliquez-lui les même effets que pour les dents du haut.

Si les bords des pupilles ou de la bouche sont légèrement crénelés, appliquez sur les calques un léger flou gaussien de valeur entre 0,2 et 0,3.

Voilà, notre petit smiley est terminé

[Tuto Photoshop] Creer un smiley 37

Pour réduire la taille, il faut aplatir les styles de calque. Pour cela, en restant appuyé sur CTRL, selectionnez tous vos calques (sauf le fond). Appuyez sur Ctrl + E pour le fusionner.
Vous pouvez maintenant réduire votre smiley.

A vous de jouer Nickel



Merci a Symon pour ce tuto
Revenir en haut Aller en bas
http://daleetstudios.free.fr/dotclear/
waaaou

[Tuto Photoshop] Creer un smiley Addict
waaaou


Masculin Nombre de messages : 1964
Age : 31
Localisation : marseille
Loisirs : grah, sortie,
Date d'inscription : 05/03/2006

[Tuto Photoshop] Creer un smiley Empty
MessageSujet: Re: [Tuto Photoshop] Creer un smiley   [Tuto Photoshop] Creer un smiley EmptyDim 14 Mai - 10:14

tout simplement... bleufant telement c'est .. beau. = 10/10

Nickel Nickel Nickel Nickel Nickel Nickel Nickel Nickel Nickel Nickel Nickel Nickel Nickel Nickel Nickel Nickel
Revenir en haut Aller en bas
Echolls

Echolls


Masculin Nombre de messages : 1182
Age : 33
Localisation : San Diego // California
Date d'inscription : 02/04/2006

[Tuto Photoshop] Creer un smiley Empty
MessageSujet: Re: [Tuto Photoshop] Creer un smiley   [Tuto Photoshop] Creer un smiley EmptyVen 26 Mai - 23:20

Le tuto peut'il servir pour ceux d'un forum ?
Revenir en haut Aller en bas
http://echolls.free.fr/
TheGreenMan
TGM Tout Puissant
TGM Tout Puissant
TheGreenMan


Masculin Nombre de messages : 4363
Age : 42
Localisation : sur E-Design...
Date d'inscription : 06/02/2006

[Tuto Photoshop] Creer un smiley Empty
MessageSujet: Re: [Tuto Photoshop] Creer un smiley   [Tuto Photoshop] Creer un smiley EmptyVen 26 Mai - 23:28

Si tu cite la source avec un lien oui...
Revenir en haut Aller en bas
http://daleetstudios.free.fr/dotclear/
Echolls

Echolls


Masculin Nombre de messages : 1182
Age : 33
Localisation : San Diego // California
Date d'inscription : 02/04/2006

[Tuto Photoshop] Creer un smiley Empty
MessageSujet: Re: [Tuto Photoshop] Creer un smiley   [Tuto Photoshop] Creer un smiley EmptyVen 26 Mai - 23:29

Euh, flute, mal poser la question Mad Laughing
Peux ton faire, a partir de ce tuto, des smileys pour forum ?
Revenir en haut Aller en bas
http://echolls.free.fr/
Darkness

[Tuto Photoshop] Creer un smiley Membre
Darkness


Masculin Nombre de messages : 107
Age : 30
Localisation : Caen, Basse-Normandie, France
Loisirs : Infographie, VTT
Date d'inscription : 01/05/2006

[Tuto Photoshop] Creer un smiley Empty
MessageSujet: Re: [Tuto Photoshop] Creer un smiley   [Tuto Photoshop] Creer un smiley EmptySam 27 Mai - 9:49

J'ai pas compris cette phrase quelqu'un peut me l'expliquer ou me faire un screen ?

Créez un nouveau calque et remplissez-le de la couleur #B39405. Gardez la sélection active, appuyez sur M (outil de selection) et déplacez la comme ci-dessous (1px à gauche + 1 px en bas).
Revenir en haut Aller en bas
http://graph-paradise.bbgraph.com
Darkside76

Darkside76


Masculin Nombre de messages : 872
Age : 37
Localisation : Le Havre
Date d'inscription : 10/03/2006

[Tuto Photoshop] Creer un smiley Empty
MessageSujet: Re: [Tuto Photoshop] Creer un smiley   [Tuto Photoshop] Creer un smiley EmptySam 27 Mai - 13:53

Alors en fait, tu as ta sélection active, tu créer un nouveau calque et tu remplis la sélection avec la couleur. Ensuite tu prends l'outil sélection (M) et tu appuyes une fois sur gauche et une fois sur bas (les touches fléchées de ton clavier Wink)
Revenir en haut Aller en bas
El-Cherubin

El-Cherubin


Masculin Nombre de messages : 1418
Age : 36
Localisation : Yes !! Parisien dans l'ame!
Loisirs : Femme, net, informatique, lecture, cinema, et...hheeeuuu.......
Date d'inscription : 09/02/2006

[Tuto Photoshop] Creer un smiley Empty
MessageSujet: Re: [Tuto Photoshop] Creer un smiley   [Tuto Photoshop] Creer un smiley EmptySam 27 Mai - 21:24

Merci pour ce magnifique nouveau tuto !!! Nickel
Revenir en haut Aller en bas
http://www.infocompub.fr
Vir09

[Tuto Photoshop] Creer un smiley Nouveau



Nombre de messages : 1
Age : 31
Date d'inscription : 29/10/2006

[Tuto Photoshop] Creer un smiley Empty
MessageSujet: Re: [Tuto Photoshop] Creer un smiley   [Tuto Photoshop] Creer un smiley EmptyLun 30 Oct - 0:03

Créez un nouveau calque et remplissez-le de la couleur #B39405. Gardez la sélection active, appuyez sur M (outil de selection) et déplacez la comme ci-dessous (1px à gauche + 1 px en bas). Faites suppr :

je comprends pas, quand je fais suppr, ca supprime toute ma forme, comment il faut faire ?
Revenir en haut Aller en bas
kakoum

[Tuto Photoshop] Creer un smiley Nouveau
kakoum


Masculin Nombre de messages : 49
Age : 31
Localisation : Ponteilla (mais ou ke c'est ??)
Loisirs : PC, mangas, IGZ
Date d'inscription : 13/06/2007

[Tuto Photoshop] Creer un smiley Empty
MessageSujet: Re: [Tuto Photoshop] Creer un smiley   [Tuto Photoshop] Creer un smiley EmptyJeu 14 Juin - 20:51

super sa vaut 10/10

pour répondre a certain pour l'introduire dans un forum faut surement le réduire a la taille des petit
Revenir en haut Aller en bas
http://immortalgalaxy.free.fr
Bboy SiolA

[Tuto Photoshop] Creer un smiley Addict
Bboy SiolA


Masculin Nombre de messages : 1444
Age : 33
Localisation : Devant mon écran
Loisirs : Danse, informatique, Boxe Thai
Date d'inscription : 26/05/2007

[Tuto Photoshop] Creer un smiley Empty
MessageSujet: Re: [Tuto Photoshop] Creer un smiley   [Tuto Photoshop] Creer un smiley EmptyVen 15 Juin - 1:59

Bluffant la 3D dès que j'ai finis ma (euh... sign, banniere, header?Neutral ) mon montage kwa je le test Nickel
Revenir en haut Aller en bas
akaren
Mouton Designer
Mouton Designer
akaren


Masculin Nombre de messages : 1199
Age : 32
Localisation : Marseille
Loisirs : Graphisme, Guitare, Gymnastique - 3G =')
Date d'inscription : 05/10/2006

[Tuto Photoshop] Creer un smiley Empty
MessageSujet: Re: [Tuto Photoshop] Creer un smiley   [Tuto Photoshop] Creer un smiley EmptyVen 15 Juin - 10:12

Vir09 a écrit:
Créez un nouveau calque et remplissez-le de la couleur #B39405. Gardez la sélection active, appuyez sur M (outil de selection) et déplacez la comme ci-dessous (1px à gauche + 1 px en bas). Faites suppr :

je comprends pas, quand je fais suppr, ca supprime toute ma forme, comment il faut faire ?

Tu dois pas assez déplacer, car lorsque tu as déplacé, une partie de ta forme n'est plus sélectionnée et ne peut plus être supprimée Nickel

Bboy >
Sign = Créa' d'environ 400*150 (ça peut être plus ou moins, c'est approximatif), que tu mets sur les forums pour qu'elle apparaisse à la fin de chacun de tes messages
Bannière = Header = Créa' que tu mets en haut des sites/fofo

Si je raconte pas n'importe quoi, c'est ça Very Happy



Sinon, ce tuto est super^^
J'avais essayé une fois il y a longtemps j'avais pas fait jusqu'à la fin (c'est loong xD)
Revenir en haut Aller en bas
Bboy SiolA

[Tuto Photoshop] Creer un smiley Addict
Bboy SiolA


Masculin Nombre de messages : 1444
Age : 33
Localisation : Devant mon écran
Loisirs : Danse, informatique, Boxe Thai
Date d'inscription : 26/05/2007

[Tuto Photoshop] Creer un smiley Empty
MessageSujet: Re: [Tuto Photoshop] Creer un smiley   [Tuto Photoshop] Creer un smiley EmptyVen 15 Juin - 14:17

Ah ok Merci AkarenNickel
Je suis bloqué aux yeux quand j'ai fait le premier je selectionne (A) mais je n'ai aucun point, je ne peux en faire aucun nn plus ^^' pensif
Revenir en haut Aller en bas
Contenu sponsorisé





[Tuto Photoshop] Creer un smiley Empty
MessageSujet: Re: [Tuto Photoshop] Creer un smiley   [Tuto Photoshop] Creer un smiley Empty

Revenir en haut Aller en bas
 
[Tuto Photoshop] Creer un smiley
Revenir en haut 
Page 1 sur 1

Permission de ce forum:Vous ne pouvez pas répondre aux sujets dans ce forum
UserBars France :: Tutoriels / Support :: Tutos :: Photoshop :: Divers-
Sauter vers: