Créer un bouton qui peut très aisément se transformer en barre de navigation horizontale pour un site web. L’effet sombre glossy est très bon et vous pourrez l’utiliser avec grande simplicité.
Etape 1
Créer un document de 300x100 ; créer un nouveau calque et appliquer lui, grâce au style de calques, un dégrade linéaire de ce type (ce calque représente la barre de navigation).
Etape 2
Créer la forme de votre bouton sur un nouveau calque. Pour faire la forme ci-dessous, j’ai utilisé la transformation perspective (édition > transformation > perspective).
Etape 3
Ajouter le style à notre forme, pour cela il faut : un contour de 2 pixels, opacité 50% et en dégradé noir 100% <> blanc 100%. Ne pas oublier l’incrustation de dégradé à la forme, voir ci-dessous.
Etape 4
Très important, nous allons rendre notre bouton lumineux, pour se faire, prendre la sélection de la forme (pour cela appuier sur CTRL et en même temps sur ton calque), couper la sélection en deux, créer un nouveau calque et remplir la zone du haut en blanc, et enfin changer l’opacité de ce calque à 15%.
Etape 5
Ajouter votre texte, pour bien l’intégrer placer le calque en dessous du reflet (étape 4) et dans le style du calque ajouter simplement une ombre portée : distance 2, grossi 0, taille 0.


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 !
Voici les images déjà publiées par les membres de ce site, merci à vous pour votre créativité !
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.
serait il possible de nous donner le style de texte que tu utilise .Un téléchargement a faire pour ajouter celui la dans notre Photoshop Merci d avance
RépondreIci il y a des polices mais pas celle que tu as utilisée ou la tu trouvé la tienne merci..... http://www.typenow.net/themed.htm#mbf
RépondreBon après quelques recherches voici la police que ce dernier a utilisé sur le bouton :
à télécharger ici :
Voir en ligne : Font Baveuse
RépondreDesolé de ne pas avoir répondus avant, je n’avais pas vus ton message o_O et effectivement tu as trouvé la bonne police de caractère
De toute manière toutes ceux que j’utilisent proviennent de ce site : www.dafont.com
Bonne continuation !
Répondre11271 artistes dans le club
3338 images postées dans les galeries
555 tutorials de formations Photoshop publiés






