Retour à l' AccueilRetour aux Tutoriaux Web Design liste 1
 

Bouton Chromé

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

Créez un nouveau document 300 x 150 px. Fond Blanc.

Créez un nouveau calque [Forme].
Mettez # 939393 en couleur d’avant-plan.

Prenez l' outil Rectangle arrondi [U] Pixels de remplissage.
Rayon : 30 px.

Tracez votre bouton.

Double cliquez sur le calque pour ouvrir la fenêtre de Style de calque et appliquez ce Style :

BISEAUTAGE ET ESTAMPAGE
Style : Biseau interne.
Technique : Lisser.
Profondeur : 130%.
Direction : Haut.
Taille : 75 px.
Flou : 5 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é : 75%.
Mode d’ombrage : Produit - Couleur : # 000000 - Opacité : 75%.

Créez un nouveau calque et placez-le sous [Forme].
Sélectionnez [Forme] et tapez [Ctrl+E].
Note : Le Style de calque est ainsi "écrasé".

Allez dans Images > Réglages > Courbes [Ctrl+M].
Paramètrez comme suit ( plus ou moins selon vos goûts ) :

Appliquez ces Styles de calque :

OMBRE PORTEE
Mode de fusion : Produit.
Couleur : # 000000.
Opacité : 75%.
Angle : 90° - Utiliser l’ éclairage global : Coché.
Distance : 10 px.
Grossi : 0%.
Taille : 10 px.
Contour : Linéaire - Lissé : Décoché.
Bruit : 0%.
Ombre portée masquée par le calque : Coché.

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

BISEAUTAGE ET ESTAMPAGE
Style : Biseau interne.
Technique : Lisser.
Profondeur : 120%.
Direction : Haut.
Taille : 10 px.
Flou : 6 px.
Angle : 90° - Elévation : 70° - Utiliser l’ éclairage global : Coché.
Contour brillant : Linéaire - Lissé : Décoché.
Mode des tons clairs : Produit - Couleur : # FFFFFF - Opacité : 75%.
Mode d’ombrage : Produit - Couleur : # 000000 - Opacité : 75%.

Et, pour terminer, tapez votre texte sur la forme ( ici de couleur blanche… ).
Appliquez-lui ce Style de calque pour donner une impression d' incrustation dans le chrome :

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

Un autre exemple, avec le même Biseautage et estampage, mais cette fois, utilisez le Style : Estampage oreiller.
Le texte semble cette fois-ci être en relief.

Voilà, à vous de choisir celui que vous préférez...

~ Graphisme Delphine © 2006 ~