Magazine Graphisme

Créer un smiley sous Photoshop

Publié le 02 mai 2008 par Thierry

face-smirk.png Nous allons apprendre à réaliser nos propres smiley grâce au logiciel Photoshop.
Les smiley sont très utilisés sur internet afin de d'afficher une émotion ou une humeur.
Ils sont le partenaire idéal d'un forum et même d'un site web, nous allons apréhender pas à pas la création de smiley personnalisés.

Etape 1 : la prise en main

Nous allons prendre en main notre logiciel : Fichier > Nouveau (document de 21x21px) Zoomez en 800% en faisant CTRL + ou comme sur l'image si dessous Affichage + Agrandir.

Tuto-smiley-1.gif

Quand 100% sera devenu 800%, vous pourrez passer à l'étape 2

Etape 2: la prise en main ( suite )

Nous allons supprimer le fond en utilisant l’outil gomme : (raccourci : e), ATTENTION ! Votre smiley sera adapté a tout type de forum, mais sera plus sale : pour qu'il ne le soit pas et bien il suffit de remplir le fond avec la couleur qui convient, par exemple pour TitaXium c'est #DCE0E4. C'est la couleur de la zone ou sera posté le smiley

puis vous allez créer une sélection parfaitement ronde

Tuto-smiley-2.gif

Pour faire une sélection parfaitement ronde maintenez MAJ. Tout en gardant la sélection faîtes : Calque > Nouveau > Calque : Nommez le Fond Smiley. Remplissez la sélection avec du jaune (exemple : #E4C741).

Etape 3: Options de Fusion

Nous allons maintenant passer aux Options de fusion. Mais avant cela nous allons choisir les couleurs de premier plan et d’arrière plan. Suivez le schéma suivant :

Tuto-smiley-3.gif

Une fois cela fait nous allons faire un clique droit sur le calque : fond smiley : Options de fusion : cliquez sur Incrustation En Dégradé. Cliquez sur : Sélecteur de Dégradé comme indiqué sur l’image ci-dessous :

Tuto-smiley-4.gif

Cliquez sur le premier dégradé en haut à gauche, et vous allez régler vos options de Fusions comme ci-dessous :

Tuto-smiley-5.gif

Maintenant votre smiley en prend vraiment la forme.

Etape 4: Options de Fusion 2

Maintenant cliquez sur contour.

Nous allons modifier les propriétés :

Taille : 1px Couleur : (cliquez sur la couleur pour la modifier) #98874A

Normalement vous devriez avoir ca :

Tuto-smiley-6.gif

Etape 5: Les yeux et la bouche

Voila la dernière étape de notre tutorial, la bouche et les yeux :

Nous allons utiliser l'outil éclipse pour faire nos yeux :

Tuto-smiley-7.gif

Maintenant nous allons dessiner nos yeux, je vais juste donner quelques exemples parce que y’a des tas de façons de le faire.

Donc je dessine mon premier cercle, puis mon deuxième. Suffisamment gros pour qu’on puisse le voir en 100%. Pour la bouche vous pouvez utiliser le pinceau, mais je crois en votre originalité, voici quelques exemples de ce que cela peut donner une fois terminé et enregistré en .gif :

Tuto-smiley-8.gif
Tuto-smiley-9.gif
Tuto-smiley-10.gif

Quelques Derniers conseils : variez les tailles, et les contours, et même les dégradés.


Retour à La Une de Logo Paperblog

A propos de l’auteur


Thierry 37 partages Voir son profil
Voir son blog

l'auteur n'a pas encore renseigné son compte l'auteur n'a pas encore renseigné son compte

Dossier Paperblog

Magazines