9 trucs et astuces pour rendre n'importe quoi en vecteur

Avez-vous déjà regardé quelque chose et pensé: "Cela aurait l'air génial en vecteur", mais vous ne savez même pas par où commencer? 

La moitié du combat consiste à connaître le programme vectoriel de votre choix et le reste consiste à décomposer des scènes, des objets et plus encore en éléments gérables. Il s'agit de savoir quelles zones vous pouvez créer plus facilement avec des outils vectoriels, ce qui réduira votre flux de travail et améliorera l'apparence générale de votre rendu..

Dans cet article, je vais vous montrer quelques astuces utiles pour apprendre à "voir en vecteur" et pour pouvoir restituer n'importe quoi en vecteur.. 

1. Décomposez votre composition en formes de base

Lorsque vous souhaitez aborder un sujet, envisagez de le décomposer en formes de base..

Les formes de base sont des formes qui représentent les zones centrales d'un dessin. Ils sont parfaits pour la création, car vous pouvez obtenir une bonne impression de la composition globale basée uniquement sur ces formes de couleur plates. 

Une fois que vous avez décomposé l’image en formes de base, vous pouvez ensuite voir comment chaque zone doit être rendue. En utilisant des formes de base, vous éviterez de vous écraser.

Dans la majorité de mes tutoriels qui fonctionnent à partir d'une image stock, ma première étape consistera toujours à marquer mes formes de base, puis à partir de là. Bien que de nombreux domaines de mon processus aient peut-être changé, cette étape n’a pas pris plus de dix ans.. 

Vectorisation des cheveux courts dans une illustration d'espace négatif dans Adobe Illustrator

2. Ne rejetez pas les formes géométriques de base

Je travaille beaucoup à partir d'images de stock, bien que ce ne soit bien sûr pas la seule façon d'aborder une illustration. Il y a beaucoup d'illustrateurs qui n'ont pas besoin de regarder des images de stock. Ils travaillent à partir de croquis et de leur imagination. Lorsque vous travaillez de cette manière et que vous n'avez pas de formes de base précises à suivre, ne négligez pas les formes de base. Je parle de cercles, de rectangles, de triangles. Mais tout n'est pas en réalité une forme parfaite. 

Comme je l'ai dit au début, connaître le programme de vecteurs de votre choix est une partie du travail, et vous devez penser à des effets qui déforment facilement les formes de base en formes dont vous avez besoin. Non seulement créerez-vous des formes épurées, mais vous gagnerez également du temps.

Les tutoriels de Nataliya Dolotko sont d'excellents exemples de cette technique. La majorité de ses tutoriels utilisent des formes géométriques de base et des effets Warp pour créer des formes complexes. Mon préféré est sa scène de salon où la majorité de l'illustration utilise une forme de base. Peux-tu deviner?

Alerte spoiler: l'outil Rectangle (M)

3. Rechercher des éléments récurrents

De nombreux objets et scènes ont des éléments répétitifs. Être capable de les repérer vous fera gagner du temps dans le flux de travail. Si vous optez pour un aspect réaliste, apprenez à dupliquer des éléments, puis à les modifier (couleur, texture, taille ou rotation) pour les rendre uniques. Il n'y a rien de pire qu'un rendu réaliste et que les éléments ressemblent à des copies conformes. Cependant, si vous travaillez avec quelque chose de beaucoup plus simple, il n'y a aucune honte à copier-coller (ou à utiliser des effets de transformation intelligents).

Dans Comment créer un effet de texte Lego 3D dans Adobe Illustrator, il est évident que les briques sont constituées d'éléments répétés. Cependant, la finesse consiste à faire en sorte que tous les angles et toutes les tailles des briques soient restitués séparément, puis réunis en doublons..

Comment créer un effet de texte Lego 3D dans Adobe Illustrator

Ce formidable tutoriel sur la création d’une scène de dessin animé avec des formes répétées dans Illustrator est un autre excellent exemple de répétition d’éléments. Remarquez comment les groupes de formes sont dupliqués, puis modifiés par l'échelle et la couleur pour ajouter de la variété.

Créer une scène d'ours de dessin animé à l'aide de formes répétitives dans Illustrator

4. Apprenez comment les pinceaux permettent de gagner du temps

Comme les éléments répétés, les brosses peuvent fonctionner de la même manière. Si vous pouvez identifier un objet simple utilisé maintes et maintes fois, considérez qu'il peut être plus facile de le transformer en pinceau. J'adore les pinceaux et j'adore voir les moyens créatifs de les utiliser pour créer des illustrations et en faire parfois le cœur de l'illustration..

Un bon exemple est mon tutoriel de chat de nuit. Si vous regardez dans le ciel, nous avons des étoiles. Il serait fastidieux de créer chaque étoile individuellement, mais avec l'utilisation d'un pinceau à dispersion, vous pouvez créer des étoiles de tailles et d'espacements variés en un rien de temps. La clôture dans ceci est également un bon exemple de la façon d’utiliser des formes de base et des éléments récurrents à l’aide de Blends.!

Jouez avec les mélanges et le traçage d'image pour créer une scène de chat simple dans Adobe Illustrator

Les pinceaux peuvent également vous aider avec d’autres petits détails dans une composition. Bien que ce tutoriel d’Andrei Marius (en fait, beaucoup de ses tutoriels montrent de nombreuses façons d’utiliser les pinceaux de manière créative) est centré sur la création d’un effet de texte avec une corde, mais il illustre parfaitement comment prendre quelque chose d'aussi petit qu'une corde, peut-être un petit détail dans un dessin , peut être fait rapidement et efficacement avec une brosse.

Utiliser un pinceau à motif pour créer un effet de texte de corde dans Illustrator

Cependant, si vous voulez vraiment pousser votre créativité avec les pinceaux, pensez à consulter ce tutoriel sur la création d'un pinceau serpent. Bien que beaucoup de travail ait été consacré à la création d'un seul serpent, imaginez si un client souhaitait une illustration massive de plusieurs serpents et si chaque serpent devait être aussi élégant que le précédent. Ah, Pattern Brushes… une telle fonction merveilleuse. 

Créer un pinceau à motif serpent détaillé dans Adobe Illustrator

Je pourrais vraiment parler encore et encore des pinceaux, mais examinons un autre aspect que vous ne pouvez pas prendre en compte lorsque vous voyez des motifs se répéter.

5. Y a-t-il des textures?? 

Dans un monde idéal, tout serait plat. Il n'y aurait pas de textures. Cela rendrait les choses tellement plus faciles. Mais nous ne vivons pas dans ce genre de monde. Les surfaces ont des textures. Heureusement, il existe différentes manières de rendre des textures en vecteur. Jetons un coup d'oeil à certains d'entre eux.

Créer une texture à partir de motifs

La texture peut être créée en utilisant des motifs vectoriels. Le bois est l’un des domaines dans lequel vous pouvez gagner du temps en utilisant un motif. Découvrez ce tutoriel sur la création d'un motif en osier, qui est un excellent exemple de texture pouvant être créée dans un motif.. 

Astuce: Comment créer un motif en osier sans couture dans Adobe Illustrator

Créer une texture à partir d'effets

Dans Adobe Illustrator, il existe une variété d’effets Photoshop qui peuvent être utilisés pour ajouter à votre travail quelque chose d’une surface sale à un effet de grain. Dans ce didacticiel, nous examinons l’ajout d’effets de grain et d’éponge pour créer une texture de pierre..

Comment créer une illustration de pierre tombale sombre dans Adobe Illustrator

Créer une texture à partir de pinceaux

Je ne rigolais pas, j'adore les pinceaux! Voici un tutoriel que j'ai créé il y a quelque temps sur l'utilisation des pinceaux pour créer un motif à effet grunge, puis Style graphique.. 

Toutes les textures ne sont pas symétriques, pensez donc à utiliser des pinceaux lorsque la texture doit être différente dans certaines zones..

Astuce: comment créer un style graphique de texture de papier Grunge dans Illustrator

6. Parler des effets symétriques…

Si vous avez une ou plusieurs formes qui semblent être du même style le long d'une ligne ou d'une forme, envisagez de créer des styles graphiques pour rendre la forme. Cela aidera à créer une apparence propre, même à ces éléments, et vous fera gagner du temps.. 

J'ai quelques exemples de l'utilisation de styles graphiques et du panneau Apparence pour rendre des objets aléatoires. Essayons un simple fruit de kiwi fabriqué à partir d'une forme.

Comme vous pouvez le constater, dans une forme proche et uniforme, le kiwi prend les mêmes couches de l’extérieur vers l’intérieur. Vous saurez que vous pouvez créer un style graphique pour un objet lorsque vous pouvez couper une section de la forme et que cela peut faire partie de la forme générale..

Créer un kiwi en tranches avec une seule forme dans Adobe Illustrator

Cependant, la forme ne doit pas nécessairement être une ellipse parfaite. Pourquoi ne pas créer un avocat à partir d'une seule forme? Les avocats ne sont pas une forme régulière. C’est encore le cas lorsque vous savez que votre programme vectoriel est un atout… la pierre du fruit est créée à l’aide des effets Convertir en forme et en distorsion..

Créer un avocat avec une seule forme dans Adobe Illustrator

Prenez des styles graphiques plus loin. Certaines images peuvent être composées en utilisant principalement le panneau Apparence… Je devrais le savoir, j'ai créé cette scène de cuisine en utilisant principalement les styles graphiques et le panneau Apparence!

Utilisation du panneau d'apparence pour créer une illustration de cuisine

7. Les raccourcis créatifs ne trompent pas

Lorsque nous pensons à "tricher" en termes de vecteur, nous pensons peut-être à utiliser des outils tels que le traçage d'image. C'est "tricher" de créer une image juste à partir d'Image Tracer une image de stock et la vendre au client, non? Bien sûr, il est contraire à l'éthique de faire une telle chose.

Cependant, certaines instances "directement du stock" créent des détails subtils dans votre travail, ce qui ne veut pas dire "tricher". 

Créer un fond avec une trace d'image

La première consiste à utiliser le traçage d'image pour créer un détail d'arrière-plan. Ce n'est pas l'objet principal de l'image, mais bien le chat, mais l'arbre en arrière-plan sert à ajouter une atmosphère à l'illustration..

Créer un chat Halloween moelleux à l'aide de l'outil Pinceau et des dégradés

Créer un arrière-plan à l'aide d'un filet de dégradé

Si l'arrière-plan est un détail mineur, pourquoi ne pas créer un arrière-plan défocalisé à l'aide du filet de dégradé? Ce tutoriel vous montre comment en créer une à partir d'une photo basse résolution. 

Conseil rapide: création d’un arrière-plan déconcentré facile avec un filet de dégradé

8. Ne pas trop compliquer la tâche

Même avec des rendus détaillés, il n'est pas nécessaire d'illustrer chaque élément pour créer une image complète. Un exemple extrême de ceci est quand j'ai utilisé l'espace négatif pour remplir le reste d'un graphique que j'ai fait de ma chienne, Shelley, quand elle était chiot.. 

Je n'avais pas besoin de rendre toute sa fourrure, parce que l'arrière-plan me le permettait. J'ai simplement ajouté des rehauts et des ombres dans le rouge pour lui donner forme. 

Créez un chiot adorable avec un espace négatif et l'outil Pinceau

Si vous avez un brief qui rend un objet ou une scène spécifique avec des détails spécifiques, respectez-le. Ne pas trop compliquer les choses et bombarder le spectateur. 

Avez-vous vraiment besoin d'ajouter tous ces poils volants? Avez-vous vraiment besoin de montrer la texture d'une très petite zone? Avez-vous vraiment besoin de montrer la fissure dans le verre sur l'étagère lorsque vous illustrez une composition plus grande? Oui, nous devrions nous concentrer sur les petits détails, mais pas sur les détails inutiles, ce qui finit par créer des encombrements et des fichiers volumineux.. 

9. Gardez-le cohérent

Le but de cet article était de décomposer les problèmes en éléments plus faciles à gérer. Cependant, il y a une dernière chose à souligner, et c'est probablement la plus importante. C'est-à-dire, maintenez votre style de composition cohérent. 

Même si vous traitez chaque objet différemment, souvenez-vous qu’ils appartiennent au même motif et qu’ils doivent travailler ensemble de manière cohérente afin que cela ne ressemble pas à un mélange d’objets indépendants..

Il y a quelques points à garder à l'esprit avec celui-ci:

• Utilisez des dessins au trait dans tous les domaines ou pas du tout. Gardez un œil sur les styles de base tels que les dessins au trait pour définir les zones. Si vous allez l'utiliser, utilisez-le tout au long de votre création.
• Utilisez la même palette tout au long. L'introduction de nouvelles couleurs dans un seul domaine peut faire ressortir cet élément comme un pouce endolori..
• Rappelez-vous comment la lumière interagit avec votre illustration. L’un des signes révélateurs d’une composition cousue est l’inclusion d’objets qui semblent avoir différentes sources de lumière.. 

Testez vos connaissances en regardant Stock Images ou votre environnement

Je ne plaisante pas quand je dis que je vois en vecteur. Je vais faire une promenade, briser des objets que je ne rencontre pas d'habitude et penser à la façon dont je les rendrais. Alors regardons quelques images de stock et mettons toutes ces théories en pratique. Je vais commencer par un facile… regarde l'image et vois comment tu la rendrais.

Rappelez-vous, il y a plus d'une façon d'aborder les choses, et ce que je ferais peut ne pas être ce que fait la personne suivante. Cela étant dit, je voudrais aborder ceci comme suit:

• Formes de base et pas trop compliquer: Je briserais l'image en formes de base pour l'herbe verte et le ciel uniquement. Je peux montrer une légère bosse là où l'horizon rencontre le ciel, mais je n'ai pas besoin d'illustrer chaque bosse et bosse, juste assez pour montrer que c'est une surface organique.
• Éléments répétés: Les arbres peuvent être considérés comme des éléments récurrents… ils sont si petits dans le contexte de l'image qu'ils ne nécessitent pas de rendu individuel à partir de rien. Je serais tenté de créer peut-être deux ou trois types de feuillage, puis d'ajouter des coups de pinceau subtils aux doublons pour les rendre uniques..
• Les textures: L'herbe est une texture évidente et cela me fait toujours penser à ce tutoriel génial sur le rendu de l'herbe. Cependant, je serais tenté d'utiliser un motif de remplissage avec un effet de chaîne pour créer une perspective, puis de dessiner des brins d'herbe individuels au premier plan pour le rendre moins semblable à un motif..
• Styles graphiques: La balle peut être créée à l'aide de styles graphiques, de dégradés pour créer de la profondeur et d'un motif pour créer l'effet de fossette.
• Ahh, mais qu'en est-il des nuages? Eh bien, je voudrais utiliser une combinaison de la pointe pour utiliser un fond défocalisé et utiliser des traits de pinceau doux de soies pour créer une texture douce.

Essayons donc une autre image, plus difficile. Bien sûr, je pourrais être ici à jamais pour décrire la façon dont je l'aborderais, mais l'exercice consiste à sélectionner les objets et surfaces de base de l'image. Comment aborderiez-vous l'image ci-dessous d'un groupe de personnes du point de vue d'oiseau?

Il est temps de décomposer cela:

• Formes de base et désencombrement: Les formes de base pour la plupart des choses seront créées, mais peut-être juste une tasse de café. Avons-nous besoin de huit personnes à la table ou l'illustration fonctionnera-t-elle avec seulement six personnes? Pas tout à fait sûr de ce que le triangle blanc est, peut-être une serviette de table ou quelque chose? Je ne sais pas ce que c'est, je l'exclurais donc des formes de base. Beaucoup de ces formes sont des formes géométriques… l'ordinateur portable, la table, les verres, les tasses et même considérer le pot de plante sous le basilic.
• Textures et motifs: Le motif / texture évident ici est la surface de la table. Je n'aurais pas besoin de restituer toute la texture, juste assez pour montrer que ce sont des panneaux de bois qui font la surface de la table. Peut-être que certains effets de grain pourraient être utilisés dans les vêtements pour donner une impression de texture. Je ne mettrais certainement pas la chemise à carreaux en bas au centre ni les détails du denim en haut au centre, car je sens que cela pourrait compliquer excessivement l'illustration..
• Éléments répétés: Il y a un élément de répétition ici, et c'est les tasses à café. Ils pourraient être rendus avec un style graphique et ensuite peut-être deux formes sur chacune pour les rendre uniques. La même chose s'applique aux verres d'eau.
• Des pinceaux: Il semble y avoir un basilic au milieu de la table. Je pourrais peut-être créer un pinceau d’art sur une feuille de basilic et en tirer les feuilles, ce qui signifie que je n’aurais besoin que de restituer une feuille, puis de créer le pinceau..
• Raccourcis créatifs: Des fonctions telles que le clavier et le journal peuvent être réalisées avec Image Trace, évitant ainsi de créer ces formes individuellement mais donnant tout de même une impression des objets qu’elles sont censées être.. 

J'espère que cet article vous a montré comment vous pouvez vectoriser n'importe quoi. Si vous voulez tester moi-même ou quelqu'un d’autre dans les commentaires, pourquoi ne pas télécharger une image et voir si les gens peuvent vous dire comment procéder pour la rendre? Ou si vous avez du mal à rendre quelque chose, demandez peut-être dans les commentaires si la communauté peut vous aider. Bonne vectorisation!