Auparavant, je vous ai montré comment illustrer une icône de casque de chantier. Aujourd'hui, nous allons dessiner un cône de signalisation, une autre icône très pratique pour les éléments "en construction". Notre icône de cône est inspirée de celle que j'ai vue récemment sur le site VLC Player.
Note de l'éditeur: Ce tutoriel a été publié à l'origine en tchèque sur Grafika Online. Grafika a gentiment donné la permission à Vaclav de republier ici sur Psdtuts + pour ceux d'entre nous qui ne maîtrisons pas bien le tchèque.
Lancez Photoshop, ouvrez un nouveau document et remplissez l’arrière-plan de couleur orange clair / sable (# EABE94). Sélectionnez l'outil Rectangle arrondi et dessinez la base de la couleur de l'icône # CC622E (pour l'instant).
Faites pivoter cette forme (Ctrl + T) de 45 degrés…
… Et réduisez sa hauteur approximativement de moitié, toujours avec l'outil de transformation (Ctrl + T).
Copiez ce calque (Ctrl + J), changez la couleur en une nuance plus foncée (# 8A3300) et
déplacez-le sous la dernière couche. Ce sera la base du cône. Malheureusement, sur
à gauche et à droite (comme le montrent les flèches), il y a un espace libre.
C'est pourquoi nous devons remplir ces endroits. Une façon de faire est d’ajouter deux rectangles à la forme (voir les contours ci-dessous).
Et nous pouvons passer à la partie principale. Tout d’abord, nous sélectionnons une forme semblable à un triangle semblable à celle-ci avec l’outil Plume (P)..
Après cela, ajoutez des points avec le même outil au milieu des axes supérieur et inférieur..
À l'aide de l'outil de sélection directe (A), déplacez le point haut vers le haut et le point bas vers le bas. Notez que lorsque j'ai dessiné les points, j'ai fait glisser les extrémités comme indiqué dans l'image ci-dessous.
Maintenant, pour les bandes réfléchissantes blanches, nous allons créer des formes supplémentaires. Tout d'abord, nous dessinons une ellipse sur toute la largeur de la forme précédente, nous plaçons un rectangle dessus (tracé avec la touche Maj enfoncée), puis une autre elllipse que nous soustrayons de la forme (dessinée avec la touche Alt). Pour le moment, utilisez des couleurs telles que # E6E6E6. Vous devriez vous retrouver avec le résultat affiché.
Copiez cette forme une fois de plus (Ctrl + J), déplacez-vous vers le bas et redimensionnez-la pour l'agrandir afin qu'elle corresponde à la forme du cône (Ctrl + T). Créez un masque d'écrêtage du dernier calque aux deux calques, avec le raccourci Ctrl + Alt + G. Après cela, les calques ne seront affichés que sur le calque précédent (orange).
Pour que notre icône soit correctement colorée, nous pouvons dessiner les couleurs de manière latérale dans un nouveau calque, que nous allons utiliser pour l'ombrage. C'est un orange foncé pour les nuances (# 6B3719), des nuances orange pour la base (# D25200, # F07E00) et le clair pour les reflets (# E6E6E6). Ce sera OK si vous utilisez une couleur blanche avec une opacité réduite pour les reflets.
Commençons donc l'ombrage. Masquer tous les calques sauf le premier (calque inférieur de la base), créer un nouveau calque, puis créer un masque d'écrêtage sur le calque précédent (Ctrl + Alt + G).
Sélectionnez une couleur sombre et, à l'aide d'un gros pinceau, sélectionnez une partie de la forme à l'aide de l'outil Lasso polygonal sur le gabarit du milieu gauche, puis griffonnez à nouveau avec le gros pinceau. Comme vous pouvez le voir sur la photo, vous devriez avoir deux taches sombres.
Annulez le calque suivant, recolorez-le en orange (# D45809) et créez des nuances en utilisant une coloration à l'arrière. Illuminez la forme comme si l'éclairage venait de l'avant.
Nous créons également des nuances au-dessus de la partie principale du cône, ainsi que de gauche et de droite. Nous utilisons à nouveau la même couleur (# 6C3819), mais cette fois-ci expérimentez l'opacité et l'interaction (essayez de régler le calque d'ombrage sur Multiplier pour obtenir un bon effet)..
Maintenant, nous voulons éclairer les bandes blanches. Si vous regardez de près un verre réfléchissant ou un gilet réflex, vous pouvez voir une structure claire que nous allons essayer d'imiter. Puisque l'icône est très petite, la structure doit également être petite et simple.
Nous dessinons ce motif dans un nouveau calque avec l'outil Crayon, puis sélectionnons la section et le définissons comme un nouveau motif - Edition> Définir le motif.
Maintenant, chargez la sélection des deux calques blancs (Ctrl-Maj-clic sur le calque), créez un nouveau calque (Ctrl + Alt + Maj + N) et définissez cette sélection comme
Masque de calque.
Basculez vers le masque (Alt + clic sur le masque) et remplissez les espaces blancs avec notre motif préparé. Nous utiliserons le fait que la couleur noire ne change pas en définissant l'interaction Multiplier. Ouvrez la boîte de dialogue Remplir dans le menu Edition, définissez notre modèle, notre interaction et confirmez..
Que s'est-il passé? Maintenant, le contenu des calques ne sera visible que sur le point des calques blancs, mais uniquement sous forme de motif. Vous pouvez l’essayer immédiatement, en dessinant avec n’importe quel outil du calque comme dans l’image..
Mais nous voulons avoir une belle lumière, nous avons donc placé un gros pinceau doux et blanc et dessiné au milieu du cône. Notre modèle commence à bien se projeter.
C'est pourquoi nous pouvons avoir de grandes réflexions sur tout le cône. Premièrement nous chargeons une sélection de la partie principale du cône et Contractons cette sélection par 2px.
Avec l’outil Lasso polygonal, nous soustrayons la moitié droite (en maintenant la touche Alt enfoncée), puis avec l’outil elliptique, nous soustrayons la partie supérieure (qui ne serait pas aussi bien éclairée, mais seulement pour le moment)..
La sélection étant toujours définie, tracez un dégradé du blanc au transparent dans un nouveau calque avec l'outil Dégradé..
Créez une réflexion sur la base de la même manière, en veillant à la bien orienter pour correspondre à l'objet..
Assurez-vous d’ajouter la surbrillance sur le côté de la base. Ici, vous pouvez utiliser l'outil Rectangle de sélection.
Mais le cône sans reflet sur le dessus semble un peu étrange, nous devons donc l’ajouter ici. Parce que nous souhaitons éventuellement éditer cette réflexion, nous pouvons utiliser un calque de forme, créé avec l'outil Plume..
Soulignez davantage les bords des reflets. Nous utilisons l'outil Plume pour cela, et vous pouvez voir des photos détaillées ci-dessous.
Comme nous créons un cône extra brillant, la base devrait également avoir une légère réflexion..
Lorsque le cône est suffisamment brillant, la partie du cône devrait refléter sur la base. C’est-à-dire que nous copions cette couche (une orange) et la plaçons au-dessus de la
base. Retournez le calque, déplacez-le vers le bas, nous pouvons également ajouter un masque pour qu'un calque disparaisse. Vous pouvez voir sur l'image ci-dessous que le reflet est principalement visible sur la partie droite de l'icône (où la flèche montre).
La dernière étape consistera à ajouter une lumière de fond. C'est bien si les icônes ne sont pas toutes de la même couleur. Nous pouvons donc choisir une autre teinte pour la lumière. J'ai choisi une couleur violette. Chargez la sélection de tous les calques et réduisez-la d'un pixel en choisissant Sélection> Modifier> Contracter….
Dessinez ensuite avec un gros pinceau violet doux (# D2B8F6) et appliquez la lumière dans le nouveau calque.,
Et c'est tout! Bonne chance dans votre travail!