Un Dark bouton Laquet sur Photoshop

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).

JPG - 31.9 ko

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).

JPG - 81.1 ko
JPG - 32.6 ko

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.

JPG - 78.8 ko

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%.

JPG - 33.4 ko

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.

Photoshop - 314.7 ko
Fichier source PSD
Retrouver le cours sous un fichier source PSD ;)

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 !

Publiez une nouvelle image

Vous avez réussis à créer une belle image grâce à ce tutorial ? Soyez sympa, partagez la avec la communauté. Utilisez simplement ce formulaire :

Vous devez être connecté pour activer le bouton de validation !

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.

    • 1er juin 2007 00:18, par Merci

      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épondre
      • 1er juin 2007 10:46, par police

        Ici 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épondre
        • 18 juin 2007 09:29, par Arkhanje

          Bon 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épondre
          • 19 juin 2007 12:30, par Wonka

            Desolé 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épondre

    Laissez un commentaire

    Remplissez correctement le formulaire puis appuyez sur Validez.