32
Créer des boutons gris métal avec Photoshop
Les icônes, tout un monde, voici un tutorial qui vous permettra d’en créer une série. En effet, nous allons créer une base sous forme d’un bouton et ensuite vous aurez la possibilité d’y appliquer n’importe quel logo par-dessus pour créer de plus en plus d’icônes. Dans ce tutorial nous créerons l’icône de suppression ou d’annulation (avec la croix).
Ce n’est pas très compliqué, juste un peu long, alors accrochez vous 
- Tutorial 169 - Fichier Source Photoshop
- Clic pour télécharger gratuitement le fichier source photoshop utilisé dans ce tutorial numéro 169
ETAPE 1
Je crée un nouveau document et sur celui-ci je crée (grâce à l’outil des formes personnalisées) une ellipse parfaite (lors de mon tracé je garde la touche MAJ enfoncée pour garder des proportions égales).
ETAPE 2
Sur mon calque j’applique deux styles : une bordure ainsi qu’une incrustation de dégradé, vous retrouverez la configuration des styles ci-dessous ou directement dans le fichier PSD présent en haut de cette page.
ETAPE 3
Je crée un nouveau calque, sur ce calque un rond noir que je place par-dessus mon premier rond, je le place légèrement plus sur la droite.
ETAPE 4
Même chose qu’a l’étape 2.
Attention : pour placer correctement le dégradé, une manipulation est nécessaire : Lorsque vous êtes dans la fenêtre des styles de calques, lorsque vous paramétrez le dégradé, vous devez le déplacer vers le haut pour donner l’effet voulu.
ETAPE 5
Je vais maintenant appliquer mon texte.
ETAPE 6
J’applique grâce aux styles de calques, un petit dégradé ainsi qu’une ombre portée.
ETAPE 7
Pour sublimer le fond de mon bouton : je crée un nouveau calque juste au dessus de mon premier rond, puis je récupère la sélection de ce premier calque et avec le dégradé je crée une lueur blanche sur le dessus. Dégradé blanc opacité 100% sur blanc 0% linéaire.
ETAPE 8
J’ajoute une petite ombre portée sur mon premier rond.
Et voila ce n’était en fait pas si compliqué. Et rien que pour vous voici quelques exemples d’icônes créées sur la même base !
Article publié par Wonka
Vous aimez cet article? Partagez le !
Je suis très humblement le webmaster et le créateur de ce site, vous êtes en ce moment sur ma fiche membre, vous avez la possibilité de m’’envoyer des messages, pour toutes questions n’hésitez pas une seule seconde !
La galerie des membres
Voici les images déjà publiées par les membres de ce site, merci à vous pour votre créativité !
Questions et commentaires, Il y a 4 messages de forum.
Vous avez besoin d’eclaircicemment sur un points évoqués dans cette leçon, dans ce cas laissez votre question en utilisant le formulaire ci dessous, notre équipe vous apportera rapidement un complètement d’information. Merci d’être le plus précis possible lors de la rédaction de votre demande.
-
22 juin 2007 13:39
Je veux pas être méchant,c’est encore super,mais le cercle n’est pas centré au centre,il y a un décalage un peu choquant
Répondre-
22 juin 2007 22:45, par croustibat
A mon avis c’est fait expres c’est ce qui fait le charme. http://css.bc2x.com
Répondre
-
-
18 avril 2010 08:55
Ce tutoriel est excellent. Et même TOUT LE SITE ! ! ! Vous avez de l’avenir, Wonka !
Répondre
