Comment créer une lampe de poche hyper réaliste

Dans ce tutoriel, vous apprendrez à créer une illustration hyper réaliste de la lampe de poche. Ce style d'illustration est particulièrement apprécié pour les icônes et les illustrations techniques. Bien que ce tutoriel soit plus avancé que d’autres, ne vous laissez pas dissuader de le tenter, vous le trouverez écrit dans un format facile à comprendre et les résultats en valent la peine..


Étape 1

Ouvrez un nouveau document 1280px par 1024px. Chargez cette photo depuis Stock.xchng dans votre document. Redimensionnez-le pour l'adapter à votre Artboard. Vous pouvez sélectionner la photo en cliquant sur le bouton Transformer de la barre du haut et en insérant les numéros indiqués dans l'image ci-dessous. Utilisez cette option uniquement si vous souhaitez utiliser la taille et la position exactes que j'ai utilisées. Dans la plupart des images ci-dessous, j'ai abaissé l'opacité de l'image de la lampe de poche à 30% afin que vous puissiez distinguer les formes. Quand je travaille normalement, je laisse l'opacité à 100%. Expérimentez et voyez ce qui vous convient le mieux. Créez un nouveau calque, nommez-le "IMAGE" et placez-le au bas de la palette Calques. Déplacez l'image de la lampe de poche à l'intérieur du calque "IMAGE" et verrouillez le calque. De cette façon, vous ne sélectionnez ni ne déplacez accidentellement l'image.


Étape 2

Sélectionnez l'outil Crayon (P) et créez la forme de la lampe de poche entière. Essayez de porter une attention particulière aux zones agrandies dans l’image ci-dessous. Nommez cette forme "FLASHLIGHT".


Étape 3

Dupliquez "FLASHLIGHT" puis sélectionnez l'outil Stylo (P) et créez une forme similaire à celle montrée dans l'image n ° 1. Sélectionnez cette forme et la duplication de "FLASHLIGHT", puis cliquez sur le bouton Intersection de la palette Pathfinder. Nommez la forme résultante "Section1".


Étape 4

Dupliquer "FLASHLIGHT" et "Section1". Sélectionnez l'outil Plume (P) et créez une forme similaire à celle de l'image n ° 1. Sélectionnez cette forme et la duplication de "FLASHLIGHT", puis cliquez sur le bouton Intersection de la palette Pathfinder. Déplacez la forme résultante sous la duplication de "Section1" puis sélectionnez les deux formes et cliquez sur le bouton Moins avant de la palette Pathfinder. Nommez la forme résultante "Section2".


Étape 5

Dupliquez "FLASHLIGHT" puis sélectionnez l'outil Stylo (P) et créez une forme similaire à celle montrée dans l'image n ° 1. Sélectionnez cette forme et la duplication de "FLASHLIGHT", puis cliquez sur le bouton Intersection de la palette Pathfinder. Nommez cette forme "vvv" et dupliquez-la. Resélectionnez l'outil Plume (P) et créez une forme similaire à celle présentée dans l'image n ° 4. Sélectionnez-le avec la copie de "vvv" et cliquez sur le bouton Intersection de la palette Pathfinder. Nommez la forme résultante "Section6". Dupliquez "Section6" et déplacez iv au-dessus de la forme "vvv" originale. Maintenant, sélectionnez ces deux formes et cliquez sur le bouton Moins avant de la palette de Pathfinder. Nommez cette nouvelle forme "Section5".


Étape 6

Dupliquer "FLASHLIGHT" et "Section5". Sélectionnez l'outil Plume (P) et créez une forme similaire à celle de l'image n ° 1. Sélectionnez cette forme et la duplication de "FLASHLIGHT", puis cliquez sur le bouton Intersection de la palette Pathfinder. Déplacez la forme résultante sous la duplication de "Section 5", sélectionnez les deux formes et cliquez sur le bouton Moins avant de la palette Pathfinder. Nommez cette nouvelle forme "Section4".


Étape 7

Dupliquer "Section5" et "Section2". Sélectionnez l'outil Plume (P) et créez une forme similaire à celle de la photo 1. Sélectionnez cette forme avec "FLASHLIGHT", puis cliquez sur le bouton Intersection de la palette Pathfinder. Déplacez la forme résultante sous les duplications de "Section5" et "Section2" puis sélectionnez ces trois formes et cliquez sur le bouton Moins avant de la palette Pathfinder. Nommez la forme résultante "Section3".


Étape 8

Sélectionnez l'outil Rectangle arrondi et créez un cercle compressé comme celui présenté dans l'image n ° 1. Faites-la pivoter, jouez un peu avec le point d’ancrage et les poignées, jusqu’à ce que vous obteniez une forme semblable à celle de la photo n ° 4. Enfin, nommez cette forme "Section7".


Étape 9

Vous devez maintenant avoir 7 formes dans votre palette Calques.


Étape 10

Créez un nouveau calque et nommez-le "SECTION1". Déplacez la forme "Section1" à l'intérieur de ce calque, puis remplissez-la avec R = 40 G = 40 B = 40.Vous devez maintenant ajouter le dégradé présenté dans l'image n ° 2. Vous pouvez aller à la palette Apparence. et dans le menu déroulant, choisissez l'option Ajouter un nouveau remplissage. Cela va ajouter un nouveau remplissage pour votre forme. Je n'ai pas l'habitude de le faire de cette façon. Chaque fois que je veux ajouter plusieurs surfaces à une forme, je l’utilise pour créer autant de copies que nécessaire. Vous pouvez essayer les deux méthodes et décider laquelle vous convient le mieux..


Étape 11

Créez un nouveau calque et nommez-le "SECTION2". Déplacez la forme "Section2" à l'intérieur de ce calque puis remplissez-le avec la couleur et les dégradés montrés dans l'image ci-dessous.


Étape 12

Créez un nouveau calque et nommez-le "SECTION3". Déplacez la forme "Section3" à l'intérieur de ce calque puis remplissez-le avec la couleur et le dégradé montrés dans l'image ci-dessous.


Étape 13

Dupliquez "Section3" et nommez cette nouvelle forme "Section3.RedStroke". Remplissez-le avec aucun puis ajoutez un trait de 1 pt (Aligner le trait au centre), couleur R = 236 G = 28 B = 36. Désactivez la visibilité de toutes les autres formes laissées dans le calque "SECTION3". Dupliquez "Section3.RedStroke" et désactivez pour le moment la visibilité de ce duplicata. Sélectionnez l'outil Sélection directe (A) et cliquez sur la dernière ligne de "Section3.RedStroke", puis appuyez sur la touche Suppr de votre clavier. Répétez cette étape uniquement cette fois-ci, cliquez sur la dernière ligne. Maintenant, vous ne devriez avoir que deux lignes, l'une à gauche et l'autre à droite. Sélectionnez-les et allez à Objet> Mélanger> Créer. Allez à Objet> Fusion> Options de fusion (ou double-cliquez sur l'outil Fusion) et définissez les étapes de fusion sur 70. Sélectionnez cette fusion, puis sélectionnez Objet> Développer. Activez ensuite la visibilité de la duplication "Section3.RedStroke" et supprimez les lignes gauche et droite. Augmentez la longueur des lignes restantes, puis sélectionnez-les et accédez à Objet> Mélanger> Créer. Sélectionnez Objet> Fusion> Options de fusion (ou double-cliquez sur l'outil Fusion) et définissez les étapes de fusion sur 50. Sélectionnez cette fusion, puis sélectionnez Objet> Développer..

Maintenant, vous devriez avoir deux groupes de coups. Un groupe de traits verticaux et un autre de traits horizontaux. Sélectionnez les deux groupes, puis sélectionnez Objet> Développer. Sélectionnez les formes obtenues et cliquez sur le bouton Unir de la palette Pathfinder. De nouveau, sélectionnez la forme obtenue, ajoutez un effet discret 0.3px Rounded Corners (Effet> Styliser> Rounded Corners), puis accédez à nouveau à Objet> Développer. Activez la visibilité pour "Section3" puis dupliquez-la. Sélectionnez cette duplication avec la forme que vous venez de créer et cliquez sur le bouton Intersection de la palette Pathfinder. Nommez la forme obtenue Grille, remplissez-la avec R = 26 G = 26 B = 26 et avec les gradients montrés dans les images ci-dessous.


Étape 14

Créez un nouveau calque et nommez-le "SECTION4". Déplacez la forme "Section 4" à l'intérieur de ce calque puis remplissez-le avec la couleur et le dégradé montrés dans l'image ci-dessous.


Étape 15

Créez un nouveau calque et nommez-le "SECTION5". Déplacez la forme "Section 5" à l'intérieur de ce calque puis remplissez-le avec la couleur et le dégradé indiqués dans l'image ci-dessous. Sélectionnez l'outil Plume (P) et créez une forme similaire à celle présentée dans l'image n ° 4. Remplissez-le avec R = 32 G = 32 B = 32 ajoutez un flou Gaussain 35px, diminuez son opacité à 30% et changez le mode de fusion en Multiplier. Également avec l'outil Plume (P), créez une forme similaire à celle de l'image n ° 5, remplissez-la avec R = 6 G = 4 B = 2 ajoutez un flou Gaussain 35px diminuez son opacité à 80% et changez le mode de fusion en Multiplier. . Sélectionnez ces deux formes et accédez à Objet> Fusion> Créer. Allez à Objet> Fusion> Options de fusion (ou double-cliquez sur l'outil Fusion) et définissez les étapes de fusion sur 2. Enfin, dupliquez "Section5", déplacez cette nouvelle forme dans la partie supérieure du calque et remplissez-la avec le dégradé affiché dans l'image. #7.


Étape 16

Sélectionnez l'outil Plume (P) et créez un chemin comme celui présenté dans l'image n ° 1. Remplissez-le avec aucun, mais ajoutez un trait de 2 points, couleur R = 0 G = 0 B = 0. Sélectionnez ce chemin puis allez à Objet> Développer. Faites une copie de "Section5", sélectionnez-la avec le trait développé, puis cliquez sur le bouton Intersection de la palette Pathfinder. Pressez un peu la forme comme indiqué dans les images agrandies ci-dessous. Ajoutez les dégradés montrés dans les dernières images. Créez une ligne fine comme celle montrée dans la dernière image et remplissez-la avec R = 148 G = 146 B = 151.


Étape 17

Dupliquer "Section7". Sélectionnez cette duplication avec "Section6" puis cliquez sur le bouton Moins avant de la palette Pathfinder. Créez un nouveau calque, nommez-le "SECTION6" et déplacez la forme obtenue dans ce calque, puis remplissez-le avec la couleur et les dégradés indiqués dans les images ci-dessous..


Étape 18

Dans le calque "SECTION6", créez deux formes minces comme celles illustrées dans les images ci-dessous. Suivez les couleurs et les effets montrés ci-dessous.


Étape 19

Créez un nouveau calque et nommez-le "SECTION7". Déplacez la forme "Section 7" à l'intérieur de ce calque, puis remplissez-le avec la couleur et le dégradé montrés dans les images ci-dessous. Faites attention aux gradients de l'image n ° 2 et n ° 5, vous devrez baisser l'opacité.


Étape 20

Sélectionnez l'outil Rectangle arrondi et créez un cercle compressé comme celui présenté dans l'image n ° 1. Faites-le pivoter et placez-le comme indiqué sur l'image n ° 2 Dupliquez "Section7", sélectionnez-le avec le cercle puis cliquez sur le bouton Intersection de la palette Pathfinder. Remplissez la forme résultante avec R = 166 G = 168 B = 171. Créez un cercle plus petit, puis répétez les étapes ci-dessus. Dupliquez le plus grand cercle, vous aurez besoin de cette copie plus tard. Maintenant, sélectionnez le grand cercle original et le petit et cliquez sur Objet> Mélange> Créer. Allez à Objet> Fusion> Options de fusion (ou double-cliquez sur l'outil Fusion) et définissez les étapes de fusion sur 90. Enfin, déplacez la duplication du grand cercle situé au-dessus de la fusion et remplissez-la avec les dégradés ci-dessous..


Étape 21

Dupliquer "Section7". Sélectionnez l'outil Plume (P) et créez une forme similaire à celle présentée dans l'image n ° 1. Sélectionnez-le avec la duplication de "Section7" puis cliquez sur le bouton Intersection de la palette Pathfinder. Remplissez la forme résultante avec R = 35 G = 31 B = 32. Créez une autre forme et remplissez-les avec les couleurs montrées dans l'image ci-dessous.


Étape 22

Dupliquer "Section7". Assurez-vous que cette nouvelle forme est placée dans la partie supérieure du calque "SECTION7", puis remplissez-la avec les dégradés indiqués dans les images ci-dessous. N'oubliez pas de réduire l'opacité de ces remplissages, comme le montrent les images..


Étape 23

Retournez à la couche "SECTION4". À l’intérieur de ce calque, à l’aide de l’outil Plume (P), créez une nouvelle forme similaire à celle présentée dans l’image n ° 1. Dupliquer "Section4". Sélectionnez cette duplication avec la forme nouvellement créée, puis cliquez sur le bouton Intersection de la palette Pathfinder. Nommez la forme résultante "Barre" et remplissez-la avec la couleur et les dégradés montrés dans les images ci-dessous.


Étape 24

Dupliquer "Bar". Sélectionnez l'outil Plume (P) et créez une nouvelle forme similaire à celle présentée dans l'image n ° 1 (cette forme doit avoir une zone fine se coupant avec "barre"). Sélectionnez cette nouvelle forme avec la duplication ou "Barre" puis cliquez sur le bouton Intersection de la palette Pathfinder. Remplissez la forme obtenue avec R = 40 G = 40 B = 40 et avec les gradients indiqués dans l'image ci-dessous.


Étape 25

Utilisez la même technique pour créer une ligne droite et une ligne mince au milieu. Remplissez-les avec les couleurs et les dégradés montrés dans les images ci-dessous. En outre, avec l'outil Plume, créez deux lignes fines comme celles de la dernière image et remplissez-les de R = 227 G = 229 B = 223.


Étape 26

Sélectionnez le calque "SECTION4" et cliquez sur le bouton Créer un nouveau sous-calque dans la palette Calques. Nommez ce nouveau calque "BOUTON". Sélectionnez l'outil Plume (P) et à l'intérieur de ce calque, créez deux formes similaires à celles illustrées dans les images n ° 1 et n ° 2. Nommez la forme de l'image n ° 2 "Bouton" et dupliquez-la. Sélectionnez cette duplication et placez-la au-dessus de la forme créée dans l'image n ° 1, puis sélectionnez les deux formes et cliquez sur le bouton Moins avant de la palette Pathfinder. Remplissez la forme obtenue avec R = 88 G = 89 B = 91 et ajoutez la lueur intérieure indiquée dans l'image n ° 1. Ensuite, remplissez-le avec les dégradés montrés dans l'image ci-dessous.


Étape 27

Créez deux copies de la forme "Button". Déplacez la seconde copie de quelques pixels comme indiqué sur l'image n ° 2. Sélectionnez ces deux formes et cliquez sur le bouton Moins avant de la palette de Pathfinder. Remplissez la forme obtenue avec la couleur et les dégradés montrés dans l'image ci-dessous.


Étape 28

Remplissez la forme originale du "Bouton" avec la couleur et le dégradé indiqués dans l'image ci-dessous. Assurez-vous que cette forme est placée au bas du calque "BUTTON".


Étape 29

Créez un nouveau calque, nommez-le "FLASHLIGHT" et déplacez tous les calques sauf le calque "IMAGE" à l'intérieur de ce calque. Maintenant, la lampe de poche est terminée. Vous pouvez continuer avec les ombres et l'arrière-plan.


Étape 30

Sélectionnez l'outil Plume (P) et créez une forme similaire à celle de l'image n ° 1, remplissez-la de R = 187 G = 189 B = 191, appliquez un flou gaussien de 55 pixels et baissez l'opacité à 45%. Également avec l'outil Plume (P), créez une nouvelle forme similaire à celle de l'image n ° 2, remplissez-la de R = 109 G = 1110 B = 112, appliquez un flou gaussien de 45 pixels et baissez l'opacité à 60%. Créez une nouvelle forme similaire à celle de l'image n ° 3, remplissez-la avec le dégradé, appliquez un flou gaussien de 15 pixels et baissez l'opacité à 80%. Créez une dernière forme similaire à celle de l'image n ° 4, remplissez-la avec le dégradé puis appliquez un flou gaussien de 30 pixels. Créez un nouveau calque et nommez-le "OMBRES" et déplacez-vous sous le calque "FLASHLIGHT". Enfin déplacez toutes les formes d'ombres à l'intérieur de cette couche.


Étape 31

Sélectionnez l'outil Rectangle (M), créez un rectangle similaire à celui de l'image n ° 1 et remplissez-le avec R = 208 G = 210 B = 211. Faites une copie de cette forme et pour le moment, désactivez sa visibilité. Encore une fois, avec l'outil Rectangle (M), créez une forme semblable à celle montrée dans l'image n ° 2. Remplissez-le avec R = 241 G = 241 B = 242. Sélectionnez ce petit rectangle et le grand rectangle et sélectionnez Objet> Mélanger> Créer. Définissez les étapes de cette fusion sur 33. Activez la visibilité de la copie du grand rectangle, déplacez-la au-dessus de la fusion, remplissez-la avec le dégradé présenté dans l'image n ° 4 et n'oubliez pas de baisser l'opacité à 50%. Resélectionnez l'outil Rectangle (M) et créez un nouveau rectangle dans la partie supérieure de votre planche graphique (image n ° 5). Remplissez cette forme avec R = 208 G = 210 B = 211 et avec les dégradés montrés dans les images n ° 6 et n ° 7.


Conclusion

Pour aller plus loin dans votre illustration, vous pouvez essayer de changer la couleur de fond et de modifier les reflets et la luminosité pour qu'ils correspondent. Maintenant, votre illustration est terminée.