[Tuto] Créer un smiley

Symon · Grand schtroumpf Messages: 896

Salut à tous !

Voici un tuto pour créer un smiley.
L'exemple est basique, j'espère que vous lui donnerez des expressions sympathiques

Difficulté : 7/10

Smiley

Créez 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")

Double cliquez sur le calque "tete" et appliquez-lui ces 2 effets :

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 opaque au blanc transparent).

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

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

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

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

Double cliquez sur le calque et appliquez-lui ces effets :

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

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 :

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 :

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

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

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 opaque au blanc transparent) et tracez le dégradé en diagonale de haut en bas comme ceci :

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

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

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 :

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

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 :

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

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

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

Appliquez-lui une ombre portée et un biseau :

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

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

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

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

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

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

Faites Ctrl + clic sur le calque "bouche" et cliquez sur l'icône masque entouré en rouge :

Double cliquez sur le calque "dent" et appliquez-lui ces effets :

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

Ctrl + clic sur le calque "bouche" et appuyez sur l'icône masque. Double cliquez sur le calque "dent" 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é

Pour réduire la taille, il faut aplatir les styles de calque. Pour cela placez tous vos calques (sauf le fond) dans un dossier de calques. Sélectionnez ce dossier et appuyez sur ctrl + E pour le fusionner.
Vous pouvez maintenant réduire votre smiley.

J'attends vos smileys avec impatience !
Je compte sur votre imagination pour leur donner des expressions tordantes

A +

Joslin · P'tit schtroumpf Messages: 4

Trop excellent !!

T'es vraiment trop fort

Merci beaucoup ! C'est génial, j'essaye ça tout de suite !

Gadine · Schtroumpf Modo Messages: 680

Coucou !!

Voilà, grâce à ce super tuto, j'ai réalisé mon premier smiley :

Il est un peu triste, c'est parce qu'il a fait un caprice et que sa maman l'a grondé (ça va passer, vous en faites pas)

Je ne vous cache pas que je suis drôlement fière de moi !!

Je ne me croyais pas capable d'un tel exploit !

Symon · Grand schtroumpf Messages: 896

Merci Joslin

Superbe ton smiley Gadine

Je suis fier de toi

Link-Bond · Schtroumpf Messages: 30

Super tuto

Joli smiley gadine

Gadine · Schtroumpf Modo Messages: 680

Merci

Il faut que j'en fasse un qui sourit maintenant !

Tortoise33 · P'tit schtroumpf Messages: 6

Super tutooooo

j'ai failli m'arracher les cheveux tellement qu'il est dur celui la >_< mais bravo vous etes fort

trop mignoonnns ces smileys

et les champi aussi

BQDP · Schtroumpf Messages: 37

gadine a écrit:

Coucou !!

Voilà, grâce à ce super tuto, j'ai réalisé mon premier smiley :

Il est un peu triste, c'est parce qu'il a fait un caprice et que sa maman l'a grondé (ça va passer, vous en faites pas)

Je ne vous cache pas que je suis drôlement fière de moi !!

Je ne me croyais pas capable d'un tel exploit !

Superbe

!

Un reflet bleu clair vert bleu foncé pour la goutte, peut-être ?

Tortoise33 · P'tit schtroumpf Messages: 6

rahhhhh j'en ai fait un , >_< le voila

Symon · Grand schtroumpf Messages: 896

Le pauvre, il est un peu étriqué

Sinon bon début

, il faudrait juste revoir un tout petit peu la maitrise de la plume

bouriquo1 · P'tit schtroumpf Messages: 8

Déja Hello tout le monde je me présente X@V je suis new

Une bonne chose de faite ... alors voilà j'ai essayé de faire mon bonhomme hi hi .. j'ai essayé d'innover j'aurais peut-être pas dû

... comme vous pouvez voir ci-dessous il y a quelques petits trucs que je n'ai pas saisi donc je demanderai des explications sur ce qui va pas ... voilà place à l'image :neutral: .......................................

l'avantage c'est que ca rend pas mal sur msn en smiley lol

Symon · Grand schtroumpf Messages: 896

Salut bouriquo! Bienvenue!

Marrant le petit alien, par contre les yeux ne sont pas très percutant, c'est vrai que l'effet de dégradé de blanc était plutôt adapté sur un fond gris clair que noir.
Mais c'est bien d'avoir essayé autre chose

Par contre j'ai redimensionné la taille de ton image, essaye de limiter les images en largeur (500px max en mettant un lien vers la taille réelle)

bouriquo1 · P'tit schtroumpf Messages: 8

J'ai pas saisi le passage pour contourner les yeux .. là ou il faut décaler vers la droite et en bas puis vers la gauche et en haut de quelque px ...

Chez moi ça fait rien pourrais-tu me donner + de détails si tu ne les as pas tous déja donnés ?

Merci

Symon · Grand schtroumpf Messages: 896

En principe j'ai bien donné tous les détails

, peut-être qu'une capture d'écran te manque pour bien comprendre cette étape.
Je reprends le tuto à partir des contours des yeux :

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 et déplacez-la comme ci-dessous (1px à gauche + 1 px en bas). Faites suppr :

Lorsque que tu déplaces la sélection d'1px vers la gauche et d'1px vers le bas, vérifie bien avant que tu utilises l'outil de selection (M) et non l'outil de déplacement (V). Car si la flèche de déplacement est sélectionnée, en décalant la selection d'1px tu décaleras en même temps la couleur #B39405. Alors que le but est de déplacer uniquement la sélection.

Voilà j'espère que ça t'aidera

Sorcier · Schtroumpf Messages: 82

Merci pour ce tutorial très clair et très réussi

Voilà mes smileys faits grâce à ton tuto (je ne maitrise pas trop la plume encore

)

et un autre style:

Symon · Grand schtroumpf Messages: 896

Très sympa

J'aime bien la bouche du 2ème et la tête de vainqueur du dernier

Bien joué, continue

bouriquo1 · P'tit schtroumpf Messages: 8

Moi aussi j'aime bien .. bon je vais essayer de refaire mes yeux

Edit :

Voilà ça marche mieux pour les yeux cependant c'est pas encore ça lol ...

Symon · Grand schtroumpf Messages: 896

Car il faut déplacer la selection d'1 seul pixel (1px vers la gauche et 1 px vers le bas). Les petites rides ne doivent pas toucher le contour des yeux.
T'as voulu refaire Emmanuel Chain ?

En tout cas il a de belles dents

Sorcier · Schtroumpf Messages: 82

emmanuel chain , c'est vrai qu'il lui ressemble un ptit peu

il a une grande bouche :chok:

bouriquo1 · P'tit schtroumpf Messages: 8

Oui ... emmanuel chain dans quelques années ( cf : le gris ) ... qui essaye de s'envoler vers le paradis ...

Lol je m'éclate faites pas attention