Dans cette exercices nous allons créer un bouton avec texture, pour cela vous aurez besoin  de cette image :

• Copier la texture du haut sur votre disque dur, puis ouvrez la  dans photoshop. Faites "Select all" puis Edit> Define Pattern. Vous avez donc mis cette texture en mémoire. Crée un nouveau fichier (ex: 8x3 cm). Dans ce fichier crée un nouveau layer, sélectionnez le et faites Edit> Fill "content use : Pattern" (figure1). Maintenant faites Image> Canvas size... et augmentez la taille du canvas de 1 cm en hauteur (height) et  en largeur (width) (figure2).

figure1

figure2

• A présent, suivez bien ! Sélectionnez le layer 1, faites Select> Load selection... channel : Layer1 transparency. Une sélection apparait, sauvez là (Select> Save selection channel : New), elle sera sauvée en tant que channel #4. Ne désectionnez pas et contractez la selection de 10 pixels (Select> Modify> Contract contract by :10 pixels). Sauvez cette nouvelle sélection qui sera alors le channel #5. NE DESELECTIONNEZ PAS !! Faites Layer> New> Layer via copy. Vous aurez alors un nouveau layer comportant notre texture de la taille de notre sélection (figure3). Maintenant, allez dans la partie channel, prenez le channel #4 et sélectionnez la partie blanche (celle que nous avions sauvée) en appuyant sur ("load channel as selection"). Appliquez un gaussian blur (Filter> Blur> Gaussian Blur... ) de 16, puis 8, 4, 2 pixels. Deselectionnez puis appliquez un ultime gaussian blur de 1 pixel. Selectionnez le channel #5, revenez au channel #4 puis supprimez la partie selectionnée. Ouf ! Le plus dur est fait, cela devrait ressembler à la figure 4.

figure3

figure4

• Revenez aux layers, sélectionnez le layer 1 et faites Filter> Render> Lighting Effect - Style crossing ; Intensity : 15 (pour les projos) ; Focus : 69 ; Gloss : 0 ; Material : -100 ; Exposure : 0 ; Ambience : 11 ; Height : 50. Puis placez les projos comme dans les figures 5 et 6. Faites OK. Maintenant, retournez dans canvas size et diminuez la taile du canvas de 1 cm en hauteur et en largeur (eh oui c'était pas fait au hasard cette histoire là ;-) ). C'est fini, vous n'avez plus qu'a sauver.

figure5

figure6