Comment créer une épée élémentaire de type dessin animé dans Adobe Illustrator

Ce que vous allez créer

Dans ce tutoriel, je vais vous montrer comment créer votre propre épée élémentaire de type dessin animé qui pourrait s'avérer utile dans de futurs projets..

Le tutoriel reposera principalement sur l’utilisation de l’outil Plume et d’autres fonctions simples proposées par Adobe Illustrator. Alors, commençons!

1. Configuration de notre document

Ouvrez Adobe Illustrator et créez un nouveau document en utilisant le Contrôle-N raccourci ou en allant à Fichier> Nouveau.

Une fois la fenêtre contextuelle affichée, configurez votre document comme suit:

  • Nombre de planches d'art: 1 (comme nous ne créerons qu'une seule illustration)
  • Largeur: 640 px
  • La taille: 1400 px
  • Unités: pixels (comme nous allons créer pour le support numérique)

Et de la Avancée languette:

  • Mode de couleur: RVB (écrans numériques)
  • Effets raster: Écran (72 ppi)
  • Aligner les nouveaux objets sur la grille de pixels: coché (comme nous voulons que tout soit pixel nettes)

Conseil rapide: Les effets raster contrôlent le mode d'affichage des ombres portées, des textures et d'autres effets sur différents supports. Si vous commencez à créer pour le numérique mais que vous souhaitez imprimer le dessin sur papier à la fin du projet, vous devez vous assurer que les effets raster sont définis sur une valeur minimale de 300 ppp. Le moyen le plus rapide de le faire est d'aller à Effet> Paramètres des effets de raster de document et du Résolution section change à 300.

2. Superposition de notre document

Comme pour toute illustration axée sur les détails, j'aime beaucoup superposer les pièces qui la composent, afin de pouvoir facilement accéder aux sections dont j'ai besoin et les modifier..

En supposant que vous ayez des connaissances de base sur le fonctionnement des couches, continuez et créez huitcouches et nommez-les comme suit:

  1. Contexte
  2. esquisser
  3. ombre
  4. poignée de l'épée
  5. lame
  6. garde de la main
  7. incrustation en dégradé
  8. texture

Vous avez peut-être remarqué que certaines des couches étiquetées semblent être inversées d'un point de vue logique (la lame et le protège-main), mais c'est uniquement parce que nous aurons besoin que la lame soit positionnée sous la couche du garde-main..

3. Esquisser des lignes approximatives

Une fois que notre document est correctement configuré et mis en place, il est temps de commencer à tracer des lignes approximatives qui nous aideront à construire l'illustration réelle. Si vous avez une tablette ou que vous maîtrisez vraiment la souris, vous pouvez commencer à dessiner directement dans Illustrator à l'aide du Outil Pinceau Blob (Maj-B). D'autre part, si vous préférez utiliser la combinaison stylo / papier traditionnelle, vous pouvez facilement numériser et importer le croquis dans Illustrator ultérieurement. Cela ne tient qu'à toi.

Dans mon cas, je vais passer au numérique et commencer à poser le contour de l'épée directement sur le calque d'esquisse.

Avant de commencer, je voudrais souligner que vos lignes (les lignes esquissées et les lignes tracées) n'ont pas besoin d'être parfaites. Comme vous pouvez le constater, l'illustration suit un style plus typé, avec des lignes qui rompent avec le facteur de forme naturel et réaliste, et crée ainsi quelque chose qui ressemble à un livre pour enfants.

4. Définir nos formes de base

Étape 1

Une fois que nous avons terminé avec la partie de dessin, il est temps de définir les trois formes de base qui composeront notre épée. Nous allons le faire en commençant par la poignée, alors passez à la couche de poignée d'épée et commencez à tracer avec le Outil stylo (P), en utilisant le croquis comme guide.

Conseil rapide: Assurez-vous que les formes se chevauchent en fixant les points d'ancrage à quelques pixels de la partie interne de la forme la plus proche, afin qu'aucun espace blanc indésirable ne puisse apparaître..

Utilisez le Organiser une fonction (clic droit> Organiser)positionner les formes les unes sur les autres, de manière à pouvoir les visualiser clairement.

Comme vous pouvez le constater, nous allons colorer la forme principale en utilisant un ton brun foncé (# 633B3B) et le segment inférieur avec un segment légèrement plus léger (# 875050). Pour la pierre précieuse, nous allons utiliser # A6E0A6pour la section extérieure et # C6F4C6pour l'intérieur.

Il est maintenant temps de vérifier si nos points d'ancrage sont correctement alignés sur la grille de pixels afin que notre conception ait une apparence nette. Nous devons d’abord passer à Aperçu pixel (Affichage> Aperçu des pixels)et assurez-vous que Aligner sur Pixel est sur.

Si vous rencontrez des ancres qui ne se sont pas accrochées à la grille, il suffit de saisir le Outil de sélection directe (A) et forcez-les en un simple clic et en les faisant glisser. Je recommande soit de répéter le processus au fur et à mesure, soit de le laisser pour la fin comme étape de retouche.

Étape 2

Une fois que vous avez terminé avec la partie inférieure de l'illustration, déplacez-vous vers le haut du protège-main et suivez le même tracé simple que précédemment. Pour les couleurs, nous utiliserons le marron clair (# 875050) sur la forme principale et le ton plus foncé (# 633B3B) pour la partie médiane tenant la pierre verte.

Utilisation # 9BD19Bpour la forme de fond de la pierre et # E1FFE1 pour la section intérieure plus légère.

Étape 3

Terminez l’épée de base en traçant la lame et en la colorant. # EFD5D5.

Une fois que vous avez fini de travailler sur les formes simples, vous pouvez masquer le calque d'esquisse, car notre illustration prend progressivement forme..

5. Ajouter de petits détails à la poignée de l'épée

À ce stade de notre processus, nous travaillerons sur chaque couche à la fois et affinerons l’aspect de notre illustration à l’aide de formulaires simples créés avec le logiciel Outil stylo.

Étape 1

La première chose à faire est d’ajouter une prise à notre manche. Prenez le Outil stylo (P) et créez cinq rectangles à différents angles et tailles et colorez-les à l'aide de # 452929.

Les grouper (Contrôle-G) puis créez un masque de découpage en copiant (Control-C) et coller (Contrôle-F) la section de la poignée sur eux. Avec le groupe et la poignée sélectionnés, clic droit> Make Clipping Mask.

Ensuite, sélectionnez à la fois la poignée et la poignée et renvoyez-les afin que le délimiteur puisse apparaître.

Étape 2

En utilisant mon image comme modèle de référence, dessinez deux formes et colorez celle du dessous à l'aide de # 633B3Bet celui du dessus en utilisant # 452929. Comme pour la poignée, copiez et placez la forme en dessous et créez un masque d'écrêtage afin que la fissure ne disparaisse pas complètement.

Étape 3

Prenez le Outil stylo (P), définissez la couleur de remplissage sur blanc (#FFFFFF), Puis dessinez une forme dont la marge inférieure est presque parallèle à la direction du délimiteur inférieur de la poignée. Vous pouvez aller aussi anguleux que vous le souhaitez avec les lignes, mais assurez-vous toujours qu'elles vont bien hors de la forme en dessous. Nous voulons qu’ils soient ainsi afin que le masque de découpage puisse leur donner la forme de l’objet situé en dessous, au lieu d’essayer de faire la même chose en utilisant le Outil stylo (P).

Comme vous pouvez le constater, nous devons maintenant masquer la forme nouvellement créée et apporter quelques ajustements à son opacité et à son mode de fusion. Tout d'abord, masquons-le pour qu'il corresponde au segment situé en dessous. Il suffit de copier (Control-C) et coller (Contrôle-F) le délimiteur brun au-dessus de l'objet blanc, puis avec les deux sélectionnés, clic droit> Make Clipping Mask.

En utilisant le Outil de sélection directe (A), sélectionnez l'objet blanc puis en utilisant le Transparence panneau, définir son Mode de fusion à Recouvrir et son Opacité à 40%.

Dessinez un autre objet en utilisant les mêmes paramètres de couleur que précédemment et positionnez-le vers le côté supérieur gauche du délimiteur de poignées..

Il est maintenant temps d'ajouter un peu de brillance à la pierre précieuse. Utilisez la même technique que ci-dessus, mais cette fois, créez une diagonale sous un angle différent, comme indiqué ci-dessous..

Étape 4

Nous en avons presque fini avec la couche de traitement; tout ce que nous devons ajouter, ce sont les ombres. Prenez le Outil stylo (P) et commencez à dessiner une nouvelle forme en la colorant en noir (# 000000). Changer son Mode de fusion à Multiplier et son Opacité à 40%.

Copier l'ombre (Control-C) puis double-cliquez sur l'un des rectangles formant la poignée pour entrer Mode d'isolation. Une fois en isolement, il suffit de coller (Contrôle-F) l'ombre au-dessus du reste des objets. Ce faisant, vous éliminerez le besoin d'un masque d'écrêtage secondaire.

Nous allons créer des ombres similaires pour les sections inférieures de la poignée, de manière à ce que vous obteniez quelque chose de similaire à celui-ci..

J'ai sélectionné les objets pour que vous remarquiez qu'ils utilisent chacun des masques de découpage différents formés par les objets situés en dessous..

Comme pour les surbrillances, nous ajouterons un segment d'ombre secondaire qui s'ajoutera à l'effet de type dessin animé. Sélectionnez le Outil stylo (P) et créez un segment court, colorez-le # 5E3838, et le positionner vers le côté inférieur droit du séparateur de poignées.

Puisque nous en avons terminé avec cette couche, nous allons passer à la suivante et répéter plusieurs des actions que nous avons appliquées ci-dessus..

6. Ajouter des détails à la garde de l'épée

Étape 1

La première chose que nous allons créer sur cette couche est la chaîne qui maintient la plus petite gemme en place. En partant de la zone extérieure de la garde du sabre, dessinez deux objets diagonaux de largeurs différentes et colorez-les en utilisant une valeur de brun foncé. # 4D2E2E.

Comme vous pouvez le constater, les objets doivent être masqués pour ne pas sortir de la surface de la garde. Il suffit de copier l'objet en dessous, et clic droit> Make Clipping Mask.

Une fois que la coupure est faite, la chaîne sera positionnée sur le dessus de la gemme. Pour corriger cela, sélectionnez simplement la gemme, puis clic droit> Organiser> Mettre au premier plan.

Étape 2

Dessinez une simple paire de triangles et colorez-les en utilisant # 804C4Ccomme couleur de base, et # 6E4242 pour le triangle en haut. Avec les deux objets sélectionnés, utilisez Contrôle-g pour les regrouper, puis copiez-les dans le masque de découpage utilisé sur la chaîne, de manière à masquer les bords qui font saillie à l'extérieur.

Étape 3

Afin d'ajouter un peu de piquant à la garde, nous allons créer un point culminant quelque peu saccadé qui couvrira presque la moitié de sa surface. Nous allons utiliser le même Mode de fusion (Recouvrir) et Opacité valeur (40%) comme nous l'avons fait auparavant. La seule différence essentielle réside dans le fait que la plaquette de bois et la ficelle devront être positionnées sur le rectangle de surbrillance, comme suit..

Nous devons également ajouter un point culminant à la gemme elle-même. Essayez de faire varier les lignes en créant une diagonale qui s'oppose à celle créée pour la gemme inférieure. Met le Mode de fusion à Recouvrir et baisser le Opacité à peu près 60%.

Assurez-vous de masquer la surbrillance en copiant le morceau plus foncé de la gemme sur le dessus et en créant un petit masque d'écrêtage..

Étape 4

Pour terminer cette partie de l'illustration, nous allons ajouter un court morceau d'ombre sur le côté inférieur gauche de la garde du sabre..

En utilisant le Outil stylo (P),dessiner un objet long et pointu et le colorier en utilisant # 5E3838.

7. Ajout de détails à la lame de l'épée

Étape 1

Pour créer l’épaule de la lame, nous devons dessiner un rectangle avec une ancre supérieure pointue et le colorer dans une nuance plus claire (# F7DFDF),comme il serait normalement plus près des yeux, et toute lumière du soleil réelle.

Comme vous pouvez le constater, la lame étant placée sur une couche située sous la couche de protection, la partie inférieure de l'épaule finira par être masquée. Même dans ce cas, nous avons toujours besoin de créer un masque d'écrêtage pour que la forme ne sorte pas à l'extérieur de la lame..

Ensuite, essayez d’ajouter une section centrale et un anneau, colorez-les en utilisant # C4A5A5, et assurez-vous qu'ils sont à l'intérieur du même masque d'écrêtagenous avons créé pour l'épaule.

Étape 2

Comme pour les pierres précieuses, les reflets de la lame seront légèrement plus angulés, chaque section recouvrant et soulignant celle du dessous..

Le premier point fort devrait commencer à peu près au milieu de la lame et aller légèrement à l'extérieur.

Copier le nouvel objet créé dans le même masque d'écrêtagecomme l’épaule et assurez-vous de changer le Mode de fusion à Recouvrir et baisser le Opacité à 14%.

Créez un deuxième point fort, cette fois-ci sous un angle encore plus fort. Mettre le même Mode de fusion et Opacité, puis copiez-le sur le premier.

Le dernier point fort que nous devons ajouter est situé tout en haut de la lame. Essayez de dessiner un segment arqué, puis changez son Mode de fusion à Recouvrir et baisser le Opacité à 30%. Assurez-vous que le nouvel objet est au-dessus de tout le reste, puis copiez-le à côté du reste des points saillants..

Étape 3

La première ombre que nous ajouterons sera à environ un quart de la base de la lame. Il suivra presque le même angle que le point culminant au-dessus, mais nous devrons le colorer en utilisant une teinte plus foncée que celle de la lame (# E8CFCF).

La deuxième et dernière ombre dépassera à peu près la moitié du segment des épaules et utilisera du noir (# 000000) Comme couleur, avec le Mode de fusion mettre sur Multiplier et le Opacité abaissé à dix%.

À ce stade, l'illustration est presque terminée. Il ne reste donc qu'à ajouter un arrière-plan, une texture et quelques autres petites choses pour la faire briller..

8. Réglage de la couleur

Vous vous demandez peut-être pourquoi la palette de couleurs utilisée jusqu'à présent est presque complètement différente de celle de l'image finale. Eh bien, cela est dû au dégradé que j'ai superposé au dessin final pour améliorer certaines couleurs..

Étape 1

Tout d'abord, nous devons copier les formes de base de l'épée (celles que nous avons créées au début: la lame, la garde et la poignée) et les coller sur le calque superposé en dégradé..

Avec tous les objets sélectionnés (Contrôle-A) utilisation Pathfinder's Unite fonction pour créer une seule forme.

Étape 2

Ensuite, sélectionnez la forme nouvellement créée et transformez-la en une Linéaire dégradé avec les valeurs suivantes:

  • Angle: -90
  • Couleur du curseur de dégradé gauche: # FCEE21 / Emplacement: 0% / Opacité: 100%
  • Couleur du curseur de dégradé droit: # F15A24 / Emplacement: 100% / Opacité: 100%

Étape 3

Maintenant, tout ce que nous devons faire est de changer la Mode de fusion à Brûlure de couleur et baisser le Opacité à 22%, et nous devrions avoir un changement de couleur intéressant.

9. Ajout de texture

Pour ajouter plus de détails à l’illustration, copiez le fichier de texture joint (vous pouvez trouver le lien de téléchargement dans la barre latérale), collez-le sur le calque de texture, changez sa couleur en blanc (#FFFFFF) puis créer un Masque d'écrêtage (comme nous l’avons fait avec quelques détails de l’épée), de sorte qu’elle ne recouvre que l’épée elle-même et non en dehors. Assurez-vous également de l’aligner verticalement et horizontalement à l’aide du bouton Aligner panneau.

Conseil rapide:toujours vérifier comment l'alignement est fait en regardant le Aligner a menu déroulant. Si, par exemple, vous souhaitez aligner des éléments les uns sur les autres, utilisez la commande Aligner sur la sélection option, et si vous voulez aligner sur l'artboard, eh bien, je pense que vous avez l'idée.

10. Ajouter un fond

Nous allons dessiner deux formes différentes pour le fond. J'ai trouvé que l'utilisation d'un rectangle avec des angles et des déformations similaires à l'épée créerait un sentiment plus intéressant pour l'illustration..

Étape 1

Donc, en utilisant le Outil stylo (P),dessinez une forme qui semble s’ouvrir davantage vers le haut. Colorez-le avec # 3B2323 et assurez-vous de le placer sur le calque d'arrière-plan.

Étape 2

Parce que laisser le reste de l'espace blanc en blanc pourrait lui donner un aspect inachevé, nous allons saisir le Outil Rectangle (M) et créer une forme complète de largeur et hauteur de document (640 x 1400px) colorer en utilisant # 452929, puis l'envoyer à l'arrière de l'Artboard (clic droit> Organiser> Envoyer à l'arrière-plan).

11. Ajouter une ombre de fond

Pour terminer notre illustration, nous allons créer une ombre interne limitée aux limites du segment d'arrière-plan plus petit. Pour ce faire, il suffit de dupliquer la forme du calque superposé en dégradé au calque ombre et de changer sa couleur en # 2E1C1C. Déplacez-le de quelques pixels vers le coin inférieur droit de la planche d’art, puis, en utilisant la forme de l’arrière-plan comme masque, masquez les parties qui s’y échappent..

C'est tout!

Vous devriez maintenant avoir une illustration sympa que vous pouvez utiliser comme bon vous semble, et surtout appris quelques trucs utiles en chemin.