Share
Bienvenue au troisième didacticiel de la série "Création d’un ensemble d’icônes de peinture numériques". Dans cet article, nous allons créer une icône représentant un pinceau, avec palette en bois et palette de peinture. Nous allons utiliser des textures, des styles de calques et un bon sens de l'éclairage pour créer une icône amusante.
Vous trouverez ci-dessous les cinq icônes que nous créons dans cette série. Dans ce tutoriel, nous allons créer l'icône du pinceau.
Jetez un coup d'œil à l'icône terminée dans ce didacticiel, qui combine une touche de réalisme et d'amusement. Ils ne font jamais mal!
Nous aurons besoin de deux textures de bois pour cette icône, nous allons donc les télécharger de StockXchng: première texture et seconde texture. Lancez Photoshop et créez un nouveau document vierge de 512 pixels sur 512 pixels. Définissez la couleur de premier plan sur un jaune pâle, puis tapez P pour sélectionner l'outil Plume. Assurez-vous que le mode Calques de forme est actif (1a) et tracez le contour de la palette (1b). Nommez le calque "palette".
Dans les options de l'outil Plume, choisissez Soustraire de la zone de tracé (2a) et dessinez une ellipse. Il sera soustrait de la forme principale, créant ainsi un trou (2b).
La forme de la palette est complète. Dupliquez le calque puis masquez-le. Nous continuerons à travailler sur la copie. Nous sommes satisfaits de la forme, nous pouvons donc cliquer dessus avec le bouton droit de la souris et choisir Rasteriser..
Importez la première texture dans le document, placez-la au-dessus de la palette. Redimensionnez-le et faites-le pivoter afin qu'il soit légèrement plus grand que la palette et que son grain soit incliné. Cliquez sur la palette en maintenant la touche Commande enfoncée pour en sélectionner le contour, puis masquez la texture en cliquant sur le bouton de masque situé au bas de la palette Calques (3a). La palette commence à bien paraître (3b).
Nous voulons que la texture soit beaucoup plus claire qu'elle ne l'est tellement que vous avez appuyé sur Commande + M pour afficher la fenêtre Courbes. Cliquez sur la courbe directement au milieu et faites glisser vers le haut (4a) pour éclaircir la texture (4b). À ce stade, vous voudrez peut-être ajuster la rotation comme je l’ai fait ici (4c).
Nous pouvons maintenant fusionner les deux couches, "palette" et "texture". Sélectionnez le calque "texture", faites un clic droit sur le masque et choisissez Appliquer le masque. Appuyez ensuite sur Commande + E pour fusionner le calque. Une boîte de dialogue apparaît vous demandant ce que vous voulez faire avec le masque de la palette. Choisissez Appliquer. Maintenant nous avons une seule couche (5a).
Donnons de l’épaisseur à la palette en ajoutant un style de calque Bevel et Emboss. Assurez-vous de choisir une couleur marron foncé pour l'ombre au lieu du noir par défaut (5b). La palette est maintenant beaucoup mieux (5c) mais elle n'est pas encore finie.
Ajoutez un style de dégradé (6a) pour que le haut soit plus clair (6b). À présent, dupliquez le calque en nommant la copie "ombre de palette". Effacer tous les styles. Déplacez l'ombre sous la palette et rendez-la un peu plus petite (6c). Remplissez-le de brun foncé, mettez-le en mode Multiplier et réduisez l'opacité à 65% (6d). Allez dans Filtre> Flou> Flou gaussien et expérimentez les valeurs jusqu'à ce que l'ombre ressemble à l'image 6e.
Ajoutons maintenant la peinture. En utilisant l’outil Plume en mode Calque, dessinez quelques taches de couleur autour de la palette (7a). Sélectionnez le modèle bleu et ajoutez un style Bevel and Emboss (7b). La peinture semble maintenant épaisse et brillante (7c).
Ajoutons quelques réflexions ambiantes en ajoutant également un style Inner Glow (7d). Maintenant, cela semble plus réaliste (7e). Cliquez avec le bouton droit sur le calque bleu dans la palette Calques et choisissez Copier le style du calque. Maintenant, faites un clic droit sur les autres couches de peinture et choisissez Coller le style de couche. Modifiez les paramètres pour obtenir des variations (7f).
Les pots de peinture ont besoin d'une ombre. Créons-en un pour la boule bleue puis appliquons le même flux de travail aux autres. Faites une copie de la couche de peinture et tramez-la. Remplissez-le de noir (8a). Appliquez un filtre Flou gaussien de 2 pixels (8b). Réglez le calque sur Multiplier à 60% d'opacité (8c) et déplacez-le derrière et sous la cuillerée de peinture. L'image 8d montre le résultat pour toutes les couleurs de peinture. Notez que les ombres sont courtes, floues et légèrement transparentes. À cette résolution, une variation est toujours souhaitable.
Revenons à la palette maintenant car je ne suis pas satisfaite. C'est trop poli! Allez dans Filtre> Bruit> Ajouter du bruit et utilisez les paramètres indiqués dans l'image 9a pour ajouter un grain fin à la texture. Maintenant c'est fini (9b). Regrouper toutes les couches en "PALETTE" et les masquer.
Créons le pinceau maintenant. Dessinez une longue ellipse au milieu de la toile. Utilisez l’outil Plume (et rastérisez la forme une fois que vous êtes satisfait) ou l’outil elliptique (M). Remplissez l'ellipse avec un subtil dégradé de brun rougeâtre. Rendez le côté gauche plus sombre (10a). C'est bien sûr le manche de la brosse. Comme il est arrondi, nous devons ajouter une surbrillance sur toute sa longueur. Faites une copie du calque et redimensionnez-le horizontalement (10b). Réglez-le sur le mode de fusion d’écran (10c).
La poignée est effilée à chaque extrémité, il faut donc que le surlignage soit conforme à cette forme. Appuyez sur Commande + T pour sélectionner Transformation libre, puis cliquez avec le bouton droit sur la surbrillance directement sur la toile et choisissez Déformation. Dans la barre d'options en haut de la fenêtre, choisissez les paramètres suivants: Arc, basculez sur le sélecteur d'axe et définissez Flexion sur -5 (11a). Le point culminant se penche maintenant vers la droite (11b). Dupliquez le calque plusieurs fois puis fusionnez toutes les copies. Cela rendra le surlignage plus fort (11c). Appliquez un flou gaussien de 2 pixels (11d).
Il est temps d'ajouter une texture de bois au pinceau. Faites glisser la deuxième texture téléchargée dans le document et adaptez-la à la poignée (12a). Masquer la texture à la poignée (12b). Appliquez le masque et fusionnez la texture. Le résultat est sympa mais trop sombre (12c). Avec Command + L, sélectionnez Niveaux et faites glisser le curseur droit vers la gauche jusqu'à ce que le bois soit suffisamment clair (12d). Ajustez la surbrillance en la rendant plus lumineuse et moins opaque (12e et 12f).
Maintenant, nous devons ajouter la poignée en métal où les poils sont attachés. Dessinez un rectangle noir à environ les 3/4 de la poignée (13a). Avec l’outil elliptique, sélectionnez le bord supérieur et supprimez une demi-ellipse (13b). Maintenant, faites une autre sélection sur le bord inférieur et remplissez-la de noir (13c). Le résultat est montré dans l'image 13d.
Ajustez la longueur de la poignée en métal si vous en avez besoin. Utilisez un dégradé de dégradé horizontal pour simuler des réflexions sur le métal. Utilisez les couleurs indiquées dans l'image 14a. Faites maintenant une copie de la poignée, placez-la derrière l'original et déplacez-la de quelques pixels. Cliquez sur la poignée en maintenant la touche Commande enfoncée et effacez la sélection de la copie (14b). Ajoutez maintenant une ombre portée vers le bas (14c). Le résultat est un petit anneau en retrait (14d). Faites quelques copies et distribuez-les sur la poignée en métal. Lorsque vous avez terminé, fusionnez tous les calques (14e).
Créons les soies maintenant. Effacez la partie inférieure de la poignée ou masquez-la simplement (15a). Dessinez le contour des poils avec l'outil Plume en mode Calque de forme (15b). Rastérisez la forme lorsque vous en êtes satisfait et nommez-la "poils".
Sur un nouveau calque, sélectionnez une fine bande horizontale (16a), appuyez sur D pour charger les couleurs noir et blanc par défaut, puis sur Alt + Retour arrière pour remplir la sélection de noir. Allez dans Filtre> Bruit> Ajouter du bruit et choisissez les paramètres montrés à l'image 16b. Activez Conserver la transparence pour le calque (16c) et allez dans Filtre> Pixéliser> Mosaique et choisissez une taille de cellule de 5 (16d). La bande est maintenant remplie de pixels aléatoires en niveaux de gris (16e).
Tapez Commande + U pour afficher la fenêtre Teinte / Saturation. Activez Coloriser et déplacez les curseurs (17a) jusqu’à ce que la bande devienne brune (17b). Étirez le calque verticalement (17c) et écrasez-le horizontalement (17d). Copiez-le horizontalement plusieurs fois jusqu'à ce qu'il recouvre les poils (17e).
Réduisez l'opacité temporairement pour que vous puissiez voir le contour des soies. Activez Free Transform (Commande + T) et sélectionnez Déformation dans le menu contextuel (18a). Manipulez les points jusqu'à ce que les lignes verticales correspondent à la forme des soies ci-dessous (18b). Lorsque vous avez terminé, ramenez l'opacité à 100%. Cliquez en maintenant la touche Alt enfoncée entre les deux calques pour masquer les lignes avec le contour des soies et fusionner les deux calques (18c). Regroupez les poils, la poignée et la poignée en métal sous le nom "BRUSH" (18d).
Composons maintenant la palette et déplaçons-nous dans la vue finale. Réduisez la palette verticalement et déplacez-la vers le bas de la zone de travail. Faites pivoter le pinceau de 45 degrés dans le sens anti-horaire (19). Examinons le coup. La lumière vient du haut de la palette, la cuve de peinture, le manche du pinceau et la poignée en métal sont allumés en conséquence. Les soies ne sont pas bien. Corrigeons cela immédiatement.
Sélectionnez l'outil de gravure (O) et configurez-le comme dans l'image 20a. Peignez la base et le bas des poils pour les foncer (20b). Sélectionnez maintenant l'outil d'esquive (O), configurez-le comme dans l'image 20c et peignez un point culminant au milieu des soies, là où la lumière tombe (20d).
Sur un nouveau calque, tracez un peu de peinture bleue sur le pinceau à l’aide de l’outil Crayon (P) et positionnez la tête de peinture bleue directement sous les poils du pinceau. On dirait maintenant que nous venons de plonger le pinceau dans la peinture bleue (21a). Appliquez Bevel and Emboss sur la peinture du pinceau (21b) en fonction de l’éclairage (21c). Le pinceau est fini afin que nous puissions fusionner toutes ses couches.
La dernière chose à ajouter est l'ombre du pinceau sur la palette. Dupliquer le pinceau et noircir la copie (22a). Déplacez-le sous le pinceau et modifiez sa forme de manière à ce qu'il repose à plat sur la palette. Pour ce faire, entrez Free Transform (Commande + T) et utilisez une combinaison de Skew et Distort, toutes deux accessibles depuis le menu contextuel (22b). Masque l'ombre à la palette (22c). Les ombres sont généralement définies sur le mode de fusion Multiplier et leur opacité varie de 40% à 70%. Choisissez 40% cette fois pour garder l'ombre subtile (22d).
Appliquons maintenant un flou gaussien de 3 pixels à l’ombre (23a). Tapez Q pour passer en mode Masque rapide. Peignez un dégradé de noir à blanc du coin supérieur gauche au coin inférieur droit. Vous verrez apparaître un dégradé rouge: il représente la partie masquée (23b). Appuyez à nouveau sur Q pour quitter le mode Masque rapide et le dégradé sera désormais une sélection. Appliquez-le comme masque à l'ombre. Comme vous pouvez le voir, l'ombre disparaît maintenant de la pointe du pinceau (23c). L'icône est fini.
Il s'agissait du troisième versement de la série "Création d'un ensemble d'icônes de peinture numérique". Nous avons utilisé des textures, des formes vectorielles, des styles de calque, des filtres et des pinceaux: un flux de travail complet qui exploite les nombreux outils de Photoshop. Jusqu'à la prochaine fois, lorsque nous créerons une icône de tablette numérique, amusez-vous à peindre!
Accentsconagua