Création d'un environnement vectoriel stylisé

Mettez à niveau votre talent en suivant ce tutoriel de haut niveau sur la création d'un environnement complet. Vous apprendrez à utiliser la couleur, la forme et la composition à l’unisson pour créer une illustration stylisée..


introduction

Ci-dessus, l'illustration générale que nous allons travailler pour créer. Ne vous y trompez pas, cette illustration requiert une grande habileté brute, mais avec l'aide de Adobe Illustrator, nous pourrons masser et réviser les illustrations afin de compléter notre vision..

Ce didacticiel avancé suppose une familiarité avec le fonctionnement de base de la palette Pathfinder. Dans ce tutoriel, vous allez apprendre à préparer le terrain pour la création d'environnements comportant de nombreux objets occupant un seul espace. Il s'agit d'un concept important qui transcende toute illustration complète..

Commençons!


Étape 1

Commencez par utiliser l'outil Plume (P) et créez le sol et les murs. Les angles auxquels les lignes tombent sont arbitraires. Comme indiqué ci-dessous, faites un essai en déplaçant les points pour voir exactement ce que sera l'aspect de base de la pièce. Moins l'angle de la ligne horizontale centrale est faible, plus l'apparence de rapprochement au niveau des yeux est grande. Je vais pour une vue aérienne alors j'ai fait l'angle très dramatique.

Pointe: Utilisez l'outil de sélection directe (A) pour sélectionner rapidement et facilement les points et faites-les glisser vers le haut ou le bas. Cela éliminera le besoin de redessiner les formes.



Étape 2

Dans cette étape, j'ai indiqué avec des lignes directrices comment les angles se rejoignent tous. Vous aurez besoin de penser en termes d'espace tridimensionnel lorsque vous créez vos objets. Les flèches sont simplement une représentation visuelle de la façon dont l'espace s'étend au-delà de la zone dans laquelle nous allons dessiner..



Étape 3

Utilisez l'outil Plume et dessinez une forme de losange qui correspond exactement aux angles de la pièce..



Étape 4

Dupliquez la forme et déplacez-la directement en dessous.



Étape 5

Toujours en utilisant l'outil Plume, dessinez les côtés de la boîte. Il est normal que la boîte ne soit pas un cube parfait, car cela ne permettrait pas aux angles de la boîte d'être parfaitement parallèles à la pièce. Donc, assurez-vous que la boîte correspond à la pièce même si ce n'est pas un cube parfait.



Étape 6

Le cube constituera le fondement de la majorité des éléments de la pièce. Ci-dessous, observez comment, quelle que soit sa taille ou son emplacement, la boîte se place bien dans la pièce. La raison principale en est que les angles auxquels les cases sont dessinées correspondent aux angles de la pièce.



Étape 7

Nous allons d'abord créer le lit. Conservez une copie du cube sur le côté de votre illustration, car vous l'utiliserez pour la base de nombreux objets. Utilisez l'outil de sélection directe pour faire glisser les points vers la droite..



Étape 8

Le concept le plus important à garder à l'esprit est que, lorsque vous prolongez les points, ils doivent rester parallèles aux murs et au sol. Dessinez des guides si vous en avez besoin.



Étape 9

Faites glisser les points en surbrillance vers la gauche.



Étape 10

Une fois que la position de base du lit est en place, vous pouvez maintenant commencer à déformer légèrement les points..



Étape 11

Pour fabriquer les colonnes de lit, collez un autre cube et déformez-le de la même manière que pour le lit..



Étape 12

Les colonnes de lit sont hautes donc nous rendons le cube maigre au lieu de large.



Étape 13

Encore une fois, une fois que la forme de base des sommiers est établie, vous pouvez rendre l’apparence plus rugueuse en ajustant les points individuels..



Étape 14

À l’aide de l’outil Ellipse (L), tracez un cercle en haut du montant du lit..



Étape 15

Cette illustration concerne des formes simples. Utilisez l'outil crayon pour dessiner l'oreiller.



Étape 16

Pour les formes légèrement plus organiques, utilisez l'outil Crayon (N.).

Pointe: Double-cliquez sur l'outil Crayon pour en afficher les options. Ajustez le lissage à un niveau supérieur pour créer des formes comportant moins de points.



Étape 17

Utilisez l'outil Crayon et dessinez sur les formes de base du lit pour créer le couvre-lit.



Étape 18

Voici à quoi votre lit devrait ressembler. Observez que j'utilise une poignée de nuances de gris pendant que je dessine les objets. Cela me permet de me concentrer sur la composition et la forme plutôt que de me laisser distraire en choisissant les couleurs de préfet pour l'instant. Le concept principal à implémenter est d'être cohérent avec la manière dont vous appliquez l'ombrage à chaque surface. Je me suis assuré d'utiliser des teintes plus foncées à droite.



Étape 19

Continuez à ajouter d'autres éléments en utilisant le cube comme point de départ.



Étape 20

Remplissez l'espace et commencez à accorder une attention particulière à la composition à mesure que vous ajoutez de nouveaux éléments.



Étape 21

Les fenêtres ont une forme plus complexe, mais elles sont fabriquées exactement de la même manière que tous les autres éléments - avec le cube comme point de départ..



Étape 22

Les personnes dans cette illustration ne sont pas créées à l'aide du cube. Cet élément nécessitera une touche plus traditionnelle à compléter. Vous pouvez choisir d'utiliser une référence de photo pour créer votre peuple. Dans tous les cas, l'outil Plume fonctionne bien pour les objets incurvés..



Étape 23

Dessinez le reste du corps et veillez à minimiser les détails afin que la personne corresponde au style et à la complexité des autres objets dessinés à l'aide du cube..



Étape 24

Utilisez différentes valeurs pour dessiner les personnes afin de ne pas avoir à vous concentrer sur la sélection des couleurs pour l'instant..



Étape 25

Il est facile de dessiner la souris, utilisez simplement l'outil Plume pour créer le corps..



Étape 26

Certains éléments peuvent être fabriqués presque sans effort. La queue est simplement un trait avec un objet Artistic Ink appliqué. Pour accéder à ce panneau, cliquez sur Fenêtre> Bibliothèques de pinceaux> Artistique> Artistic_Ink.



Étape 27

Dessinez les moustaches avec les encres artistiques aussi.



Étape 28

Comme vous le remarquerez peut-être, cette personne a été créée en utilisant beaucoup plus de lignes droites que l'autre personne. Cette personne est un peu plus imposante mais ça va. Il correspond bien au style de l'illustration de cette façon.



Étape 29

J'ai dessiné le corps du chat à l'aide de l'outil Crayon. Après quelques expériences, vous serez en mesure de déterminer (ou du moins d’avoir une préférence) le choix de dessiner certains objets à l’aide du stylo ou du crayon..



Étape 30

La queue du chat est facilement créée en traçant une ligne et en lui donnant un trait épais avec un bonnet rond.



Étape 31

Le crayon a été utilisé pour les pattes et les jambes.



Étape 32

Une fois que vous avez dessiné vos principaux éléments, le moment est venu de les positionner et de créer une illustration équilibrée. Il n'est pas nécessaire que tous les éléments soient illustrés, mais je trouve plus facile de déterminer ce qui manque à l'illustration plus tôt que plus tard..



Étape 33

Tout au long de l'illustration, j'utilise des dégradés très subtils pour suggérer la profondeur et l'ombrage. Le mur de gauche utilise un dégradé linéaire tandis que le mur et le sol de droite utilisent un dégradé radial ténu.



Étape 34

Même si nous ajouterons plus tard des ombres plus dramatiques aux éléments, les gradients aident à indiquer d'où vient la source de lumière. Dans cette illustration, la source de lumière provient du haut à gauche et du centre de la pièce. Donc, je me suis assuré que le côté droit de la chemise des personnes est un peu plus sombre que le côté gauche.



Étape 35

Les livres n'ont besoin d'aucun dégradé.



Étape 36

Pour sélectionner facilement une nuance plus foncée de la même couleur, utilisez le menu déroulant et réglez votre palette sur HSB. Après cela, vous pourrez sélectionner un jaune plus foncé..



Étape 37

L'armoire a une nuance plus foncée à gauche car elle se situe au bord gauche de la composition. C'est une manière subtile de cadrer dans la composition.



Étape 38

Pour créer la texture sur le dessus de lit, dessinez des ovales à l’aide de l’outil Ellipse..



Étape 39

Définissez l'ovale sur Multiplier dans la palette des transparences pour qu'il se marie bien avec la couleur située derrière.



Étape 40

Utilisez l'outil Plume pour dessiner les zones qui entourent le bord.



Étape 41

Si vous avez des formes qui se chevauchent, utilisez la fonction Unite de la palette Pathfinder..



Étape 42

Utilisez la fonction Diviser pour les formes qui s'étendent au-delà du bord du couvre-lit.

Pointe: Je trouve plus facile de faire une copie sur le côté des éléments à diviser. Je replace ensuite la forme obtenue sur l'illustration. Cette technique me permet de garder les formes originales intacts.



Étape 43

En dessous, l'ovale est une nouvelle forme par-dessus le couvre-lit, ce n'est pas une forme taillée dans le couvre-lit d'origine. Si, à un moment donné, je décidais de supprimer cet ovale, ce serait simple à faire et ne perturberait pas le couvre-lit d'origine. C’est l’avantage d’utiliser la fonction Diviser de Pathfinder sur une copie des formes et non sur l’original..



Étape 44

La chauve-souris a été dessinée à l'aide d'un ovale et du stylo.



Étape 45

Utilisez l'outil Crayon pour dessiner la texture du bois sur la chauve-souris.



Étape 46

Les arbustes sont également dessinés à l'aide du crayon. Stylistiquement, j'ai décidé d'ajouter une ligne continue qui représente un autre groupe d'arbustes sans remplissage..



Étape 47

À ce stade de votre illustration, toutes les formes doivent avoir un remplissage ou un dégradé basique et subtil. Je trouve particulièrement utile d'utiliser l'outil Balance des couleurs pour peaufiner les couleurs. L'un des éléments les plus unificateurs de l'illustration est la manière dont les couleurs fonctionnent les unes avec les autres. Si certaines couleurs sont beaucoup plus fortes que d’autres, le reste de l’illustration sera jeté. Pour remédier à cela, j'ajuste les couleurs jusqu'à en être pleinement satisfait. Pour modifier les couleurs, sélectionnez d’abord les objets à modifier, puis sélectionnez Edition> Modifier les couleurs> Ajuster la balance des couleurs. Dans la première image ci-dessous, vous remarquerez que j'ai expérimenté la couleur des murs et du sol..



Étape 48

Nous allons maintenant ajouter les ombres les plus dramatiques. Utilisez l'outil Crayon et dessinez une forme d'aspect naturel sous la personne..



Étape 49

Dans la palette Transparence, définissez l’ombre sur Multiplier et l’opacité sur environ 30%..



Étape 50

En fonction de vos préférences, vous pouvez choisir simplement d’utiliser un dégradé qui passe au transparent, comme indiqué sur l’ombre sur la chemise. Quelle que soit la méthode que vous utilisez pour créer des ombres, c'est vous qui décidez. Expérimentez différentes techniques pour voir ce que vous préférez.



Étape 51

Continuez à ajouter les autres ombres au reste de la personne.



Étape 52

Ajoutez également des ombres aux autres objets plus petits.



Étape 53

N'oubliez pas de définir vos ombres sur Multiplier afin qu'elles se mélangent bien lorsque vous avez plusieurs ombres qui se chevauchent. Cela crée aussi des effets intéressants!



Étape 54

L'oreiller a des ombres subtiles que vous ne remarquerez peut-être pas au premier regard.



Conclusion

Maintenant, votre illustration est terminée! J'espère que vous avez apprécié ce tutoriel et je vous encourage à créer votre propre environnement. Prenez votre temps et soyez patient avec vous-même et vous êtes sûr de créer quelque chose comme jamais auparavant!