Retour à l' AccueilRetour aux Tutoriaux Web Design liste 2
 

Bouton en Relief

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

Créez un nouveau document 250 x 80 px. Fond Blanc.

Tapez [D] pour mettre les couleurs par défaut.
Créez un nouveau calque [Bouton].
Prenez l' outil Rectangle arrondi [U] Pixels de remplissage.
Rayon : 10 px - Lissage : Coché.

Tracez un rectangle de 170 x 40 px.

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

LUEUR INTERNE
Mode de fusion : Normal.
Opacité : 60%.
Bruit : 0%.
Couleur : # FFFFFF.
Technique : Plus tamisée.
Source : Contour.
Maigri : 0%.
Taille : 5 px.
Contour : Linéaire - Lissé : Décoché.
Etendue : 50%.
Variation : 0%.

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

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

Créez un nouveau calque [Couleur] au dessus de [Bouton].
Tapez [Ctrl+clic] sur la vignette de [Bouton] pour récupérer sa sélection.

Allez dans Sélection > Modifier > Contracter. Contractez de 6 px.
Remplissez votre sélection de Noir en tapant [Alt+Retour arrière].
Tapez [Ctrl+D] pour déselectionner.

Prenez l' outil Rectangle de sélection [M], tracez un rectangle comme ci-dessous ( largeur 15 px )
et tapez [Retour arrière] pour supprimer.

Tapez [Ctrl+D] pour déselectionner.
Appliquez ces Styles de calque à [Couleur] :

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

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

Créez un nouveau calque [Relief] sous le calque [Couleur].
Récupérez la sélection de [Bouton] comme précédemment.

Allez dans Sélection > Modifier > Contracter. Contractez de 3 px.
Tapez [Alt+Retour arrière] pour remplir la sélection de Noir.
Tapez [Ctrl+D] pour déselectionner.

Tracez un rectangle - largeur 7 px - et tapez [Retour arrière] pour supprimer.
Tapez [Ctrl+D] pour déselectionner.

Appliquez ces Styles de calque à [Relief] :

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

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

Il ne vous reste plus qu' à y ajouter du texte...

~ Graphisme Delphine © 2006 ~