ATTENTION : le tuto est long, mais ne perdez pas espoir, le rendu est à la hauteur
![Razz](https://2img.net/i/fa/i/smiles/icon_razz.gif)
!!
Rendu final:
![[Tutorial photoshop] fausse 3D texture acier et verre Acierverrexemple](https://2img.net/h/www.armatronic.com/imagetuto/acierverrexemple.png)
Nous allons voir ici qu'il est très simple de créer ses propres icônes avec photoshop, nous allons créer un icône en nous servant JUSTE des styles de calques. Le tuto sera principalement fait de captures d'écran qu'il n'y aura plus qu'à adapter à votre goût, couleurs, formes, etc...
1 Commencer par créer un nouveau document de 128x128 sur fond transparent puis séléctionner l'outil "Ellipse de sélection". Maintenir la touche [Maj] pour pour dessiner un cercle parfait ,qu'il faut remplir de couleur noire. Dupliquer le calque deux fois (ctrl+J) de façon à avoir trois fois le même calque.
Premier calque :
Sélectionner le premier calque (donc celui qui se trouve en arrière plan) et lui affecter les options ci-dessous :
![[Tutorial photoshop] fausse 3D texture acier et verre Acierverre1](https://2img.net/h/www.armatronic.com/imagetuto/acierverre1.jpg)
![[Tutorial photoshop] fausse 3D texture acier et verre Acierverre2](https://2img.net/h/www.armatronic.com/imagetuto/acierverre2.jpg)
![[Tutorial photoshop] fausse 3D texture acier et verre Acierverre3](https://2img.net/h/www.armatronic.com/imagetuto/acierverre3.jpg)
![[Tutorial photoshop] fausse 3D texture acier et verre Acierverre4](https://2img.net/h/www.armatronic.com/imagetuto/acierverre4.jpg)
![[Tutorial photoshop] fausse 3D texture acier et verre Acierverre5](https://2img.net/h/www.armatronic.com/imagetuto/acierverre5.jpg)
![[Tutorial photoshop] fausse 3D texture acier et verre Acierverre6](https://2img.net/h/www.armatronic.com/imagetuto/acierverre6.jpg)
Deuxième calque :
A présent séléctionner le deuxième calque et le passé en mode de fusion "Couleur" et lui attribuer les styles de calques suivant :
![[Tutorial photoshop] fausse 3D texture acier et verre Acierverre7](https://2img.net/h/www.armatronic.com/imagetuto/acierverre7.jpg)
![[Tutorial photoshop] fausse 3D texture acier et verre Acierverre8](https://2img.net/h/www.armatronic.com/imagetuto/acierverre8.jpg)
![[Tutorial photoshop] fausse 3D texture acier et verre Acierverre9](https://2img.net/h/www.armatronic.com/imagetuto/acierverre9.jpg)
![[Tutorial photoshop] fausse 3D texture acier et verre Acierverre10](https://2img.net/h/www.armatronic.com/imagetuto/acierverre10.jpg)
Troisième calque :
A présent séléctionner le troisième calque et lui attribuer les styles de calques suivant :
![[Tutorial photoshop] fausse 3D texture acier et verre Acierverre11](https://2img.net/h/www.armatronic.com/imagetuto/acierverre11.jpg)
![[Tutorial photoshop] fausse 3D texture acier et verre Acierverre12](https://2img.net/h/www.armatronic.com/imagetuto/acierverre12.jpg)
![[Tutorial photoshop] fausse 3D texture acier et verre Acierverre13](https://2img.net/h/www.armatronic.com/imagetuto/acierverre13.jpg)
![[Tutorial photoshop] fausse 3D texture acier et verre Acierverre14](https://2img.net/h/www.armatronic.com/imagetuto/acierverre14.jpg)
![[Tutorial photoshop] fausse 3D texture acier et verre Acierverre15](https://2img.net/h/www.armatronic.com/imagetuto/acierverre15.jpg)
![[Tutorial photoshop] fausse 3D texture acier et verre Acierverre16](https://2img.net/h/www.armatronic.com/imagetuto/acierverre16.jpg)
Quatrième calque :
A présent créer un nouveau calque en premier plan et choisir soit une lettre, soit une forme prédefinie de Photoshop, pour l'exemple nous prendrons l'empreinte de chien dans les formes prédéfinies. (si vous ignorer comment choisir une forme, se reporter au tuto texture métal)
Le passer en mode de fusion "Densité linéaire -" et lui affecter les styles suivant :
![[Tutorial photoshop] fausse 3D texture acier et verre Acierverre17](https://2img.net/h/www.armatronic.com/imagetuto/acierverre17.jpg)
![[Tutorial photoshop] fausse 3D texture acier et verre Acierverre18](https://2img.net/h/www.armatronic.com/imagetuto/acierverre18.jpg)
![[Tutorial photoshop] fausse 3D texture acier et verre Acierverre19](https://2img.net/h/www.armatronic.com/imagetuto/acierverre19.jpg)
![[Tutorial photoshop] fausse 3D texture acier et verre Acierverre20](https://2img.net/h/www.armatronic.com/imagetuto/acierverre20.jpg)
![[Tutorial photoshop] fausse 3D texture acier et verre Acierverre21](https://2img.net/h/www.armatronic.com/imagetuto/acierverre21.jpg)
![[Tutorial photoshop] fausse 3D texture acier et verre Acierverre22](https://2img.net/h/www.armatronic.com/imagetuto/acierverre22.jpg)
![[Tutorial photoshop] fausse 3D texture acier et verre Acierverre23](https://2img.net/h/www.armatronic.com/imagetuto/acierverre23.jpg)
Voilà c'était long mais le résultat est à la hauteur
![Smile](https://2img.net/i/fa/i/smiles/icon_smile.gif)
Tutorial entièrement créé par
Kavelpage originale: http://www.aidoforum.com/tutoriaux-173-realiser-une-belle-icone-acier-et-verre.html