Tutoriel photoshop : Cr�ation d'un bouton Tutoriaux photoshop > Webdesign > Tutoriel photoshop : Cr�ation d'un bouton

1) Cr?er un nouveau document de la taille que vous souhaitez
2) Utiliser l'outil rectangle arrondi (ou tout autre forme que vous souhaitez)
3) Dessiner la forme de votre bouton
4) Nommer ce calque "fond"


5) Cr?er un nouveau calque que vous nommerez "ombre"(CTRL+MAJ+N)
6) Cocher la case "cr?er un masque d'?cr?tage d'apr?s le calque pr?c?dent" (cette option vous permettra de cr?er un calque qui d?pendra uniquement de ce que repr?sente le calque pr?c?dent)
7) Appuyer sur la touche D (D vous permet d'initialiser les couleurs : noir en avant blanc en arri?re plan)
8) Tout en maintenant la touche CTRL cliquer le calque "fond" pr?sent dans la fen?tre des calques (cela vous permettra de s?lectionner le contour du calque cliqu?)
9) Prendre l'outil d?grad?
10) S'assurer d'?tre bien pr?sent sur le calque "ombre" et appliquer un d?grad? du bas vers le haut (noir vers transparent)


11) R?duire l'opacit? du calque ? 30%


12) Cr?er un nouveau calque que vous nommerez "reflet"(CTRL+MAJ+N)
13) Cocher la case "cr?er un masque d'?cr?tage d'apr?s le calque pr?c?dent" ou "associer au calque pr?c?dent"(cette option vous permettra de cr?er un calque qui d?pendra uniquement de ce que repr?sente le calque pr?c?dent)
14) Appuyer sur la touche D puis X pour obtenir la couleur blanche en avant plan (D vous permet d'initialiser les couleurs : noir en avant blanc en arri?re plan, X inverse les couleurs)
15) Tout en maintenant la touche CTRL cliquer le calque "fond" pr?sent dans la fen?tre des calques (cela vous permettra de s?lectionner le contour du calque cliqu?)
16) Prendre l'outil d?grad?
17) S'assurer d'?tre bien pr?sent sur le calque "reflet", appliquer un d?grad? du haut vers le bas (blanc vers transparent)


18) Aller dans le menu ?dition -> Transformation -> Homot?tie (CTRL+T), puis tout en maintenant les touches ALT et MAJ r?duire de quelques pixels le d?grad? vers le bas.
(Le fait de transformer une forme en appuyant sur la touche ALT, transformera de fa?on sym?trique le calque s?lectionn? en fonction du point de r?f?rence.
La touche MAJ permet d'avoir un guide pour garder les m?mes proportions du calque s?lectionn?)


19) Prendre l'outil rectangle de s?lection et s?lectionner la partie inf?rieur de votre d?grad?
20) Effacer


21) Libre ? vous d'?crire ou non un texte ? l'int?rieur en utilisant l'outil texte.
- Avantages : utiliser une police de caract?re sympa, orienter le texte comme vous le souhaitez...
- Inconv?nients : cr?ation de nombreuses images diff?rentes avec pourtant le m?me fond, lors de modifications "rerentrer" dans photoshop pour modifier le texte etc etc...


Ensuite n'h?sitez pas ? laisser place ? votre imagination pour cr?er un bouton personnalis? en y int?grant des images ou autres contour, ombre...






Gagnez de l'argent facilement m�me en restant chez vous !
Sondages, tests de produits, enqu�tes consommateur, mails r�mun�r�s, cashback, publicit�s r�mun�r�es...

Les derniers tutoriaux photoshop : Webdesign

Cr�er une icone de m�dia sociaux (facebook, twitter...) Cr�er une icone glossy pour une interface web Faire une barre de navigation, scroll barre Flux RSS glossy Faire une barre de navigation d'un site internet