dimanche 13 avril 2014

Créer une icône App mobile dans Photoshop

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.

É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).

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.

Etape 4

Ajouter une ombre noire avec l'outil Pinceau. Utiliser l'image de référence.

Etape 5

Ajouter une forme comme celle-ci au-dessus de l'icône avec le Style de calque suivant.

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 ).

Etape 7

Affiner les lumières supérieures à l'aide de l'outil Pinceau (B) et la lumière rouge foncé en alternance.

Etape 8

J'ai affiné la partie inférieure à l'aide de la même manière que l'étape précédente.

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.

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.

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.

Etape 12

Affiner l'ombre avec l'outil Pinceau (B) dans un nouveau calque.

Etape 13

Ajouter deux bandes saillants. Utilisez de nouveau la méthode Étape 11.

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.

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.

Etape 16

Avec l'outil Forme rectangulaire (U) créer une forme plus et ajouter le Style de calque suivant.

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.

Etape 18

Ajouter quelques réflexions avec l'outil Plume (P). Puisez forme noire aléatoire et l'opacité d'un faible couche.

Etape 19

J'ai affiné la frontière de la traverse supérieure en ajoutant des lignes blanches avec l'outil Crayon.

Etape 20

Temps baguette magique. Ajouter une forme de cylindre noir avec ce style de calque.

Etape 21

Ajouter un autre formes blanches sur le dessus de la baguette avec ce style.

Étape 22

Et enfin la dernière forme avec le style de calque suivant.

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.

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.

É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.

Etape 26

Dessiner une forme de cylindre avec l'outil Plume (P) Appliquer le style de calque suivant.

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.

É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.

Etape 29

Créez un nouveau calque et peindre la fumée en utilisant l'outil Pinceau (B) avec des couleurs pourpres et jaunes.

Etape 30

Dessinez une étoile à l'aide de l'outil Forme personnalisée. Ajouter ce Style de calque.

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.

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.

Étape 33

J'ai ajouté une lumière de couleur bleue entre les objets avec l'outil Pinceau (B) dans un nouveau calque.
Publicité

Etape 34

Enfin, j'ai créé une ombre portée sur l'icône, et un fond personnalisé orange, dans des couches distinctes.

Image finale