Créer un casque de robot futuriste dans un style de dessin au trait dans Adobe Illustrator

Dans ce tutoriel, je vais vous montrer comment créer une tête de robot détaillée dans Adobe Illustrator. Les outils que je vais utiliser dans ce didacticiel incluent: l'outil Plume (P), l'outil Ellipse (L), l'outil Rectangle arrondi et l'outil Pipette (I). J'utiliserai également le panneau Pathfinder et les options Contour de trait dans le processus. Il faut de la patience pour créer une illustration aussi détaillée. Alors commençons!



1. Préparez l'esquisse de base

Étape 1

Créer un Nouveau document (Contrôle + N), nommez-le "Tête robotique". Définissez la taille de la planche graphique sur 600px x 700px et Mode Couleur CMYK à 72 dpi. Tout ce dont nous avons besoin est un croquis de base dans cette première étape. Pour que nous puissions commencer par créer un nouveau calque, nommez-le "Esquisse de base".

Étape 2

Dessinez un croquis de la tête du robot avec Outil pinceau blob (Maj + B). Dans ce cas, je vous recommanderai de le faire avec une tablette graphique, car cela vous semblera plus organique. Mais si vous n'en avez pas, vous pouvez simplement dessiner sur du papier et numériser le résultat..

Étape 3

Après avoir fini, placez son Opacité à 33% et Fermer à clé cette couche "Basic Sketch". Ce croquis n'interférera pas avec le prochain processus. Créer un nouveau calque que vous pouvez nommer "lignes" ou quelque chose à vous.


2. Créer le dessin au trait de la section au-dessus de la tête

Étape 1

À partir de cette section, je vais passer de l’esquisse approximative à la netteté des lignes vectorielles. Frappé le Outil stylo (P), définir le trait à 4 pt Poids et commencez à dessiner un chemin fermé qui suit la section du panneau de tête supérieur. Je crée un design symétrique, cela signifie donc que je n'aurai besoin que d'en créer la moitié.

Lorsque la moitié est terminée, dupliquez-la en sélectionnant l'objet puis faites glisser vers la gauche en maintenant Maj + Alt.

Cet objet dupliqué doit être reflété par Clic droit, puis sélectionnez Transformer> Réfléchir. La boîte de dialogue sera apparue. Vérifier Verticale option puis cliquez sur D'accord.

Définissez leur position de sorte que les deux objets se collent l'un à l'autre. Ouvrez le Éclaireur panneau (Maj + Contrôle + F9) et choisissez Unir les fusionner.

Étape 2

Je vais continuer à créer l'élément de caméra frontale. Créez un chemin fermé comme dans l'image ci-dessous. Si vous créez une forme qui en dépasse une autre, ne vous inquiétez pas, vous pouvez utiliser le panneau Pathfinder pour nettoyer vos contours..

Voici une explication rapide:

  • Copie (Contrôle + C) l'élément de tête supérieur et Coller devant (Contrôle + F).
  • Sélectionnez cette partie copiée à côté de la partie caméra frontale.
  • Cliquez sur Couper sur Éclaireur panneau pour supprimer la partie de caméra chevauchante.

L'utilisation de cette méthode vous aidera à créer un chemin qui a l'air net et qui ne s'écarte pas l'un de l'autre..

Copie et Coller devant le résultat précédent du panneau de la caméra. Redimensionnez-le en maintenant Contrôle + Maj + Alt, il devrait donc s'agir d'un morceau plus petit à l'intérieur. Réglez c'est Poids de l'AVC à 3 pt.

Créez les panneaux gauche et droit pour donner des détails sur les coins inclinés sur l'élément de tête supérieur. Disposez-les derrière l'élément caméra avant. Faites en sorte qu'ils soient tous blancs pour que vous puissiez voir la vraie position de chaque partie. Dessinez le cercle de caméra aussi en utilisant Outil Ellipse (L).

Étape 3

Je suis sûr que vous pouvez maintenant faire le reste des parties supérieures de la tête. La photo ci-dessous montre que j'en ai fini avec la corne, le crâne, le front et un renflement de la tête..

Toutes les pièces sont fabriquées avec des chemins fermés et empilées les unes sur les autres. Regardez le croquis de base comme référence.

Faites une copie pour tous et faites glisser vers la droite. Unir les un par un pour les parties identiques.

Donnez quelques détails sur le klaxon qui pourrait être un filtre à air. J'ai fait celui-ci en utilisant le Outil Ellipse (L). Groupe (Contrôle + G) et en faire une copie pour la corne droite.


3. Travailler sur la partie inférieure du casque

Étape 1

Continuons vers les parties inférieures du casque. Dans cette section, je vais improviser le motif des yeux car je pense que le dessin original ne me va pas aussi bien. Il suffit de frapper le Outil stylo (P) à nouveau et faire la moitié de la forme de l'oeil du robot. Réfléchir et Unir eux quand fini.

Quand c'est fait, sélectionnez cette partie et Clic-droit votre souris, choisissez Organiser> Envoyer à l'arrière.

Étape 2

Allez au niveau inférieur et ajoutez le couvercle de la bouche de base.

Tracez une ligne de panneau dessus, réglez le Poids de l'AVC à 3 pt. Cette ligne de panneaux est également une amélioration, car elle ne me convient pas dans l'esquisse de base.

Pour donner plus de détails, j'ai ajouté une paire de lignes de panneau vertical. Ça a l'air mieux pour l'instant.


4. Créer les pièces du filtre à air

Étape 1

Dans cette étape, nous allons nous concentrer uniquement sur la création des pièces de filtre à air, afin que vous puissiez masquer toutes les pièces terminées des étapes précédentes pendant un moment. Continuons à utiliser le Outil stylo (P) faire la boîte de filtre comme référencé à partir de l'esquisse de base.

En ajoutant plus de chemins à l'intérieur, le filtre à air est enfin plus profond grâce aux angles inclinés.

Créez un aileron pour compléter cette partie. Tenir Alt + Shift pour le dupliquer directement vers le bas. Faites-le deux fois pour que nous ayons trois ailettes afin de remplir l'espace vide. Disposez chaque ailette à sa position correcte. Sélectionnez une ailette et touchez Contrôle + [ pour le renvoyer une fois.

Étape 2

Placez cette partie du filtre à air terminée sur le côté gauche du cache-bouche, comme indiqué dans l'image ci-dessous. Faites une copie d'une partie du filtre à air terminée et faites-la glisser vers le côté droit de la tête du robot. Groupe (Contrôle + G) ces deux parties.

Étape 3

Ajoutez une paire de connecteurs derrière chaque filtre à air.

Terminez cette étape en ajoutant un petit détail plat derrière les connecteurs..

Jusqu'à présent, c'est ce que vous obtiendrez, mais je pense que ce n'est pas suffisant. Nous devons créer plus de lignes de panneaux et de dimensions sur cette tête de robot et voir si cela fonctionne vraiment. Ceci est juste le début, alors continuons.


5. Ajouter des éléments de détail

Étape 1

J'ai ajouté des lignes et des formes plus épaisses autour du casque pour ajouter de la profondeur. Je change également la couleur de la visière en noir uni et crée des lignes de panneaux pour ajouter une autre dimension.

Essayez de donner quelques lignes de panneau aux autres parties. Utilisez la technique "Intersection" pour donner à chaque panneau une apparence soignée, au cas où vous souhaiteriez créer un chemin fermé au lieu d'un chemin ouvert pour ces lignes de panneau. Met le Poids de l'AVC à 2 pt comme c'est une ligne de détail plus petite et à ne pas confondre avec le contour plus trapu du casque.

Je continue à ajouter des détails et des panneaux inclinés à travers le casque.

L'image ci-dessous est le résultat final. Vous pouvez voir que j'ai ajouté plus de lignes de panneaux sur la tête supérieure. J'ai également modifié la dimension de la caméra.

Étape 2

Les petits détails sont parfaits pour ajouter la touche finale à un design. Vous pouvez appliquer des formes dans toutes les parties dont vous avez besoin. Utilisez le Outil Rectangle Arrondi pour créer des parties bombées ou peut-être juste en s’appuyant sur le Outil stylo (P) faire des détails sur la tête. N'oublie pas de Groupe chaque paire d'entre eux.

Étape 3

La tête du robot a maintenant fière allure avec les détails raffinés. Plus de lignes de panneaux qui ont été ajoutées donneront une forte impression de plaques métalliques.

Quelques petites choses à faire sur la partie cache-bouche. Je pense que nous pouvons le rendre meilleur en modifiant cette partie où elle semble encore déserte.

Zoom sur le côté gauche du cache-dents. Créez un nouveau panneau qui dépasse dans la forme de la couverture de la bouche.

Faites une copie pour le bon aussi et Groupe leur.

Utilisez le Outil Rectangle Arrondi faire un trou de la couverture de la bouche. Dupliquez-le pour avoir trois trous et placez-le au milieu.

Ajoutez d'autres lignes de panneaux ici pour compléter les détails. Vous pouvez dessiner un chemin ouvert pour cette ligne de panneau, mais n'oubliez pas d'éliminer les La couleur de remplissage en tapotant (/) sur votre clavier.

Manipulez la partie inférieure du panneau en empilant des objets noirs. Fait pour les parties de la bouche.


5. Ajouter une réflexion sur le pare-soleil

Étape 1

On peut utiliser Outil Rectangle (M) pour créer un effet de réflexion sur la visière. Créez simplement deux rectangles verticaux, comme dans l’image ci-dessous. Modifiez leur pente en sélectionnant les deux objets, puis utilisez la commande Outil de transformation gratuit (E). Cliquez sur le noeud des objets du milieu et maintenez Maj + Alt, faites glisser le noeud vers la droite.

Étape 2

Déplacez-les vers le côté droit de l'œil. Nous devons effacer la moitié de cet effet de réflexion. Faire cela, Copie la visière et Coller devant (Contrôle + F) d'eux. Sélectionnez à la fois la visière et l’effet de réflexion et Clic-droit > Faire un masque d'écrêtage. Vous verrez que l'effet de réflexion est maintenant limité par le champ de l'oeil. Couper (Contrôle + X) l'effet et Coller devant de la visière.

Le résultat :


6. Affiner le dessin au trait

Étape 1

Presque complet. Vous feriez mieux de vérifier chaque paire d'objets. Assurez-vous que tous les objets jumeaux à gauche et à droite sont dans le groupe. Sélectionnez l'image entière et ouvrez le Aligner panneau (Maj + F7), changez pour Aligner sur la sélection mode et frapper Centre d'alignement horizontal faire en sorte que tous les objets appariés soient exactement au centre les uns des autres.

Étape 2

C'est l'étape finale du dessin au trait. Je veux juste ajouter plus de détails pour une meilleure composition, en corrigeant quelques apparences.

Étape 3

Quand c'est fait, nous devons transformer tous les contours en objets en sélectionnant l'image entière, puis en cliquant sur le menu. Objet> Chemin> Contour de contour.

Étape 4

Continuez à sélectionner les images entières. Ouvrir Éclaireur panneau et cliquez sur le Réduire option de celui-ci. Ceci est pour nettoyer le désordre. Je fais habituellement cela pour éliminer tous les objets qui se chevauchent et qui ne se chevauchent pas derrière les pièces, pour que cela ne gêne pas le processus de coloration à l'avenir..


7. Colorez votre design

Étape 1

Avant de commencer le processus de coloration, il serait préférable de sélectionner tous la même couleur noire et Unir le centre commercial.

Étape 2

C'est le jeu de couleurs qui sera appliqué au casque. Il existe quatre couleurs grises pour les plaques de tête et une couleur jaune / verte pour les petites pièces..

Étape 3

Commencez le processus de coloration. Utilisez cet ensemble pour donner des couleurs aux assiettes. Vous pouvez le faire rapidement en sélectionnant certaines pièces d’abord, puis en cliquant sur l’outil Pipette (I) ou bien avec le pot de peinture dynamique (K). Choisissez l'une des couleurs et la couleur sera automatiquement appliquée aux objets sélectionnés.

Étape 4

Les compléter. La source de la lumière sera devant les objets, de sorte que la couleur gris clair est celle qui s’applique le plus à l’avant de la tête. Toute autre partie derrière doit être plus sombre, y compris les plis du panneau. Conservez l'effet de réflexion en blanc et donnez aux petits détails une couleur jaune / verte. Cet ensemble de couleurs simples donnerait un aspect unique et harmonieux aux lignes. Ajouter aussi un fond avec un remplissage noir.

Étape 5

Faire un contour de couleur supplémentaire derrière la tête en sélectionnant les parties entières, puis Copie et Coller à l'arrière (Contrôle + B). Unissez ces parties copiées et donnez-les Poids de l'AVC de 9 pt. Convertissez ce trait en objet en utilisant Contour de l'AVC commande et lui donne la couleur jaune / verte.


Toutes nos félicitations! Vous avez terminé!

Votre conception est enfin terminée. Il est toujours bon de vérifier quelques petites erreurs et de les corriger avant de partager votre travail. J'espère que tout le processus vous plaira et que vous vous sentirez bien avec le résultat final. Continuez à en apprendre davantage pour perfectionner vos compétences et continuez à vous dépasser.