Tutorial du site http://www.marblemad.com BOUTONS INCRUSTéS


Etape 1

Prenont comme base de travail une petite interface platine créer a la maniére du tutorial "bouton arrondi". Le but du jeu est d'y incruster des boutons ronds type matériel hifi.



Etape 2

Créer un nouveau calque et avec l'outil Ellipse de sélection , sélectionner un 1er cercle représentant le trou pour le 1er bouton.
 
Astuce : Pour forcer la selection cercle et non ovale, appuyer sur le bouton Shift du clavier pendant la sélection.



Etape 3

Créer de la même façon le 2eme trou et ainsi de suite autant de fois que vous voulez de boutons ronds.



Etape 4

Appliquer le Filtre > Atténuation > Flou gaussien
Rayon : 4 pixels



Etape 5

Puis le Filtre > Renforcement > Accentuation
Gain : 500%, Rayon : 15 pixels, Seuil : 0 niveaux
et encore une fois le Filtre > Renforcement > Accentuation
Gain : env. 100% (a vous de voir quelle % appliquer suivant la qualité du lissage obtenu dans la prévisualisation), Rayon : 15 pixels, Seuil : 0 niveaux



Etape 6

Passer le calque en mode lumière tamisée
puis appliquer les styles de calques suivants dans le menu Calque > Style de calque
- Ombre interne :
Mode de fusion : Produit couleur Noir, Opacité : 50%, Angle : 135°, Distance : 1px, Maigrir : 0%, Taille : 4px.
- Biseautage et estampage :
Style : Biseau externe
Technique : Lisser, Profondeur : 100%, Direction : Bas , Taille : 3px, Flou : 0px
Angle : 135°, Elévation : 28°
Tons clairs : superposition blanche a 75%
Ombrage : superposition blanche a 75%



Etape 7

Sélectionner la forme des éléments du calque en cliquant sur le calque en question dans la fenétre de calque en appuyant sur la touche Ctrl du clavier.
Créer un nouveau calque .
Sélectionner l' Outil Dégradé linéaire puis appliquer un dégradé du noir vers le blanc a la sélection en suivant le sens des boutons comme dans l'exemple ci-contre.
Passer ensuite le calque en mode superposition , Opacité : 50%.



Etape 8

Créer un nouveau calque et avec l'outil Ellipse de sélection , sélectionner le cercle d'un 1er bouton de 2 pixels de tour de moins que le trou du bouton puis le remplir en gris dans la menu Edition > Remplir avec couleur de premier plan en ayant pris soin de choisir le gris en couleur de premier plan a l'avance.
faite de même pour les autres boutons.



Etape 9

Appliquer ensuite au calque les Style de calque : - Ombre portée :
Mode de fusion : Normal en noir, Opacité : 75%, Angle : 135°, Distance : 0px, Grossi : 0%, Taille : 2px
- [biseautage et Estampage] :
style : Biseau interne
technique : lisser, profondeur : 100%, direction : haut , taille : 5px, flou : 5px
angle : 135°, elévation : 28°
Tons clairs : superposition blanche a 75%
Ombrage : superposition bleu clair (voir couleurs ci-contre) a 75%.



Etape 10

Créer un nouveau calque et re-selectionner a l'aide de l'Ellipse de sélection le cercle du 1er bouton pour y appliquer un dégragé radial blanc vers noir comme dans l'exemple ci-contre avec l'outil [dégragé radial].



Etape 11

Reproduire l'étape 10 pour tous les boutons puis lier tous les calques contenant ses dégradés radials et Fusionner les calques liés .
Passer le calque obtenu en mode superposition .



Etape 12

Voila, il ne vous reste plus qu'a ajouter vos pictogrammes de boutons.
Ici, j'ai créer un picto play et pause en gris foncé puis j'y est copier et coller les styles de calque de l'étape 6 (cliquez avec le bouton droit de la souris sur le calque contenant les trous de boutons, sélectionnez Copier le style de calque , cliquez avec le bouton droit de la souris sur le calque contenant les pictos puis sélectionnez Coller le style de calque
et j'ai passé le calque en mode incrustation .


Copyright Jérome Boulinguez 1995/2007
Tous les éléments de ce site sont la propriété de leurs auteurs respectifs.
Toutes reproductions, distributions, commercialisations, copies sous quelques formes que ce soit est strictement interdit sous peine de poursuites.