Actifs Tutoriel
Les actifs suivants ont été utilisés lors de la production de ce tutoriel.
Etape 1
Créez un nouveau document. Dans ce tutoriel, nous allons concevons notre icône à 1024x1024 pixels, mais n'hésitez pas à concevoir le vôtre à 256x256 ou 512x512 pixels.
![](https://cdn.tutsplus.com/psd/uploads/legacy/0810_Icon/1.jpg)
Étape 2
Avec l'outil Rectangle arrondi (U) dessiner une forme à l'aide d'une couleur rouge. (J'ai goûté l'outil Pipette (I) sur la PSDTUTS + icône officielle).
![](https://cdn.tutsplus.com/psd/uploads/legacy/0810_Icon/2.jpg)
Etape 3
Avec l'outil Pinceau (B) de la peinture d'une couleur rouge vive lumière pour créer une tache lumineuse sur la partie supérieure droite de l'icône.
![](https://cdn.tutsplus.com/psd/uploads/legacy/0810_Icon/3.jpg)
Etape 4
Ajouter une ombre noire avec l'outil Pinceau. Utiliser l'image de référence.
![](https://cdn.tutsplus.com/psd/uploads/legacy/0810_Icon/4.jpg)
Etape 5
Ajouter une forme comme celle-ci au-dessus de l'icône avec le Style de calque suivant.
![](https://cdn.tutsplus.com/psd/uploads/legacy/0810_Icon/5.jpg)
![](https://cdn.tutsplus.com/psd/uploads/legacy/0810_Icon/5a.jpg)
![](https://cdn.tutsplus.com/psd/uploads/legacy/0810_Icon/5b.jpg)
Etape 6
Dupliquer et réduire la dernière forme avec Cmd / Ctrl + T. Dans un nouveau calque, défini comme un masque d'écrêtage (Alt-cliquez sur la ligne de séparation entre deux couches de palette Calques), peindre de la couleur rouge clair avec l'outil Pinceau (B ).
![](https://cdn.tutsplus.com/psd/uploads/legacy/0810_Icon/6.jpg)
Etape 7
Affiner les lumières supérieures à l'aide de l'outil Pinceau (B) et la lumière rouge foncé en alternance.
![](https://cdn.tutsplus.com/psd/uploads/legacy/0810_Icon/7.jpg)
Etape 8
J'ai affiné la partie inférieure à l'aide de la même manière que l'étape précédente.
![](https://cdn.tutsplus.com/psd/uploads/legacy/0810_Icon/8.jpg)
Etape 9
Dans une couche séparée, en utilisant l'outil Rectangle de sélection (M) ajouter deux bandes minces et sélectionner le mode de fusion en superposition.
![](https://cdn.tutsplus.com/psd/uploads/legacy/0810_Icon/9.jpg)
Etape 10
Faites une sélection rectangulaire. Remplissez-le avec l'outil Dégradé (G) défini Blanc Transparent. Fausser la couche avec Cmd / Ctrl + T et régler le mode de fusion du calque de superposition.
![](https://cdn.tutsplus.com/psd/uploads/legacy/0810_Icon/10.jpg)
Etape 11
Créez un nouveau calque et avec la sélection rectangulaire (M), sélectionnez une mince bande de pixel. Remplissez le de noir et de fausser la couche avec Cmd / Ctrl + T pour obtenir un résultat comme l'image ci-dessous. Placez la couche près de la frontière du centre gradient blanc. Comme vous pouvez le voir j'ai dupliqué la bande pour le côté droit.
![](https://cdn.tutsplus.com/psd/uploads/legacy/0810_Icon/11.jpg)
Etape 12
Affiner l'ombre avec l'outil Pinceau (B) dans un nouveau calque.
![](https://cdn.tutsplus.com/psd/uploads/legacy/0810_Icon/12.jpg)
Etape 13
Ajouter deux bandes saillants. Utilisez de nouveau la méthode Étape 11.
![](https://cdn.tutsplus.com/psd/uploads/legacy/0810_Icon/13.jpg)
Etape 14
Peu d'ajustement avec l'outil Pinceau (B) à l'honneur et les frontières centre. Je fais un groupe avec les couches de centre et ajouté un masque de calque pour lisser les lignes un peu.
![](https://cdn.tutsplus.com/psd/uploads/legacy/0810_Icon/14.jpg)
Etape 15
Ajouter une texture subtile de l'icône avec le bruit de filtre> Ajout de bruit, réglez le mode de fusion Lumière tamisée. Essayez de changer la couche avec Cmd / Ctrl + T.
![](https://cdn.tutsplus.com/psd/uploads/legacy/0810_Icon/15.jpg)
Etape 16
Avec l'outil Forme rectangulaire (U) créer une forme plus et ajouter le Style de calque suivant.
![](https://cdn.tutsplus.com/psd/uploads/legacy/0810_Icon/16.jpg)
![](https://cdn.tutsplus.com/psd/uploads/legacy/0810_Icon/16a.jpg)
![](https://cdn.tutsplus.com/psd/uploads/legacy/0810_Icon/16b.jpg)
![](https://cdn.tutsplus.com/psd/uploads/legacy/0810_Icon/16c.jpg)
Etape 17
Dupliquer la forme de plus et la déplacer un peu vers le bas avec l'outil Déplacer (V).Ajouter ce Style de calque.
![](https://cdn.tutsplus.com/psd/uploads/legacy/0810_Icon/17.jpg)
![](https://cdn.tutsplus.com/psd/uploads/legacy/0810_Icon/17a.jpg)
![](https://cdn.tutsplus.com/psd/uploads/legacy/0810_Icon/17b.jpg)
![](https://cdn.tutsplus.com/psd/uploads/legacy/0810_Icon/17c.jpg)
Etape 18
Ajouter quelques réflexions avec l'outil Plume (P). Puisez forme noire aléatoire et l'opacité d'un faible couche.
![](https://cdn.tutsplus.com/psd/uploads/legacy/0810_Icon/18.jpg)
Etape 19
J'ai affiné la frontière de la traverse supérieure en ajoutant des lignes blanches avec l'outil Crayon.
![](https://cdn.tutsplus.com/psd/uploads/legacy/0810_Icon/19.jpg)
Etape 20
Temps baguette magique. Ajouter une forme de cylindre noir avec ce style de calque.
![](https://cdn.tutsplus.com/psd/uploads/legacy/0810_Icon/20.jpg)
![](https://cdn.tutsplus.com/psd/uploads/legacy/0810_Icon/20a.jpg)
![](https://cdn.tutsplus.com/psd/uploads/legacy/0810_Icon/20b.jpg)
![](https://cdn.tutsplus.com/psd/uploads/legacy/0810_Icon/20c.jpg)
Etape 21
Ajouter un autre formes blanches sur le dessus de la baguette avec ce style.
![](https://cdn.tutsplus.com/psd/uploads/legacy/0810_Icon/21.jpg)
![](https://cdn.tutsplus.com/psd/uploads/legacy/0810_Icon/21a.jpg)
![](https://cdn.tutsplus.com/psd/uploads/legacy/0810_Icon/21b.jpg)
Étape 22
Et enfin la dernière forme avec le style de calque suivant.
![](https://cdn.tutsplus.com/psd/uploads/legacy/0810_Icon/22.jpg)
![](https://cdn.tutsplus.com/psd/uploads/legacy/0810_Icon/22a.jpg)
![](https://cdn.tutsplus.com/psd/uploads/legacy/0810_Icon/22b.jpg)
Etape 23
La brosse est constituée de deux parties. Commencez par dessiner la forme principale de l'outil Plume (P). Utilisez ce style de calque.
![](https://cdn.tutsplus.com/psd/uploads/legacy/0810_Icon/23.jpg)
![](https://cdn.tutsplus.com/psd/uploads/legacy/0810_Icon/23a.jpg)
![](https://cdn.tutsplus.com/psd/uploads/legacy/0810_Icon/23b.jpg)
Etape 24
Avec l'outil Pinceau (B) commencer à peindre l'intérieur de la brosse avec une petite brosse dure. Utilisez l'espacement bienséance à l'intérieur du panneau Brush (F5) pour augmenter la vitesse de cette étape. Essayez de changer la couleur de la brosse trop.
![](https://cdn.tutsplus.com/psd/uploads/legacy/0810_Icon/24.jpg)
Étape 25
J'ai ajouté une ombre inférieure et colorié de jaune de la partie supérieure de l'outil Pinceau (B) dans un nouveau calque.
![](https://cdn.tutsplus.com/psd/uploads/legacy/0810_Icon/25.jpg)
Etape 26
Dessiner une forme de cylindre avec l'outil Plume (P) Appliquer le style de calque suivant.
![](https://cdn.tutsplus.com/psd/uploads/legacy/0810_Icon/26.jpg)
![](https://cdn.tutsplus.com/psd/uploads/legacy/0810_Icon/26a.jpg)
![](https://cdn.tutsplus.com/psd/uploads/legacy/0810_Icon/26b.jpg)
Etape 27
Placez la texture du bois à l'intérieur du document et l'appliquer à la forme précédente comme un masque d'écrêtage en mode Superposition.
![](https://cdn.tutsplus.com/psd/uploads/legacy/0810_Icon/27.jpg)
Étape 28
Pour la partie de métal, dessiner une autre forme avec ce style de calque. J'ai affiné l'ombre de cette partie dans une nouvelle couche de peinture par certains à l'intérieur noir.
![](https://cdn.tutsplus.com/psd/uploads/legacy/0810_Icon/28.jpg)
![](https://cdn.tutsplus.com/psd/uploads/legacy/0810_Icon/28a.jpg)
![](https://cdn.tutsplus.com/psd/uploads/legacy/0810_Icon/28b.jpg)
![](https://cdn.tutsplus.com/psd/uploads/legacy/0810_Icon/28c.jpg)
![](https://cdn.tutsplus.com/psd/uploads/legacy/0810_Icon/28d.jpg)
Etape 29
Créez un nouveau calque et peindre la fumée en utilisant l'outil Pinceau (B) avec des couleurs pourpres et jaunes.
![](https://cdn.tutsplus.com/psd/uploads/legacy/0810_Icon/29.jpg)
Etape 30
Dessinez une étoile à l'aide de l'outil Forme personnalisée. Ajouter ce Style de calque.
![](https://cdn.tutsplus.com/psd/uploads/legacy/0810_Icon/30.jpg)
![](https://cdn.tutsplus.com/psd/uploads/legacy/0810_Icon/30a.jpg)
![](https://cdn.tutsplus.com/psd/uploads/legacy/0810_Icon/30b.jpg)
![](https://cdn.tutsplus.com/psd/uploads/legacy/0810_Icon/30c.jpg)
Etape 31
Dupliquer la forme d'étoiles et la rendre plus sombre en choisissant une couleur jaune foncé. Disposer cette couche derrière la précédente. J'ai reproduit l'étoile deux fois et placé une copie autour de la baguette dans différentes tailles.
![](https://cdn.tutsplus.com/psd/uploads/legacy/0810_Icon/31.jpg)
Etape 32
Une dernière étape consiste à affiner l'ensemble de l'éclairage icône dans une couche séparée avec l'outil Pinceau (B). J'ai ajouté quelques petits détails à l'icône, comme la chute de la peinture, étincelle, ombres tout simplement les peindre.
![](https://cdn.tutsplus.com/psd/uploads/legacy/0810_Icon/32.jpg)
Étape 33
J'ai ajouté une lumière de couleur bleue entre les objets avec l'outil Pinceau (B) dans un nouveau calque.
![](https://cdn.tutsplus.com/psd/uploads/legacy/0810_Icon/33.jpg)
Etape 34
Enfin, j'ai créé une ombre portée sur l'icône, et un fond personnalisé orange, dans des couches distinctes.
![](https://cdn.tutsplus.com/psd/uploads/legacy/0810_Icon/34.jpg)
Image finale
![](https://cdn.tutsplus.com/psd/uploads/legacy/0810_Icon/final.jpg)