Comment dessiner une icône de caméscope à partir de zéro dans Photoshop

Dans ce didacticiel, nous expliquerons comment dessiner une icône de caméscope à partir de zéro dans Photoshop à l'aide de calques de forme, de pinceaux et de styles de calque. Commençons!


Étape 1: Croquis

J'ai commencé avec une simple esquisse, puis j'ai utilisé des outils vectoriels pour dessiner la forme de base. J'ai utilisé des couleurs vives pour m'aider à distinguer chaque zone.


Étape 2

Ajouter un nouveau calque puis peindre manuellement les rehauts et les ombres approximatifs à l'aide de l'outil Pinceau.


Étape 3: Corps principal

En utilisant l’esquisse comme référence, utilisez l’outil crayon pour dessiner son corps principal. Utilisez la couleur # 4e4d52.


Étape 4

Cela aide à réduire l'opacité afin que nous puissions voir la référence en même temps.


Étape 5

Dessine un polygone plus petit et plus foncé. Double-cliquez sur la forme du calque et appliquez Inner Shadow avec une très grande taille pour ajouter du bruit..


Étape 6

Dessinez la forme suivante au bout du caméscope avec la couleur # 40474d


Étape 7

Sélectionnez une partie de la forme et mettez en surbrillance la peinture.


Étape 8

Ajoutez plus de rehauts et d'ombres pour lui donner un aspect tridimensionnel. Comme vous pouvez le voir ci-dessous, je ne travaille que sur sa face supérieure. C'est parce que son côté inférieur sera couvert par son écran LCD.


Étape 9

Sélectionnez le caméscope principal. Ajouter un nouveau calque puis peindre en blanc avec un pinceau à faible opacité. Fais le quelques fois.


Étape 10

Réduire son calque Opacité.


Étape 11

Utilisez la même technique pour peindre une ombre sur le corps. Vous pouvez également appuyer sur Commande / Ctrl + H pour masquer temporairement la sélection.


Étape 12: Lens

Dessinez un croissant et appliquez une subtile superposition de dégradé du blanc au noir.


Étape 13

Activer l'outil Pinceau avec une faible opacité et peindre en blanc le nouveau calque, directement au-dessus du croissant.


Étape 14

Commande / Ctrl-clic sur la forme en croissant pour effectuer une nouvelle sélection en fonction de sa forme.


Étape 15

Placez le surlignage et le croissant dans un groupe de couches. Cliquez sur l'icône Ajouter un masque de calque. Les faits saillants vont maintenant à l'intérieur de la forme.


Étape 16

Ajoutez un nouveau calque, puis tracez une sélection rectangulaire. Remplissez-le de blanc. Cliquez sur Filtre> Bruit> Ajouter du bruit..


Étape 17

Cliquez sur Filtre> Flou> Flou de mouvement avec angle de 90 °.


Étape 18

HIt Command / Ctrl + T puis faites le pivoter de 90 °.


Étape 19

Appuyez sur Commande / Ctrl + T. Dans la barre d’options, sélectionnez Warp: Arch.


Étape 20

Faites pivoter la forme à nouveau et placez-le sur le côté de l'objectif. Vous devrez peut-être essayer plusieurs fois le réglage Warp jusqu'à obtenir une courbure appropriée..


Étape 21

Faire pivoter la forme et effacer ses deux extrémités.


Étape 22

Changez son mode de fusion en Multiplier et réduisez son opacité. Effacer ses deux extrémités à l'aide de l'outil Gomme douce.


Étape 23

Dessinez une ellipse sur le devant de la forme.


Étape 24

Ajoutez un nouveau calque, puis convertissez-le en masque d'écrêtage (Commande / Ctrl + Alt + G). Dessinez des zones de surbrillance et d'ombre à l'aide de l'outil Pinceau à faible opacité.


Étape 25

Ajouter une autre ellipse couvrant la forme précédente.


Étape 26

Ajoutez un nouveau calque et convertissez-le en masque d'écrêtage. Peignez le blanc et le noir pour les hautes lumières et les ombres.


Étape 27

Dessine une autre ellipse et ajoute une superposition de dégradé.


Étape 28

Ajoutez un nouveau calque et convertissez-le en masque d'écrêtage. Peindre des ombres.


Étape 29

Dessinez une ellipse plus sombre et appliquez à nouveau le calque dégradé..


Étape 30

Sélectionnez la forme la plus haute. Créez un nouveau calque et remplissez-le ensuite avec #efefef. Déplacez la sélection de 1 px vers la gauche puis appuyez sur la touche Suppr.


Étape 31

Mettez en surbrillance puis tracez un trait noir. Couvrir avec une ellipse.


Étape 32

Ajoutez une autre forme de croissant blanc en utilisant la technique précédente. Dessinez une ellipse plus petite et ajoutez plus de forme en croissant.


Étape 33

Peignez la surbrillance douce à l’aide de l’outil Pinceau, puis recouvrez-la d’une ellipse grise. Appliquer une superposition de dégradé subtile.


Étape 34

Ajouter une nouvelle couche et peindre une ombre subtile et mettre en évidence sur la surface de la lentille.


Étape 35

Dessinez une petite ellipse et un parallélogramme au centre de la lentille. Définissez son mode pour se croiser. Appliquer une ombre intérieure et une superposition de dégradé subtile.


Étape 36

Dessiner un polygone avec la couleur # 222423.


Étape 37

Sélectionnez le côté gauche du polygone. Ajouter un nouveau calque et peindre le noir en haut et le gris plus clair en bas. Cela va ajouter une apparence tridimensionnelle.


Étape 38

Commande / Ctrl-clic sur le polygone. Faire une nouvelle couche et peindre quelques points saillants à l'intérieur.


Étape 39

Ne supprimez pas la dernière sélection. Créez un nouveau calque et remplissez-le de noir. Cliquez sur Filtre> Rendu> Lens Flare..


Étape 40

Changer son mode de fusion en écran et réduire son opacité.


Étape 41

Sélectionnez la partie extérieure de l'objectif de la caméra, puis peignez les ombres.


Étape 42

Sélectionnez l'objectif et remplissez-le de noir. Ajouter à nouveau une lumière parasite.


Étape 43

Appliquer le flou gaussien.


Étape 44

Définissez son mode de fusion sur Écran.


Étape 45: Panneau supérieur

Dessinez la forme suivante à l'aide de l'outil Plume. Appliquer le calque dégradé.


Étape 46

Ajoutez un nouveau calque et peignez les ombres et mettez en surbrillance la forme. Voir l'image ci-dessous pour référence.


Étape 47

Continuez à ajouter plus de rehauts sur la forme pour lui donner une apparence tridimensionnelle convaincante. Cela peut être utile si vous placez tous vos traits sur des calques distincts. De cette façon, vous pouvez facilement ajouter une mise en évidence plus forte en les empilant.


Étape 48: Boutons

Dessinez la forme ci-dessous à l'aide de l'outil Plume, utilisez le blanc comme couleur. Appliquer une superposition de dégradé subtile.


Étape 49

Ajouter un nouveau calque, puis dessiner manuellement les hautes lumières et les ombres pour lui donner un aspect tridimensionnel.


Étape 50

Ajouter une ombre sous le bouton.


Étape 51

Utilisez les mêmes techniques pour dessiner un autre bouton.


Étape 52: Sous la lentille

Dessiner une forme noire sous la lentille


Étape 53

Peindre en noir sous la forme.


Étape 54

Ajouter des rehauts à l'aide d'un pinceau à faible opacité.


Étape 55

Dessine des cercles. Inclinez-les jusqu'à ce que les cercles aient l'air réalistement placés à la surface.


Étape 56

Appliquer Inner sur les cercles.


Étape 57

Dessinez une autre forme et appliquez le calque dégradé. Voir l'image ci-dessous pour référence.


Étape 58: LCD

Commençons par dessiner les charnières LCD. Dessine un rectangle arrondi. Modifiez ses points de gauche et rapprochez-le. Ajoutez un nouveau calque et convertissez-le en masque d'écrêtage. Ajoutez de la surbrillance à l'intérieur de la forme pour la transformer en trou.


Étape 59

Ajouter un autre calque pour ajouter des surlignages de mode.


Étape 60

Dessine la forme suivante pour couvrir le trou.


Étape 61

Ajouter un nouveau calque, puis peindre les rehauts et les ombres à l'intérieur de la couverture.


Étape 62

Surlignez du côté très clair avec un petit pinceau doux.


Étape 63

Dessinez la forme suivante et ajoutez une superposition de dégradé subtile. Peindre en surbrillance sur la forme.


Étape 64

Dessinez un rectangle demi-arrondi recouvrant la forme précédente. Peinture en surbrillance et ombre sur son bord.


Étape 65

Tracez un rectangle arrondi puis modifiez son coin jusqu'à obtenir la forme suivante. Appliquer une superposition de dégradé subtile.


Étape 66

Commande / Ctrl-clic sur la forme pour la sélectionner.


Étape 67

Ajouter une forme plus petite avec une couleur plus sombre. Ajouter une superposition de lueur et de dégradé internes.


Étape 68

Ajoutez un nouveau calque, puis tracez une ligne noire sur le dessus. Réduire son opacité.


Étape 69

Dessine un petit rectangle arrondi. Comme d'habitude, appliquez le calque dégradé.


Étape 70

Dessine un rectangle arrondi encore plus petit. Ajouter une ombre intérieure.


Étape 71

Ajoutez une image en haut de l'écran, puis appuyez sur Commande / Ctrl + Alt + G pour la convertir en masque d'écrêtage. L'image va maintenant à l'intérieur de la forme.


Étape 72: Boutons LCD

Trace un cercle. Appliquer des styles de calque.


Étape 73

Tracez un cercle plus petit au centre du précédent. Appliquer d'autres styles de calque.


Étape 74

Dessinez un cercle plus petit avec une couleur plus claire. Réduire son opacité.


Étape 75

Dessiner un cercle rouge et appliquer les styles de calques suivants.


Étape 76

Ajouter un nouveau calque et dessiner manuellement le surlignage et l'ombre sur le bouton.


Étape 77

Dessinez plus de boutons sur l'écran LCD.


Étape 78

Dessinez une forme d’ellipse sur le côté droit. Ajouter une superposition de traits et de dégradés.


Étape 79

Peindre des ombres.


Étape 80

Dessinez une ellipse sombre sur le boîtier du caméscope. Peignez des ombres et mettez en surbrillance le bouton. Voir l'image ci-dessous pour référence.


Étape 81

Ajoutez une ellipse plus petite, puis peignez en surbrillance avec l’outil Pinceau..


Étape 82

Tracez une ligne blanche en dehors de la zone des boutons.


Étape 83

Appliquez du flou gaussien pour l'adoucir.


Étape 84

Réduire son opacité. Effacer une partie de la course. Assurez-vous d'utiliser une gomme à faible opacité.


Étape 85

Placez le bouton dans un groupe de couches. Alt-glisser pour dupliquer le bouton.


Étape 86

Dessinez un rectangle arrondi noir puis inclinez-le.


Étape 87

Dupliquer la forme. Déplacez-le 1 px vers la droite. La peinture met en évidence dessus. Encore une fois, dupliquez la forme. Déplacez-le de quelques pixels vers la droite et changez sa couleur en gris plus clair.


Étape 88

Ajoutez un nouveau calque, puis tracez les surbrillances et les ombres sur la surface des boutons. N'oubliez pas de peindre l'ombre des boutons sur le corps du caméscope.


Étape 89

Dessinez un polygone noir, puis appliquez une superposition de dégradé subtile. Ajoutez un autre rectangle pour son autre côté. Voir l'image ci-dessous pour référence.


Étape 90

Dessine la forme suivante et applique le calque dégradé.


Étape 91: Emplacement pour carte mémoire

Dessinez la forme suivante sur la partie supérieure du caméscope. Ajoutez un nouveau calque, convertissez-le en masque d'écrêtage, puis peignez des points saillants.


Étape 92

Dessine la forme suivante. Comme dans l'étape précédente, peignez son point culminant.


Étape 93

Nous allons couvrir la carte mémoire. Commencez par dessiner la forme suivante. Peignez les reflets subtils à l'aide d'un petit outil Pinceau doux.


Étape 94

Dessinez une forme plus petite avec une couleur plus claire. Peinture met en évidence sur sa surface.


Étape 95

Ajouter une nouvelle couche. Commande / Ctrl-clic sur la forme. Cliquez sur Edition> Contour avec le blanc pour couleur.


Étape 96

Appliquez un petit flou gaussien pour le ramollir. Effacer une partie de la ligne de trait en utilisant l'outil gomme douce. Réduire son opacité.


Étape 97

Dessinez le côté avant de la zone. Comme d'habitude, peignez son apogée.


Étape 98

Dessinez la forme suivante derrière la fente pour carte mémoire. Ajoutez un peu de surbrillance et d'ombre.


Étape 99: Poignée

Nous voulons également ajouter une zone de poignée sur laquelle nous pouvons attacher une sangle. Commencez par dessiner son crochet. Et appliquez une superposition de dégradé subtile.


Étape 100

Sélectionnez son côté extérieur. Ajouter un nouveau calque et peindre une couleur plus claire pour ajouter de la surbrillance.


Étape 101

Ajouter un nouveau calque et ajouter une surbrillance plus forte. Pour ce faire, utilisez un pinceau plus petit.


Étape 102

Dessinez sa forme intérieure et peignez sa lumière et son ombre.


Étape 103

Continuez à dessiner une sangle attachée sur elle. Commencez par dessiner la forme suivante. Appliquez le calque suivant. Nous pouvons utiliser un modèle par défaut disponible sur chaque Photoshop. Ajoutez également une superposition de dégradé pour ajouter de la lumière naturelle à la forme..


Étape 104

Commande / Ctrl-clic sur la dragonne pour la sélectionner. Ajouter un calque de réglage noir et blanc. Cela fera en sorte que la sangle est convertie en noir et blanc.


Étape 105: Texte

Ajoutons une étiquette sur la surface du caméscope. Commencez par ajouter un texte à l'aide de l'outil Texte standard. Appuyez sur Commande / Ctrl + T et sélectionnez Incliner.


Étape 106

Ajouter un nouveau texte et appliquer Warp. Vous pouvez trouver son bouton dans la barre d'option.


Étape 107

Faites pivoter le texte jusqu'à ce qu'il tienne sur la surface.


Étape 108

Ajouter plus de texte sur la surface.


Étape 109

Pour le rendre plus réaliste, ajoutons une ombre au texte. Ajoutez un calque au-dessus du texte, puis convertissez-le en masque d'écrêtage. Utilisez un pinceau doux pour peindre une ombre sur le texte.


Image finale