Vous n'êtes pas connecté - 0 membre connecté
Tutoriaux
Photoshop
<< 1 2 >>
Une jaquette ...
Une jaquette de CD "Grunge"
Auteur : Neovea
Posté le 05 04 2008 à 18h45
Vu 3114 fois
Trainées lumi...
Trainées lumineuses TOS (technique orientée souris)
Auteur : Neoblue
Posté le 31 01 2008 à 08h47
Vu 8920 fois
Créer un écla...
Créer un éclair électrique
Auteur : Nounet
Posté le 06 04 2007 à 12h09
Vu 11438 fois
Atténuer les ...
Atténuer les imperfections
Auteur : Azork
Posté le 11 02 2007 à 12h06
Vu 9179 fois
Raccorder des...
Raccorder des photos
Auteur : askhanir
Posté le 30 12 2006 à 17h36
Vu 6358 fois
Plaquer du te...
Plaquer du texte en perspective
Auteur : benzor
Posté le 20 12 2006 à 16h02
Vu 6491 fois
automatisatio...
automatisation sous photoshop
Auteur : jukz
Posté le 20 10 2006 à 00h36
Vu 7462 fois
Simple Bouton...
Simple Bouton + Effet Glossy
Auteur : Azork
Posté le 05 09 2006 à 15h21
Vu 8758 fois
Texte en feu
Texte en feu
Auteur : benzor
Posté le 08 08 2006 à 12h23
Vu 9288 fois
Créer une Orbe
Créer une Orbe
Auteur : Azork
Posté le 04 08 2006 à 12h58
Vu 4629 fois
<< 1 2 >>
Détail du tutorial
Photoshop > Simple Bouton + Effet Glossy
Difficulté : facile
Tutorial en 6 étapes
Posté le 05 09 2006 à 15h21

Voici un petit tutorial pour les débutants sous photoshop afin de créer un bouton tout simple avec l'effet « glossy ».
Azork - Membre - www
Rectangle de base (1/2)
Créer un nouveau document 400x400 pixels sur fond blanc.
Créer un nouveau calque que l'on nommera « fond1 ».
Positionnez-vous sur votre calque « fond1 » et sélectionnez dans la palette d'outils « outils rectangle arrondi », rayon de 10 Px (attention vous devez sélectionner « tracés » dans les options en haut a gauche de photoshop et non pas « calques de forme »).
Rectangle de base (2/2)
Maintenant que l'on a notre rectangle, appuyez sur la touche « A » et cliquer sur votre tracé.Une fois sélectionner, faites un clique droit et cliquer sur définir une sélection.
Sélectionner l'outil pot de peinture et remplissez votre sélection de bleu #0099cc.
Deuxieme rectangle
Garder pour l'instant votre sélection active.Cliquer dans le menu Sélection > Modifier > Contracter et choisissez 2 Px.
Sur un nouveau calque que l'on nommera « fond2 », remplissez avec la couleur bleu #00ccff par exemple.Appuyer sur CTRL+D pour désélectionner votre tracé puis appliquer également un effet Lueur Interne sur le calque « fond2 ».
Le Fameux "Glossy Effect" (1/2)
Dans la palette d'outils, prenez l'outils plume (touche « P ») et dessiner un trait plus ou moins arrondi en partant de l'extrémité milieu gauche de votre rectangle vers l'extrémité du milieu droite (vous devez obtenir une forme a peu près similaire a l'exemple, mais vous pouvez biensur faire une toute autre forme question de goût).
Prenez l'outils « Outil Sélection de tracé » et sélectionner votre tracé puis clique droit sur votre trace et cliquez sur « définir une sélection ».Maintenir les touches CTRL+ALT+SHIFT et faites un clique sur le calque « fond2 ».
Le Fameux "Glossy Effect" (2/2)
Notre sélection ainsi obtenu, prenez l' « outil dégradé », appuyer sur la touche D puis sur la touche X (ça a pour but de réinitialiser les couleurs de choisir la couleur blanc en premier plan) puis choisissez premier plan + transparent dans les options dégradés.Créer un nouveau calque « effet glossy » et placez-vous dessus.Partez du haut vers le bas de votre sélection pour tracer votre dégradé.CTRL+D pour désélectionner.
La touche finale
Et voila, après il nous manque plus qu'a rajouter quelques petits détails comme du texte, un reflet et vous pouvez également jouer avec l'opacité de calque « effet Glossy » pour accentuer plus ou moins l'effet...

Il existe pas mal de tutoriaux du genre sur le net avec plus ou moins le même procédé,
En tapant dans Google les mots clés « Glossy effect »+ « Photoshop ».

Enjoy ! ;-)

Commentaires
Bonjour à toi,

Merci pour ton tutoriel

je trouve ton tuto tres interessant.
Je creer des bouton à peu pres parreil, mais je n'ai pas du tout le meme technique.
J'espere voir d'autres tutoriels avec le meme rendu.

Amicalement TheCrow
Commentaire Posté le 07 09 2006 à 18h32
TheCrow - Membre
Fallait que çà arrive ^^
Commentaire Posté le 12 09 2006 à 16h50
mob - Modérateur - www
et ouais vu que c'est la mode en ce moment, du glossy en veux-tu en voila ! ;-)
Commentaire Posté le 14 09 2006 à 12h18
Azork - Membre - www
Mouais le tuto est bien fait mais je trouve que c'est déjà vu et revu. Enfin ça peut toujours donner des idées (?)
Commentaire Posté le 11 02 2008 à 14h58
Neovea - Membre - www
Catégories
After Effects
1 Tutorial
Flash
1 Tutorial
Lightwave
1 Tutorial
Photoshop
12 Tutoriaux
Illustrator
4 Tutoriaux
Indesign
2 Tutoriaux
PHP
3 Tutoriaux
Blender
1 Tutorial
Mentions légales   -   Crédits   -   Nous contacter   -   © Benzor 2006