Photoshop ~ Tutoriaux Web Design ~ Bouton Carbone et Bois

Bouton Carbone et Bois

Passez votre curseur sur le texte en vert pour une infobulle en image

Créez un nouveau document 200 x 100 px. Fond Blanc.

Créez un nouveau calque.
Tapez [D] pour mettre les couleurs par défaut.

Prenez l’ outil Rectangle [U] Pixels de remplissage.
Lissage : Décoché.
Tracez un rectangle de la taille désirée ( ici 40 x 175 px ).

Créez un nouveau calque.
Tapez [X] pour mettre Blanc en couleur d'avant-plan.
Tracez un rectangle de 130 x 20 px centré.

Double cliquez sur [Calque 1] pour ouvrir la fenêtre de Style de calque et appliquez ces Styles :

LUEUR EXTERNE
Mode de fusion : Normal.
Opacité : 75%.
Bruit : 0%.
Couleur : # 000000.
Technique : Plus tamisée.
Grossi : 0%.
Taille : 5 px.
Contour : Linéaire - Lissé : Décoché.
Etendue : 50%.
Variation : 0%.

INCRUSTATION EN DEGRADE
Mode de fusion : Normal.
Opacité : 60%.
Dégradé : Ci-dessous - Inverser : Décoché.
Style : Linéaire - Aligner sur le calque : Coché.
Angle : 90°.
Echelle : 100%.

INCRUSTATION DE MOTIF
Mode de fusion : Normal.
Opacité : 100%.
Motif : Carbone 4 x 4 px, mode RVB.
~ Note : Voir tuto "Motif Carbone" - Section Backgrounds Liste #1~
Echelle : 100%.
Lier au calque : Coché.

Double cliquez sur [Calque 2] et appliquez ces Styles :

OMBRE INTERNE
Mode de fusion : Normal.
Couleur : # FAB66E.
Opacité : 75%.
Angle : 120° - Utiliser l’éclairage global : Coché.
Distance : 2 px.
Maigri : 0%.
Taille : 5 px.
Contour : Linéaire - Lissé : Décoché.
Bruit : 0%.

BISEAUTAGE ET ESTAMPAGE
Style : Estampage oreiller.
Technique : Lisser.
Profondeur : 100%.
Direction : Haut.
Taille : 2 px.
Flou : 0 px.
Angle : 120° - Elévation : 30° - Utiliser l’ éclairage global : Coché.
Contour brillant : Linéaire - Lissé : Décoché.
Mode des tons clairs : Superposition - Couleur : # FFFFFF - Opacité : 50%.
Mode d’ombrage : Produit - Couleur : # 000000 - Opacité : 50%.

INCRUSTATION DE MOTIF
Mode de fusion : Normal.
Opacité : 100%.
Motif : Bois 64 x 64 px, mode RVB.
Echelle : 100%.
Lier au calque : Coché.

CONTOUR
Taille : 1 px.
Position : Extérieur.
Mode de fusion : Normal.
Opacité : 100%.
Couleur : # 584229.

Terminé !