De l'esquisse au vecteur, une illustration simple, pas si simple

L'illustration simplifiée, propre et minimaliste redevient populaire. Ce style d'illustration est intéressant, non seulement visuellement mais également techniquement. Pour réussir, ce style repose moins sur les compétences de rendu que sur les éléments de conception et les principes tels que l'équilibre, l'harmonie, la couleur, la proximité et le contraste. Dans ce vectoriel Basix, vous apprendrez à passer du dessin d’une esquisse à un vecteur et à créer votre propre illustration minimaliste..


introduction

L'objectif de ce tut est de décomposer une image en formes simples et d'éliminer tout "fluff" tout en conservant un intérêt visuel. Voici quelques personnes qui le font à merveille;

  • Les petits enjeux
  • Partenaires de laboratoire
  • Toujours avec honneur
  • Katie Kirk
  • Olly Moss

La chose à garder à l'esprit ici est la simplicité. Maintenant, il y a une différence entre simple et ennuyeux. Illustrer quelque chose simplement, mais avec un caractère, ou une personnalité, est le résultat souhaité. Avec des cercles, des carrés et des lignes, je vais décrire les 4 "processus" principaux que j'utilise pour créer ce beau style d'illustration..


Étape 1

Il est temps d'avoir une idée, en avoir une est toujours un bon point de départ. Avec l'été qui approche et le beau temps dehors (du moins à Chicago), les jardins commencent à fleurir. J'ai mon idée! Fruits et légumes!


Étape 2a

Esquisse ton idée. Comme le style de cette illustration est principalement axé sur la simplicité, essayez de casser chaque fruit / légume à sa forme la plus élémentaire. L'objectif n'est pas de rendre la forme, mais d'essayer d'utiliser le moins de lignes et de formes possibles pour décrire la forme. C'est une étape du processus qui ne devrait pas être négligée. En gros, vous faites vos devoirs, alors quand vous arrivez à la partie vectorielle, vous savez quoi faire..


Étape 2b

Numérisez l'esquisse et ouvrez un nouveau document dans Illustrator. Placez le croquis et la photo d'inspiration à côté de votre espace de travail. Même si nous n'utilisons pas vraiment dans l'illustration, cela aide d'avoir les images comme références rapides.


Étape 3a

Passons directement au dessin. Le dessin le plus fondamental de l'illustration est l'orange. Commencez par dessiner simplement un cercle. (Si vous êtes extrêmement novice dans Illustrator, utilisez l'outil Ellipse (L) tout en maintenant la touche Maj enfoncée.)


Étape 3b

Le fruit orange pourrait littéralement être juste un cercle rempli d'orange, mais pour vous assurer que ce n'est pas trop ennuyeux, dessinez un petit ovale orange légèrement plus foncé au-dessus du cercle. C'est tout; un fruit est déjà cuit, sous 2 formes! Peasy facile.


Étape 4a

Comme je l'ai dit, il y a 4 «processus» très basiques que j'utilise pour créer ce style d'illustration. Tout d'abord, ajouter ou combiner des formes ensemble. Pour créer le dessus du brocoli, combinez simplement des cercles de tailles variables les uns sur les autres. Faire cela, au lieu d'essayer de dessiner la forme avec l'outil crayon, aide à garder la cohérence visuelle.


Étape 4b

Ensuite, à l'aide de l'outil Rectangle arrondi, créez 3 rectangles et inclinez-les, l'un vertical et l'autre de chaque côté, comme des tiges de brocoli..


Étape 5a

Deuxièmement, soustraire des formes. Au lieu de dessiner des formes inhabituelles avec l'outil crayon, vous pouvez «soustraire» des formes simples les unes aux autres pour créer la forme dont vous avez besoin. Le poivron de banane est un bon exemple. Commencez par créer 2 cercles. À l’aide du Pathfinder, soustrayez le cercle supérieur (blanc) du cercle vert clair (Fenêtre> Pathfinder> Face avant)..


Étape 5b

Ensuite, à l'aide de l'outil Ajouter un point d'ancrage (+), ajoutez un point de chaque côté du poivron. Utilisation de l'outil Supprimer les points d'ancrage (-), supprimez les points dont vous n'avez pas besoin au-dessus des 2 points que vous venez de créer..


Étape 5c

Pour créer les 2 cercles superposés de feuilles et de vapeur, et dans la palette Pathfinder, sélectionnez l'option Intersection (Fenêtre> Pathfinder> Intersection). Ceci soustraira le côté et ne vous laissera que la zone de chevauchement; une forme de feuille parfaite. Ensuite, copiez et collez la même forme de feuille des deux côtés et utilisez l’outil Rectangle arrondi pour créer la tige. À l'aide de l'outil Sélection directe (flèche blanche), supprimez les points inutiles du rectangle (sélectionnez un point puis appuyez sur la touche Suppr). Boom, poivre banane.


Étape 6a

Le troisième processus que j'utilise consiste à ajouter des points d'ancrage à des emplacements stratégiques sur les formes, puis à supprimer les points inutiles. Par exemple, pour créer le citron, commencez par un ovale (créé à nouveau avec l'outil Ellipse) et ajoutez un point d'ancrage à l'un des côtés des points haut et bas de l'ovale à l'aide de l'outil Ajouter un point d'ancrage (+). Afin de garder les choses symétriques, il est utile de faire glisser un guide vers le point d'intersection souhaité et d'activer les guides intelligents (Affichage> Guides intelligents)..


Étape 6b

À l'aide de la flèche Sélection directe, déplacez les points haut et bas vers le haut et le bas respectivement (sélectionnez le point et appuyez sur les flèches haut ou bas). Pour finir, dessinez simplement un petit cercle sous la pointe du citron.


Étape 7a

Enfin, le quatrième "processus" super simple que je suggère est d'utiliser une mise à l'échelle subtile pour exprimer la superposition. Un bon exemple de ceci est un demi-pamplemousse. Commencez avec un cercle jaune (peau), copiez et collez devant (commande C, commande + F) un cercle blanc (peau intérieure) et redimensionnez-le à 95% (Ctrl + Clic> Échelle). Copiez et collez devant un autre cercle rose (pâte) (Commande + C, Commande + F) et redimensionnez cette valeur à 95% (Ctrl + Clic> Échelle). Pour finir, utilisez l’outil Ligne pour créer une ligne verticale, puis copiez et collez cette ligne 3 fois pour créer les sections de pâte. Tourner tout en maintenant la touche shift aidera à garder les sections symétriques.


Étape 7b

Notez également que j'ai ajouté une fin arrondie subtile aux lignes de section de la pulpe de pamplemousse. Je l'ai fait pour lui donner un élément supplémentaire pour décrire la forme.


Étape 8a

Montrer comment construire chaque fruit / légume serait extrêmement ennuyeux. C'est essentiellement le même processus, encore et encore, en utilisant simplement des formes et des couleurs différentes. Un bon moyen de voir comment j'ai créé les fruits et les légumes individuels est de regarder la vue d'ensemble. Remarquez à quel point les raisins ressemblent exactement au brocoli et sont fabriqués à partir d'une grappe de cercles superposés. En appliquant un simple trait sur quelques cercles, vous obtenez la "profondeur" qui décrit la grappe.


Étape 8b

Notez que le quartier de citron vert est presque identique au demi-pamplemousse, avec une coloration différente. La banane est de 3 formes; une grande forme jaune créée à partir de deux cercles se chevauchant (voir étape 5a.), une petite forme de triangle marron et une ligne courbée brun clair, copiée à partir de la forme jaune. Le champignon est un rectangle surmonté d'un demi-cercle. Simple, intelligent, subtil.


Étape 8c

Dessine les fruits et les légumes restants. Encore une fois, regardez comment les tranches d’avocat et de concombre sont construites de la même manière que le pamplemousse. La carotte est juste 2 formes, identique à l'orange. Les choux, peut-être mon préféré parmi les maux des fruits et des légumes, ne sont en fait qu’une ligne avec un accident vasculaire cérébral répété de nombreuses fois..


Étape 9

La couleur est essentielle dans ce style d'illustration; cela peut faire ou défaire la sensation générale de l'image. C'est assez facile avec ce sujet, car vous pouvez simplement faire référence à notre "photo d'inspiration". Comme vous pouvez le constater avec la banane, j’ai utilisé un jeu de couleurs assez réaliste. Dans l’ensemble, j’ai légèrement affiné la palette de couleurs afin qu’elle soit légèrement plus éclatante que les couleurs réelles..


Étape 10

Enfin, l’aspect le plus important de ce style d’illustration est la composition. Comme les fruits et les légumes sont si simples, il est impératif d’en maximiser la composition. La condensation de l'espace entre les fruits et les légumes aide à créer un intérêt visuel. Nouez votre illustration en dessinant une jolie couleur de fond bleu pastel.


Conclusion

Les quatre «processus» que j'ai présentés ici sont extrêmement basiques, mais il est parfois bon de revenir à la base et de penser à des choses simplement. N'oubliez pas que ce n'est pas la technique mais l'idée qui permet à une image de se distinguer des autres. Pratiquez votre visualisation et vous réaliserez d’étonnantes compositions vectorielles en un rien de temps.