Comment créer Tin Man à partir de Wizard of Oz avec Adobe Illustrator

Ce que vous allez créer

Le tutoriel d'aujourd'hui est un peu spécial car il fait partie d'une série plus vaste destinée à montrer un peu d'amour pour tous les fans de Wizard of Oz. Nous allons recréer un personnage de l'histoire, et pas n'importe lequel, nous aurons l'honneur de construire Tin Man..

Nous allons utiliser certaines des formes de base d'Adobe Illustrator combinées à l'outil Plume, mais ne vous inquiétez pas, car le processus est vraiment simple. Donc, si vous avez des connaissances de base dans Illustrator, vous devriez les améliorer.!

OK, passons à Illustrator et commençons à créer!

1. Configurer le document

Tout d’abord, commençons par créer un Nouveau document soit en allant à Fichier> Nouveau ou en utilisant le Contrôle-N raccourci clavier. Nous allons ajuster certains de ses paramètres:

  • Nombre de planches: 1
  • Largeur: 800 px
  • la taille: 600 px
  • Unités: Pixels

Et de la Avancée onglet (qui se trouve sous la petite flèche tournée vers la droite):

  • Mode de couleur: RVB
  • Effets raster: Haute (300 ppp)
  • Aligner les nouveaux objets sur la grille de pixels: vérifié

2. Configurez nos couches

Une fois que nous avons créé notre petit document, il est temps de le superposer afin de pouvoir séparer les différentes sections de l'illustration, ce qui nous permettra de mieux nous concentrer plus tard, lorsque nous commencerons à ajouter des détails..

Ouvrez le Couches panneau, et créer trois couches. Appelons-les pour savoir lequel est lequel:

  1. cadre en bois
  2. personnage
  3. hache

3. Créer le cadre en bois

Nous allons progresser, de la couche de charpente en bois à celle de la hache, en veillant à verrouiller tout sauf la couche sur laquelle nous nous trouvons actuellement. Cela vous aidera à garder vos formes organisées, tout en rendant les choses beaucoup plus faciles à modifier..

Étape 1 

La première couche sur laquelle nous allons travailler sera le cadre circulaire en bois, sur lequel nous placerons ensuite le reste de notre illustration..

Donc, en supposant que vous êtes sur la couche de cadre en bois, utilisez le Outil Ellipse (L) créer un 320 x 320 px cercle que nous colorierons avec # 99847B.

Nous alignerons ensuite la forme au centre de notre Artboard en utilisant le Horizontal et Centre d'alignement vertical options trouvées sous le Aligner panneau.

Étape 2

Ensuite, donnons un contour à la forme en la sélectionnant puis en passant à Objet> Chemin> Chemin décalé et en lui donnant un décalage de 6 px.

Une fois que vous avez le contour, changez sa couleur en quelque chose de plus foncé (# 453F3C) afin que nous puissions distinguer les deux, puis sélectionner à la fois la forme précédente et la forme précédente et les regrouper à l'aide du Contrôle-G raccourci.

Étape 3

Nous allons créer un cercle légèrement plus petit, juste 280 x 280 px, que nous colorierons avec # 806E67, puis positionnez-le sur le précédent en veillant à le centrer, puis donnez-lui le même 6 px contour.

Comme auparavant, regroupez le cercle et son contour, car nous allons commencer par ajouter des détails qui chevaucheront certaines des formes, ce qui rendra le travail plus difficile si elles ne sont pas groupées..

Au cas où vous vous demanderiez pourquoi nous avons ajouté ce deuxième élément, la raison en est que le premier cercle finira par être notre cadre actuel, tandis que le plus petit à l'intérieur agira comme arrière-plan. Si vous ne le voyez pas encore, changeons-le en ajoutant quelques détails.

Étape 4

Dans cette étape, nous ajouterons les lignes verticales qui donneront l’impression que notre arrière-plan est composé de dalles en bois..

Pour ce faire, sélectionnez simplement le Outil Rectangle (M) et créer cinq 4 x 328 px formes (# 453F3C), que nous allons positionner 48 px les uns des autres, en veillant à grouper (Contrôle-G) et les aligner ensuite au centre de notre cercle.

Étape 5

Une fois que vous avez le premier ensemble de lignes verticales, nous devons créer une copie (Contrôle-C> Contrôle-F) d’entre eux, que nous positionnerons du côté gauche, de sorte que les éléments des deux groupes s’assoient côte à côte. 

Celles-ci agissant comme des ombres, nous devons changer leur couleur en noir (# 000000) et régler le Mode de fusion à Multiplier en abaissant le Opacité à 20%.

Étape 6

Maintenant, puisque nous voulons que les lignes verticales et les ombres couvrent uniquement la surface du cercle plus petit, nous devrons sélectionner créer une copie du cercle (pas le contour) et la coller dessus.. 

Une fois la copie en place, nous devons la sélectionner et nos lignes, puis clic droit> Make Clipping Mask. Cela masquera les sections des lignes qui sortent de la surface du cercle, ce qui est exactement ce que nous voulions.

Étape 7

Dès que nous masquons les lignes, nous pouvons couper (Control-X) et coller (Contrôle-F) dans le groupe du cercle intérieur en double-cliquant dessus pour entrer Mode d'isolation.

Étape 8

Ensuite, nous devons ajouter une petite ombre intérieure, en créant deux cercles, un 280 x 280 px un et un plus petit 260 x 260 px un, que nous extrairons ensuite du plus grand en utilisant Éclaireurde Minus Front une fonction. 

Une fois la forme obtenue obtenue, changez sa couleur en noir (# 000000) et mettre sa Mode de fusion à Multiplier en abaissant sa Opacité à 20%.

Étape 9

En suivant le même processus que pour l’ombre en forme d’anneau, nous allons ajouter une surbrillance circulaire au bord du cadre en bois (le grand cercle, pas le contour) en créant un 320 x 320 px ellipse, à partir de laquelle nous allons découper un plus petit 312 x 312 px un. 

Nous définirons ensuite la couleur de la forme obtenue en blanc (#FFFFFF) et changer sa Mode de fusion à Recouvrir, en abaissant le Opacité à 30%. Vous devez également vous assurer de placer le surlignage à l'intérieur du groupe de cercle plus grand, car nous ajouterons plus de détails en cours de route. Ainsi, il sera plus facile de garder une trace de vos formes..

Étape 10

Puisque nous avons maintenant un surlignage circulaire, pourquoi ne pas ajouter deux verticales également? Tout d'abord, prenez le Outil Rectangle (M) et créer un plus large 8 x 332 px forme, et une plus étroite 4 x 332 px un, les positionner 6 px les uns sur les autres, puis placez-les dans l'illustration, un peu vers la droite.

Étape 11

Maintenant, comme nous l'avons fait avec les lignes verticales précédentes, nous allons masquer les points culminants, puis définissons leur Mode de fusion à Recouvrir en abaissant le Opacité à 30%.

Étape 12

Cette prochaine étape nécessitera un peu de créativité, car nous commencerons à travailler sur les lignes de détail du bois..

Nous devrons d’abord entrer dans le groupe du cercle plus grand en double-cliquant dessus pour entrer Isolement Mode, où utiliser le Outil stylo (P) nous allons commencer à dessiner des petites lignes courbes. Nous devons nous assurer de régler le poids des lignes sur 2 px et coloriez-les en utilisant la même teinte que celle utilisée pour le contour (# 453F3C).

Une fois que vous avez terminé, votre conception devrait ressembler à ceci.

Normalement, nous aurions besoin d'ajouter les lignes de détail en bois à la section intérieure de notre cadre, mais comme nous n'avons pas encore dessiné la silhouette de notre personnage, il sera plus facile de le laisser tel qu'il est pour l'instant et de revenir plus tard. sur une fois que nous avons tout aménagé.

4. Créer Tin Man

À partir de là, nous allons nous concentrer sur la création du personnage, mais je vais changer un peu les choses..

Si vous avez lu certains de mes tutoriels précédents, vous avez peut-être remarqué que je suis généralement folle de chiffres, de positionnement, etc. Même s'il n'y a rien de mal à cela, j'ai pensé que pour ce tutoriel, je devais faire un peu les choses différemment puisque je veux vous mettre dans un état d’esprit plus créatif, et vous voir vous exprimer en vous donnant des indications ici et là.

Cela étant dit, prenez une tasse de café ou de thé et, comme l'a dit le Grand Oz: «Vous avez beaucoup de courage, tout ce dont vous avez besoin est d'avoir confiance en vous."

Étape 1

Tout d'abord, assurez-vous que vous êtes sur le calque de caractères, et en utilisant le Outil stylo (P) Commençons à travailler sur le collier métallique de Tin Man en dessinant une forme trapézoïdale que nous colorierons à l'aide de # CCC4C4.

Comme vous pouvez le constater, j’ai dessiné une forme relativement large en largeur et l’a positionnée vers le bas-centre de mes cercles intérieurs, car nous devrons la masquer ultérieurement..

Étape 2

Ensuite, nous devons ajouter un contour au col en le sélectionnant puis en allant à Objet> Chemin> Chemin décalé et en appliquant un décalage de 6 px à cela. Puisque le contour doit se démarquer du remplissage intérieur, nous devrons changer sa couleur pour # 453F3C.

Étape 3

Une fois que nous avons la section inférieure de notre col, nous pouvons commencer à travailler sur sa face supérieure en ajoutant une forme d’ellipse qui fera office de section intérieure, puis en lui donnant 6 px contour.

Étape 4

Nous ajouterons ensuite une ombre subtile au sommet de l'élément de col intérieur que nous venons de créer. Je vous recommande d'utiliser le Outil stylo (P) et tracez un chemin plus étroit vers le haut, mais plus large vers les bords. Une fois que vous avez tracé le chemin, changez simplement sa couleur en noir (# 000000) et ensuite mettre sa Mode de fusion à Multiplier en abaissant le Opacité à 20%.

Puisque la forme ira à l'extérieur de la surface de l'ellipse, nous devrons créer une copie de l'ellipse elle-même et l'utiliser comme masque d'écrêtage pour notre ombre..

Étape 5

En utilisant le Outil stylo (P) commencez à ajouter des détails à la partie inférieure du col en créant des points saillants. Puis utilisez le Outil Ellipse (L) ajouter un petit point culminant rond que nous inclinerons légèrement vers la gauche.

Assurez-vous qu'une fois les détails ajoutés, placez-les sous l'ellipse supérieure en sélectionnant la partie inférieure du col et les rehauts, puis clic droit> Organiser> Envoyer à l'arrière.

Étape 6

Une fois que vous avez terminé d'ajouter les points forts, nous devons ajouter les petits boulons et le diviseur vertical. Tout d'abord saisir le Outil Ellipse (L) et créer quatre 6 x 6 px cercles (# 453F3C) et les positionner uniformément à une distance de 4 px l'un de l'autre. Grouper les boulons (Contrôle-G) puis alignez-les au centre de la partie inférieure de notre col, en les poussant un peu vers la droite.

Ajouter un 4 x 48 px rectangle (# 453F3C) à leur droite et un plus petit 2 x 48 px ombre juste à côté du diviseur.

De plus, à ce stade, il serait judicieux de sélectionner toutes les formes du col et de les regrouper (Contrôle-G) Pour que les choses ne finissent pas par voler.

Note rapide: N'oubliez pas que certaines des valeurs indiquées ci-dessus peuvent varier, car vos dimensions seront différentes des miennes. Cela étant dit, ne vous découragez pas, essayez d'utiliser ce que j'ai déjà utilisé et ajustez les formes selon vos besoins..

Étape 7

Puisque nous avons fini de travailler sur le col, nous pouvons maintenant commencer à nous concentrer sur le cou..

Comme toujours, la première chose à faire est de créer la section de remplissage principale. Tracez un rectangle et poussez légèrement ses points d'ancrage supérieurs vers l'intérieur.

Colore la forme en utilisant # CCC4C4 puis positionnez-le vers le bas-centre de l'ellipse du col.

Étape 8

Une fois la base du cou en place, donnez-lui un contour et définissez la couleur de la nouvelle forme sur # 453F3C. Ce serait peut-être une bonne idée de regrouper les deux (Contrôle-G) puisque nous devrons faire quelques ajustements dans la prochaine étape.

Étape 9

À ce stade, vous avez peut-être remarqué que les côtés inférieurs de la forme interne et du contour de notre cou sortent de la surface de l'ellipse, ce que nous devons corriger..

La solution la plus simple consiste à sélectionner et créer une copie de l'ellipse du collier (et non du contour), puis à supprimer son point d'ancrage supérieur en sélectionnant et en appuyant sur Effacer. Puis en utilisant le Outil stylo (P) continuez à dessiner la forme en créant une partie supérieure qui recouvre le contour supérieur du cou. Ensuite, nous sélectionnons simplement le cou et le contour et créons un masque d'écrêtage.

Étape 10

Une fois que nous avons fixé le cou, nous pouvons commencer à ajouter des détails tels que les séparateurs de lignes horizontales et certains rehauts et ombres. Gardez à l'esprit qu'une fois que vous avez commencé à travailler sur les détails, vous devez d'abord entrer dans le groupe du cou, sinon vous risqueriez de perdre des objets..

De plus, vous devrez regrouper tous vos détails et les masquer à l'aide de la section intérieure du cou, sinon ils iront à l'extérieur de sa surface..

Étape 11

Puisque nous en avons presque fini avec le cou, nous pouvons maintenant passer à la tête elle-même.

J'ai commencé à travailler sur la tête en tirant d'abord un 92 x 134 px rectangle avec un Rayon de coin de 46 px que j'ai ensuite ajusté en jouant avec ses points d'ancrage.

La forme que vous allez utiliser aura une partie supérieure légèrement plus plate, tandis que celle du bas sera un peu allongée.

Prenez votre temps et jouez avec jusqu’à ce que vous ayez une belle forme, puis colorez-le en utilisant # CCC4C4 et placez-le au-dessus du cou pour qu'il passe légèrement dessus.

Étape 12

Donner un contour à la tête, puis ajouter les yeux, le nez et la bouche.

Étape 13

Une fois que vous avez les yeux, la bouche et le nez en place, il est temps d'ajouter les oreilles..

Dans mon illustration, j'ai créé les oreilles en dessinant deux 10 x 26 px des rectangles (# 968F8E) avec un Rayon de coin 5 px, à laquelle j'ai appliqué un 6 px effet de chemin de décalage pour obtenir les contours.

J'ai ensuite changé la couleur du contour en # 453F3C et positionné une paire de chaque côté en utilisant les yeux comme points de référence, en veillant à les envoyer à l'arrière de la tête.

Étape 14

Dès que nous avons fini de créer les oreilles, nous pouvons commencer à dessiner le chapeau en entonnoir.

Donc, en utilisant le Outil stylo (P), commencez à tracer la partie inférieure du chapeau, ce qui le rend plus large que la tête elle-même. Colore la forme en utilisant # 968F8Epuis donnez-lui un aperçu.

Étape 15 

Ensuite, nous allons continuer en tirant la partie supérieure du chapeau. Nous devrons nous assurer que les points d'ancrage inférieurs s'alignent bien avec ceux du haut sur la forme que nous venons de créer. Une fois que vous avez tracé la forme, coloriez-la en utilisant # 7B7472 et bien sûr, donnez-lui un aperçu.

Étape 16

Puisque le chapeau original avait une poignée, nous devons nous assurer d’en ajouter une à la nôtre..

En utilisant le Outil Ellipse (L) créer un 28 x 28 px cercle (# 968F8E), puis basculez du remplissage avec son trait en appuyant sur Shift-X.

Puisque notre cercle doit maintenant être un anneau, nous devons ajuster son poids en le réglant sur 4 px. Ensuite, développez simplement la forme en allant à Objet> Développer> Remplissage et contour et donner à la forme résultante un chemin de 6 px.

Enfin, groupe (Contrôle-G) à la fois le remplissage et le contour et positionnez la poignée à la droite du chapeau.

Étape 17

Une fois que nous avons fini de travailler sur le chapeau, nous pouvons commencer à ajouter des détails plus fins à notre personnage, en ajoutant des rehauts, des ombres et quelques boulons et séparateurs pour lui donner cet aspect métallique. Prenez votre temps et soyez aussi précis que possible.

Étape 18

Une fois que vous avez fini d'ajouter les détails, vous remarquerez peut-être que la section inférieure du collier sort de la surface de la section intérieure en bois. Puisque nous voulons qu’il soit encadré à l’intérieur de celui-ci, nous allons d’abord le groupe (Contrôle-G) tous les éléments qui forment notre personnage puis le masquer à l'aide d'un 280 x 280 px cercle que nous allons positionner sur le dessus.

Étape 19

Mais attendez, quelque chose ne va pas, comme s'il nous manquait un morceau.

Eh bien Dorothy, nous sommes. Puisque je pensais que nous devions d'abord nous concentrer sur les composants principaux du personnage, j'ai laissé la cerise pour finir. Si vous ne savez toujours pas de quoi je parle, je vous le ferai savoir - c'est l'arc.

Alors revenez là-bas et tracez un joli arc, que nous colorierons avec # ED7161 puis positionnez par-dessus le col vers le bas.

Étape 20

Avant de passer à la dernière partie de notre illustration, nous devrons d’abord prendre quelques minutes et travailler sur nos lignes de bois, que nous devons positionner dans le deuxième groupe de cercle. Comme auparavant, utilisez un Poids 2 X et jouer jusqu'à ce que vous avez de belles lignes.

Maintenant, puisque les détails doivent aller sur la couche de cadre en bois, vous devrez verrouiller le personnage et travailler à l'intérieur de celui mentionné précédemment..

5. Créer la hache

Nous en sommes maintenant à notre dernier segment de l'illustration, qui est la pièce maîtresse de Tin Man, la hache.

Si vous avez lu l'histoire, vous savez que Tin Man (qui devrait en fait être Tin Woodsman) n'a pas été fabriqué à l'origine en métal. Au lieu de cela, il était une personne réelle comme moi et vous, nommée Nick Chopper. Il avait l'habitude de gagner sa vie en abattant des arbres dans les forêts d'Oz.

Maintenant, pour faire une histoire courte, il avait un peu de bœuf avec la Sorcière Méchante de l’Est qui enchantait sa hache de telle sorte qu’elle lui coupait ses membres un par un, mais au lieu de mourir il les remplaçait comme par magie avec une prothèse en étain les membres.

Ok, alors vous savez maintenant pourquoi la hache est si importante. Commençons à le créer.

Étape 1

Commençons par verrouiller toutes les autres couches, sauf la première, et en utilisant le Outil stylo (P) commencer à dessiner le manche en bois.

Essayez d’obtenir une sensation plus organique, et une fois que vous avez quelque chose qui vous semble joli, colorez-le en utilisant # 806E67 et lui donner un 6 px contour (# 453F3C) en utilisant l'effet de chemin de décalage.

Avec la section intérieure et le contour sélectionnés, regroupez-les (Contrôle-G) puis positionnez-les vers le bas du cadre en bois de manière à masquer environ la moitié de la surface de la proue.

Maintenant, au cas où votre contour deviendrait un peu funky comme le mien, ne vous inquiétez pas, nous allons faire en sorte que ce côté se superpose à la lame, pour que tout se passe bien..

Étape 2

Bon, alors maintenant que nous avons la poignée, que diriez-vous de lui ajouter des détails, tels que les lignes en bois, un rehaut en haut et une ombre en bas?

Étape 3

Commençons à travailler sur la lame, en créant un 24 x 40 px rectangle (# B1A9A9) avec un Rayon de coin de 2 px. Nous ajusterons la forme en sélectionnant ses points d’ancrage centraux inférieurs à l’aide des touches Outil de sélection directe (A) puis en les supprimant en appuyant sur Effacer.

Puis, en utilisant le Outil stylo (P), continuez la forme en dessinant la partie inférieure de la lame, en vous assurant de fermer le chemin que vous avez tracé.

Étape 4

Une fois que vous avez une belle lame, donnez-lui un contour, puis positionnez-la sur le côté droit de la poignée, en veillant à masquer les imperfections créées par le contour de la poignée..

Ça y est, les gens!

Commencez à ajouter quelques reflets et ombres à la lame, et vous devriez avoir terminé..

J'espère que vous avez eu du plaisir à faire ce petit tutoriel et j'ai hâte de voir vos résultats finaux, alors ne me faites pas attendre!