32
Créer une bille « metal dark glossy »
Voici une méthode pour créer une icône bouton, j’adore complètement le style un peu métallisé de ce style couplé à du Dark Glossy ! A mon sens une merveille !
- Fichier source Photoshop
- clic pour télécharger le fichier source photoshop utilisé dans ce tutorial
ETAPE 1
Je crée un nouveau document sur fond blanc, je prends l’outil des formes personnalisées pour créer une ellipse de forme parfait noire au milieu de mon image.
ETAPE 2
Je vais ajouter deux styles de calques : calque > style de calque > incrustation de dégradé et > ombre portée !
ETAPE 3
Je crée un nouveau calque et je récupère la sélection de mon ellipse, je modifie cette sélection en faisant dans le menu : sélection > modifier > contracter (10 pixels). Avec le pot de peinture je remplis cette sélection de blanc. J’ajoute un masque de fusion et avec un dégradé noir 100% d’opacité vers noir 0% d’opacité je camoufle la partie haut gauche de mon ellipse blanche.
Pour finir, je récupère la sélection de mon ellipse blanche semi camouflée. Je modifie cette sélection par une contraction (de 5 pixels) puis j’appuie sur la touche Suppr. Je me retrouve donc avec une sorte de bordure blanche dans mon ellipse noire !
ETAPE 4
Je crée un nouveau calque par-dessus les autres, je récupère la sélection de mon ellipse noire et je la contracte de 15 pixels ! Je remplis cette sélection de noir. J’ajoute un style de calque : incrustation de dégradé.
ETAPE 5
Je fais la même chose qu’a l’étape précédente (pour les différents styles de calques voir dans le fichier source psd disponible en haut de cette page). Par contre je vais juste modifier mon ellipse pour qu’elle ressemble à une sorte de ballon de rugby (voir ci-dessous). Pour cela j’appuie d’abord sur Ctrl + T (transformation manuelle) puis simultanément sur Alt + Shift + avec la souris je rétrécis la largeur de mon ellipse.
ETAPE 6
J’ajoute le symbole qui va représenter l’action de mon icône, je peux mettre une flèche comme dans mon exemple, le logo ou le titre de mon site.
ETAPE 7
J’utilise l’outil plume pour créer une forme de reflet, et j’ajoute un masque de fusion pour camoufler légèrement le haut la gauche et la droite.
Voila mon icône est maintenant terminée ! Du plus bel effet non ?
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 15 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.
-
13 février 2008 14:58, par Toinousp
Super tuto wonka... Bravo... j’ai réalisez le mien mais... je ne peut pas uploader mon fichier (no such directory fille ou un truc comme ça) ... y a t-il un problème sur le sit eou bien c’est moi ???
En tout cas SUPER TUTO
Répondre
-
14 février 2008 14:09, par Toinousp
Voilà aujourd’hui est une nouvelle journée où j’ai pu uploader mon image ou plutôt ma crétions la voila :
comment vous la trouvez ???
Merci à WONKA pour ces super tuto !!!!
Répondre
-
14 février 2008 18:29, par Dogg No Cat
La bulle est bien faite mais ya un truc qui cloche avec le texte
Répondre
Dommage !
-
-
-
3 août 2008 18:42, par stephanie
super tuto ! de vrai cours de perfectionnement pour moi qui ne suis pas une experte de Photoshop
Alors un grand MERCI !
Répondre -
-
27 août 2008 17:52, par Yaco31
Salut Wonka,
Super tuto et super site !!! Je débute sur photoshop (je viens à peine de l’installer) et me voila déjà en train de créer un super logo mais voila que je bloque sur l’étape 3 au moment ou vous dites :
« Je crée un nouveau calque et je récupère la sélection de mon ellipse »
Alors, créer un nouveau calque : OK ! Mais je n’arrive pas à récupérer la sélection de l’ellipse dans le nouveau calque. C’est à s’arracher les cheveux lol.
J’espere que vous m’aiderez. En tout les cas, bravo pour vos réalisations.
Yaco
Répondre-
27 août 2008 18:52, par MØG
Pour récupérer la sélection d’un calque, tu fais Ctrl + Clic sur le calque ellipse.
Répondre -
22 octobre 2008 14:03
sélectionne sur l’ancien calque crée le nouveau la forme de la sélection reste. il suffit d’être sur le calque où il y a la forme à sélectionner.
Répondre-
22 octobre 2008 14:08
en passant, très bon tutoriel et méthode d’approche. je voulais témoigner car j’ai appris photoshop de la même manière. une fois que j’ai compris le système de navigation entre les calques et réglé la création de nouveaux documents sur ’avec fond transparent" j’ai pu m’amuser à conjuguer différents calques de dégradés, en jouant sur les transparences. tout ça sans savoir dessiner mais c’était beau. ensuite plus qu’à appliquer les mêmes principes à la retouche photo (dégradé depuis le centre, d’une couleur vers le transparent, sur un calque très transparent, pour jouer sur la luminosité et les couleurs des photos). Finalement Photoshop devient beaucoup plus simple à comprendre en commençant comme ça. merci à l’auteur.
Répondre
-
-
-
23 novembre 2010 20:36, par Vinz
Salut, je voudrais savoir comment récupérer la sélection de mon ellipse.
Répondre-
25 novembre 2010 17:40, par Wonka
Pour récupérer la sélection d’une forme, il faut cliquez sur la vignette du calque en maintenant la touche Ctrl/Cmd enfoncée. Bon courage. a+
Répondre
-
