Création d'un ensemble d'icônes de peinture numérique, partie 2 - Icône d'appareil photo

Bienvenue dans le deuxième didacticiel de la série "Création d’un ensemble d’icônes de peinture numériques". Cette fois, nous allons créer un appareil photo reflex numérique, un outil que les artistes numériques utilisent souvent pour prendre des photos afin de créer des textures ou à des fins de référence. Nous allons construire une caméra assez simple, mais nous le rendrons intéressant par une utilisation judicieuse des coups de pinceau et des ombres. Allons-y!

Vous pouvez voir l'aperçu final de l'image ci-dessous.

Tutoriel et détails de la série

Vous trouverez ci-dessous les cinq icônes que nous créons dans cette série..

Dans ce tutoriel, nous visons un appareil photo reflex numérique complet avec la marque et le nom du modèle.

  • Programme: Adobe Photoshop CS2 et versions ultérieures
  • Difficulté: Intermédiaire
  • Temps d'exécution estimé: 2 heures

Étape 1

Créez un nouveau document vierge et définissez comme d'habitude la largeur et la hauteur sur 512 pixels.
Sélectionnez une couleur de premier plan gris foncé et créez la forme du corps de la caméra à l'aide de l'outil Plume (P) en mode Calques. Faites attention au fait que la forme n'est pas symétrique et que les angles ont des rayons différents.

Étape 2

En utilisant des coups de pinceau dans les zones sélectionnées, nous allons ajouter une tridimensionnalité à cette forme plate. Rendre la couleur précédente blanche. Sélectionnez l'outil d'esquive (O) dans la barre d'outils et configurez-le comme dans l'image 2a. Si vous avez un comprimé sensible à la pression, peignez très légèrement pour ajouter de la rondeur au bord droit (2b). Si vous ne possédez pas de tablette, vous devez réduire l'exposition de l'outil Dodge à un très petit nombre et utiliser des traits successifs pour obtenir un effet similaire. Vous l'aurez compris assez tôt. Sur la gauche, il y a un barillet bombé. Peignez les traits verticaux avec l'outil d'esquive près du bord mais pas sur le bord (2c).

Étape 3

Passons maintenant à l'outil de gravure (O) pour ajouter des ombres. Configurez-le comme dans l'image 3a et assombrissez les taches indiquées dans l'image 3b. Maintenant, le barillet convexe est plus visible et le fond est plus sombre. Les coups de pinceau sont également visibles et ce n'est pas beau à voir. Nous voulons que la caméra soit lisse.

Nous pouvons utiliser une passe floue sur toute la surface. Afin de garder les bords nets, nous devons basculer sur Préserver la transparence dans la palette Calques (3c). Maintenant, nous pouvons aller dans Filtre> Flou> Flou gaussien et choisir une valeur modérée (3d) pour lisser la surface (3e).

Étape 4

Créons la lentille maintenant. Commencez par installer quelques guides pour marquer son centre (4a). Créez maintenant un cercle gris moyen. Ce sera le bord extérieur de la lentille (4b). Créez un cercle plus petit et plus sombre en dupliquant et en mettant à l'échelle le premier (4c).

Étape 5

Ajoutez un style de superposition de dégradé radial au premier cercle (5a) avec des taches de couleur serrées (5b) pour créer deux anneaux (5c). Une fois satisfait du résultat, rastérisez le style de calque. Tout en maintenant la touche Commande enfoncée, cliquez sur l'icône Nouveau calque en bas de la fenêtre Calques pour créer un calque sous celui sélectionné (5d). Maintenant, appuyez sur Commande + E pour fusionner le bord extérieur avec le calque vide (5e).

Étape 6

L'utilisation des outils Esquiver et Graver ajoute des reflets au bord extérieur. Référez-vous à l'image 6 pour les instructions détaillées.

Étape 7

Nous allons maintenant ajouter plusieurs lentilles et cercles plus petits à la lentille et simuler des réflexions avec la technique Dodge and Burn expliquée précédemment. Ajoutez un bord plus petit (7a), ajoutez des reflets (7b) et utilisez le filtre de flou gaussien réglé sur 1 px (7c)..

Étape 8

Créez un bord plus petit (8a), effacez la partie supérieure gauche avec l’outil Gomme (E) défini sur une grande brosse douce. Améliorez l'éclairage avec une petite touche de l'outil Dodge (8b).

Étape 9

Ajoutez un cercle noir plus petit (9a) et deux bords plus petits et à moitié effacés (9b, 9c).

Étape 10

Ajoutez un cercle gris foncé (10a) et le trou de l'obturateur. Le trou de l'obturateur est un cercle noir avec un trait fin gris clair (10b). Enfin, utilisez Dodge et Burn sur le cercle créé à l’image 10a pour lui donner un aspect convexe (10c)..

Étape 11

Ajoutons quelques points forts sur la lentille. À l’aide de l’outil Pinceau, optez pour une couleur légèrement présélectionnée près du trou de l’obturateur: une pourpre (11a), une verte (11b), une blanche et une jaune (11c)..

Étape 12

La lentille a un couvercle en verre. Créez un cercle blanc au-dessus de tous les tons clairs (12a) et réglez-le sur le mode Fusion à l'écran, avec une opacité de 15% (12b). Maintenant, un petit ajustement: augmenter le contraste sur le corps en utilisant Niveaux, Luminosité / Contraste ou Courbes (12c). J'ai utilisé Niveaux (Commande + L) et déplacé le curseur gauche (point noir) vers la droite et le curseur droit (point blanc) vers la gauche (12d).

Étape 13

La lentille est terminée afin que nous puissions regrouper toutes ses couches. Faites une copie du groupe et appuyez sur Commande + E pour le fusionner en un seul calque (13a). Cachez le groupe d'origine et conservez-le pour pouvoir le peaufiner ultérieurement. Ajoutez un style Ombre portée au calque de la lentille (13b) pour qu’il jette une ombre sur le corps (13c). L'ombre ne doit pas être visible en dehors du contour du corps, donc cliquez en appuyant sur la couche de lentille et celle du corps tout en maintenant la touche Alt enfoncée pour masquer la première avec cette dernière (13d). Maintenant, l'ombre ne dépasse plus du bas de l'appareil photo (13e).

Étape 14

Nous allons créer le déclencheur maintenant.
Dessinez une ellipse au-dessus du corps de poignée convexe du côté gauche (14a). Remplissez le vide entre le corps et l'ellipse (14b)

Étape 15

Copiez l'ellipse et alignez la copie sur le haut du boîtier de l'appareil photo (15a). Remplissez l'ellipse du bas avec un dégradé horizontal. Utilisez les valeurs indiquées à l'image 15b. Maintenant, prenez l’outil Flou de la barre d’outils et flouez le bas de l’ellipse pour enlever son bord dur et mélangez-le avec le corps principal (15c).

Étape 16

Ajoutez un style Trait à l’ellipse supérieure (16a, 16b). Cliquez avec le bouton droit sur l'icône "fx" sur le calque et choisissez Créer des calques (16c). Le style de trait a été converti en un calque séparé masqué avec son "parent". Nous pouvons maintenant en effacer l'essentiel et laisser la partie inférieure pour créer un surlignage frontal (16d). Fusionner le trait vers le bas (Commande + E) lorsque vous avez terminé. Le surlignage est trop net alors flouez un peu (16e).

Étape 17

Dessinez une ellipse très sombre au-dessus de celles que vous avez: ce sera le trou où se trouve le déclencheur (17a). Une ellipse plus petite et plus claire constituera la base de l'obturateur (17b). Sélectionnez l'outil de sélection directe (A) et déplacez le point le plus haut possible (17c). Dupliquez-le et réduisez la copie pour créer une autre forme (17d).

Étape 18

Créez le bouton de l'obturateur lui-même en réduisant une autre copie et en la rendant blanche (18a). Nous voulons que notre bouton soit en métal poli, ajoutons donc quelques styles de calque. Commençons par simuler une projection d’ombre sur le bouton à partir du bas avec un style Inner Shadow (18b). Ajoutez ensuite un style Satin (18c) pour lui donner un aspect métallique (18d).

Étape 19

Copiez les styles de l'obturateur sur la base et modifiez le Satin comme dans l'image 19a. La réflexion a maintenant un angle différent (19b). Flouez l'ellipse à la base du bouton de 1px pour éliminer le contour net et simuler une ombre douce (19c). Le côté gauche de la caméra est terminé (19d).

Étape 20

Créons le capteur de flash maintenant.
Créez un petit cercle à côté du fût (20a) et ajoutez une ombre portée (20b) et un style de dégradé de dégradé noir sur blanc (20c). Maintenant, il semble que ça dépasse du corps principal (20d).

Étape 21

Tirons le capteur réel. Créez un cercle blanc au-dessus du précédent (21a). Ajoutez une superposition de motif (21b) et un style satin (21c). Maintenant ça a l'air bien (21d).

Étape 22

Créons le sélecteur de fonction sur le dessus de la caméra. Sélectionnez l'outil Rectangle arrondi (U) et définissez le rayon sur 3 pixels (22a). Tracez un petit rectangle au-dessus du capteur de flash, à une légère distance du corps de l'appareil photo (22b). Pour créer la surface nervurée, ajoutez une superposition de dégradé (22c) en alternant des taches de couleur claire et foncée (22d)..

Étape 23

Ajoutez un style Inner Glow (23a) pour relier les bords (23b). Reliez enfin le cadran au corps en créant un rectangle noir plus petit derrière lui (23c).

Étape 24

Le pentaprisme est l'endroit où la magie se produit. Ajoutons-le. En utilisant les guides comme référence, tracez la moitié droite du pentaprisme à l’aide de l’outil Crayon (P) (24a). Reproduisez la forme à gauche, joignez les deux moitiés et égayez-les un peu (24b).

Étape 25

Utilisons à nouveau les styles de calque pour créer une géométrie au lieu d'utiliser plusieurs formes. Ajouter un style Inner Glow. Faites attention à tous les paramètres montrés dans l'image 25a: un bruit de 6% ajoute du grain à la surface et le contour à 2 crêtes est activé. Ajoutez également une superposition de dégradé (25b, 25c) pour assombrir la partie centrale. Le résultat (25d) montre une fine bordure interne et un grain fin à la surface.

Étape 26

À l’aide de l’outil elliptique de sélection (M), effectuez une vaste sélection autour de l’objectif (26a). Appuyez sur Maj + Commande + I pour inverser la sélection (26b). Avec la couche de pentaprisme sélectionnée, appuyez sur Commande + J pour créer une nouvelle couche à partir de la sélection. Effacer tous les styles de calque de ce nouveau calque (26c).

Étape 27

Ajoutez une ombre portée au nouveau calque (27a). Créez un calque à partir du style et réduisez l’ombre verticalement (27b). Masquez-le avec le corps principal pour qu'il ne saigne pas à l'extérieur de l'appareil photo (27c).

Étape 28

Retournez au sommet du pentaprisme et ajoutez un style Bevel and Emboss (28a). Dans le résultat (28b), vous pouvez voir que le sommet est maintenant convexe.

Étape 29

La caméra est terminée afin que nous puissions ajouter quelques ajustements.
Une marque fictive et un nom de modèle ont été ajoutés, ainsi que quelques boutons supplémentaires. Celles-ci ont été créées en clonant le capteur de flash et en modifiant les couleurs dans les styles de calque. Faites attention au fût de gauche: l'ellipse supérieure a été allégée en gris moyen et le bord droit du fût a été amélioré par un autre trait réalisé avec l'outil Dodge (29a). L'icône est terminée (29b).

Conclusion

Il s'agissait du deuxième volet de la série "Création d'un ensemble d'icônes de peinture numériques". Nous avons créé un appareil photo reflex simple mais efficace avec une gamme de dégradés subtils et un coup de pinceau occasionnel. La prochaine fois, nous créerons un pinceau, l'arme la plus importante de l'arsenal de l'artiste numérique..