Créer une illustration de concept d'espadrille en vecteur

Dans le tutoriel d'aujourd'hui, je vais vous montrer comment créer une illustration conceptuelle d'espadrille ayant un aspect commercial. Je suis inspiré par le style kawaii, que vous pouvez voir dans différents domaines des communautés populaires d’art vectoriel. J'ai utilisé un style cohérent de lueur interne de vecteur via le panneau Apparence que vous apprendrez ici.


Étape 1

Je vais configurer mon nouveau document comme d'habitude, avec un calque pour l'image de référence, un calque "BG" pour un rectangle de remplissage blanc (M) défini sur Opacité à 50%, avec des calques pour "Dessin au trait" et esquisse.



Étape 2

Je vais utiliser l'outil Pinceau Blob (Maj + B) pour faire mes croquis, mais je vais d'abord modifier les paramètres de l'outil pour qu'il tire parti de ma tablette graphique..

Pour ce faire, double-cliquez sur l'icône Outil Pinceau Blob dans la barre d'outils pour afficher la boîte de dialogue Options de l'outil Pinceau Blob. J'ai modifié le paramètre "Taille" sur 2 points et sélectionné "Pression" dans le menu déroulant. J'ai ensuite changé la "Variation" à 2 pt. Cliquez sur OK une fois terminé.


Ensuite, j'ai esquissé le concept de base que j'avais en tête. J'ai dessiné chacun des éléments dans une couleur différente, puis je les ai groupés (Commande + G) pour les déplacer plus facilement là où j'en avais besoin.



Étape 3

Nous allons maintenant commencer à dessiner le dessin au trait pour les baskets. Je vais utiliser les traits noirs tout au long des étapes initiales. Je vais montrer quelques traits de couleurs différentes, mais ce n'est que pour vous montrer quelles lignes et quelles formes ont été dessinées séparément.

Je vais commencer par dessiner le contour général de la basket avec un poids de course de 2 points. Cette forme initiale aura un remplissage blanc, alors que tout le reste n'aura pas de remplissage.



Étape 4

Pour les renfoncements dans la semelle de la chaussure, je vais utiliser l'outil de segment de ligne (\) pour tracer quatre petites lignes avec un poids de trait de 4 points et des bouchons arrondis. Je vais ensuite les sélectionner et aller dans Objet> Développer pour les convertir en formes.


Je vais ensuite utiliser le panneau Pathfinder pour atténuer les quatre formes arrondies de la plus grande forme de baskets.



Étape 5

Maintenant, dessinez le reste des lignes de la basket. Ces lignes auront un poids de trait de 0,75 pt. Cependant, il y a des endroits où vous pouvez voir le côté du cuir qui se chevauche de la chaussure.

Avec cela, j'ai utilisé des traits de 0,75 pt pour la surface supérieure du cuir, puis un trait de 0,25 pt pour le bas du côté de la surface. Comme toujours, pour faciliter les dessins au trait, utilisez les repères intelligents (Commande + U) pour les lignes qui se croisent..


Une fois que vous avez tracé les lignes qui divisent la chaussure, vous remarquerez que là où certaines lignes se croisent, les coins peuvent ne pas correspondre. Vous devrez peut-être déplacer les lignes de certains coins directs pour les aligner plus haut. Cela donnera simplement un aspect plus net au dessin au trait..



Étape 6

Pour les trous de dentelle, j'ai utilisé l'outil Ellipse (L). J'ai d'abord dessiné la première forme pour l'extérieur du trou de la dentelle, puis j'ai utilisé l'outil de transformation libre (E) pour faire pivoter et modifier l'ellipse. Ensuite, j'ai dupliqué la forme et réduit sa taille avec l'outil Free Transform Tool (E). Ces lignes sont définies sur 0,75 pt..



Étape 7

Les lacets eux-mêmes peuvent être un peu délicats, mais en suivant l’image stock et en comprenant quel morceau se chevauche, vous devriez pouvoir dessiner des formes pour chaque partie de la dentelle entrecroisée dans la zone de la langue. Vous remarquerez que j'ai mis en évidence l'une des lignes le long du bord de la langue. Dupliquer cette ligne et créer une forme à partir de celle-ci.


Ne vous inquiétez pas des chevauchements de lacets. Pour remédier à ce problème, utilisez la forme que vous venez de recréer et utilisez-la pour Pathfinder> Minus Front sur les formes appropriées. Maintenant, faites attention en faisant cela, je dois admettre qu'il m'a fallu plusieurs essais pour m'assurer d'avoir les sections de dentelle correctes! Rappelez-vous toujours de modifier> Annuler (Commande + Z) ou même de dupliquer des formes en cas de doute. J'ai en fait un programme programmé sur l'un des boutons de mon stylet.


J'ai ensuite dessiné le long des lacets avec un trait de 0,25 pt pour plus de détails.



Étape 8

À l’aide de l’esquisse, j’ai dessiné la dentelle avec un bourrelet blanc et un trait noir de 0,75 pt à l’aide du stylo (P). Puis, à l'aide de l'outil Largeur (Maj + W), j'ai augmenté la taille de la largeur du trait situé en bas à 2 points. J'ai ensuite maintenu le poids de trait de 0,75 pt constant du milieu au milieu de la dentelle, ainsi, à partir du milieu de la dentelle, il augmentera lentement jusqu'à 2 points..



Étape 9

J'ai ajouté la dentelle derrière la chaussure, avec un poids de trait de 0,75 pt et un trait de 0,25 pt pour les détails.



Étape 10

Tracez un fond uniforme blanc avec l'outil Ellipse (L) et ajoutez un trait noir de 0,75 pt. Allez à Effet> Déformer et transformer> Roughen et utilisez les valeurs ci-dessous. Cela va créer l'effet de base pour un arbre de style bande dessinée.


J'ai ensuite utilisé l'outil de transformation libre (E) et l'outil de sélection directe (A) pour modifier la forme de l'arbre, comme indiqué ci-dessous. Enfin, j'ai ajouté un rectangle modifié (M) avec un fond incurvé pour le tronc sous les feuilles..



Étape 11

J'ai regroupé les deux éléments de l'arborescence (Commande + G), puis je l'ai dupliqué. J'ai ensuite utilisé l'outil de transformation libre (E) pour modifier l'échelle de l'arbre. L'effet Roughen, qui se trouve au sommet / aux feuilles de l'arbre, s'ajustera automatiquement avec le redimensionnement; par conséquent, cela aidera à rendre les arbres différents les uns des autres. Le redimensionnement des arbres a également contribué à créer une illusion de perspective et à donner l’impression que nous avons une énorme chaussure de sport..



Étape 12

Pour le fond, j'ai ajouté trois Ellipses (L) avec un remplissage blanc et un trait noir de 2 points. Ensuite, je mets un rectangle blanc (M) sur le dessus avec un trait nul.



Étape 13

J'ai utilisé l'outil Artboard (Maj + O) pour modifier les dimensions de la planche graphique. Tout au long de l'illustration, je voudrais masquer et montrer le plan de travail en allant dans Affichage> Afficher / Masquer le plan de travail.

Pendant que je monte une illustration, j'essaie de ne pas être limité par les dimensions et de travailler beaucoup plus librement avec l'espace de la toile. Ensuite, je modifierai la planche d’art et la rend visible pour me donner une bonne idée de la manière dont la composition finale peut être assemblée..



Étape 14

Les nuages ​​sont constitués de plusieurs cercles que j'ai créés avec l'outil Ellipse (L). J'ai ensuite utilisé Align> Vertical Align Bottom puis Pathfinder> Unite pour créer une forme. Avec l'outil crayon (P), j'ai ensuite supprimé les points situés le long du bas de la forme du nuage.


J'ai créé plusieurs de ces formes de nuage pour les rendre plus aléatoires, puis je les ai dupliquées et regroupées avec d'autres formes de nuage (Commande + G). Une fois cela fait, placez-les autour du ciel avec un remplissage blanc et un trait noir de 0,75 pt.



Étape 15

Pour la route, j'ai créé une ligne en pointillé rapide. Je n'ai pas utilisé l'option Ligne en pointillé dans le panneau Contour, car elle ne correspondait pas à la perspective de la route. J'ai dessiné une ligne d'épaisseur de trait de 10 points avec le profil "Profil de largeur 4" attaché pour créer l'effet de tapering.


Ensuite, allez à Objet> Développer pour développer le trait en une forme. Donnez-lui un remplissage blanc et un trait noir de 0,25 pt.


J'ai ensuite utilisé l'outil Gomme (Maj + E) pour supprimer des sections de la ligne afin de créer le tiret. Vous devez vous assurer que toutes les autres formes sont verrouillées, sinon vous finirez par effacer des morceaux de celles-ci.!



Étape 16

Comme je vais pour une illustration qui ressemble vraiment à un dessin animé, je vais ajouter un soleil de style kawaii au fromage. Pour ce faire, je vais dessiner un remplissage blanc, un cercle de trait noir de 0,75 pt avec l'outil Ellipse (L), puis ajouter deux cercles de remplissage noirs pour les yeux et une demi-ellipse pour la bouche. Pour le look kawaii, les yeux et la bouche sont le long de la même ligne horizontale et au sud du milieu de la forme..


J'ai dupliqué la bouche en demi-cercle et utilisé Pathfinder> Intersection avec un rectangle arrondi pour produire la langue. Cela aura un trait noir de 0,75 pt et un remplissage blanc.



Étape 17

Pour les rayons du soleil, j'ai tracé une ligne horizontale avec l'outil Segment de ligne (\) à l'aide d'un profil de largeur et poids de trait de 80 pt 4. Je suis ensuite allé à Objet> Développer pour en faire une forme et lui donner une remplissage blanc et un trait noir 0.25pt.


En utilisant Effet> Déformer et transformer> Transformer, je l'ai dupliqué 17 fois à un angle de 20 degrés à partir du côté gauche du centre et j'ai cliqué sur OK..



Étape 18

Pour terminer notre dessin au trait, je vais ajouter une ligne en pointillé autour de la chaussure pour la couture..



Étape 19

J'ai commencé à colorier le dessin au trait. Pour la sneaker, j'ai créé un groupe de toutes les lignes (Commande + G), puis j'ai utilisé le pot de peinture dynamique (K) pour ajouter des couleurs à la sneaker. Pour le reste de l'illustration, je viens d'utiliser l'outil de sélection directe (A) et de remplacer les surfaces blanches. Pour les rayons de lumière, je lui ai donné un remplissage blanc et juste réduit l'opacité à 50%.



Étape 20

Pour chaque partie de l'illustration, je vais ajouter un ombrage similaire via le panneau Apparence. J'ajouterai une lueur interne vectorielle, similaire à l'ombre portée que j'ai créée dans ce didacticiel. Il s'agit de dupliquer un trait aligné à l'intérieur et d'augmenter progressivement le poids du trait, tout en utilisant Multiplier le mode de fusion et une opacité plus faible. Faites attention aux captures d'écran car certains éléments utiliseront différents pourcentages d'opacités..

L'arbre / les feuilles utiliseront les paramètres du panneau Apparence ci-dessous:


Et puis le coffre:



Étape 21

Pour un effet de bande dessinée détaillant les feuilles de l'arbre, j'ai utilisé l'outil Pinceau Blob (Maj + B) pour ajouter des lignes crêpées sur la forme avec un remplissage vert clair et une opacité de 50%..



Étape 22

Pour le soleil, j'ai utilisé un trait aligné à l'intérieur jaune de 2 pt au-dessus d'un dégradé radial magenta à jaune.


La langue j'ai utilisé un style similaire, cette fois avec un dégradé radial blanc à violet.



Étape 23

Pour les nuages, j'ai utilisé l'effet de rayonnement intérieur vectoriel avec trois duplications dupliquées, Opacité 10%, Multiplication du mode de fusion, et des traits alignés de 1 pt, 2 pt et 3 pt. J'ai utilisé un subtil dégradé radial allant du blanc au bleu clair pour ajouter un léger effet bleu au remplissage des nuages..



Étape 24

J'ai utilisé le même effet avec les collines avec un léger changement. Je suis dupliqué dans des traits alignés pour 2 pt, 3 pt, 4 pt et 5 pt réglés sur le mode de fusion Multiplier avec une opacité de 10%. Ensuite, deux courses supplémentaires à 7 pt et 9 pt. Le poids réglé sur le mode Fusion se multiplient et l'opacité à 5% pour donner un contour plus doux à l'effet de lueur interne.


Pour la colline à l'arrière, j'ai ajouté un remplissage supplémentaire d'un dégradé radial allant du blanc au vert foncé, défini sur Multiplier le mode de fusion et l'opacité à 40%..



Étape 25

J'ai utilisé le processus de rayonnement intérieur vectorielle pour la dentelle / la route et le motif "USGS 21 Intricate Surface" pour lui donner une texture subtile. Vous pouvez le trouver en allant dans le menu déroulant du panneau Swatch, puis dans Ouvrir la bibliothèque Swatch> Patterns> Basic Graphics> Basic Graphics_Textures..



Étape 26

Avec la sneaker, dupliquez le groupe Live Paint puis Objet> Développer (trait non collé). Vous aurez un groupe qui contient deux groupes, l'un sera le dessin au trait et l'autre les formes remplies.

Dupliquez le groupe de formes remplies, puis supprimez les formes de la semelle de la chaussure. Dans le panneau Apparence, je vais ajouter deux remplissages avec le motif "Toile de jute", que vous pouvez trouver dans la galerie Basic Graphics_Texture comme auparavant. Cependant, avec l'un des remplissages, je vais déplacer légèrement le motif en utilisant Objet> Transformer> Déplacer et en utilisant les paramètres ci-dessous..


La raison pour laquelle je fais ceci est qu'un remplissage va être défini sur Écran en mode Fusion avec une opacité de 20% et l'autre doit être défini sur Fusion, multiplication avec une opacité 10% S'ils se chevauchaient (sans utiliser le mouvement), cela annulerait l'effet que je veux créer..



Étape 27

En utilisant l’effet de rayonnement intérieur vectoriel, je vais l’appliquer à chacune des formes colorées de la chaussure. Utilisez l’Outil de sélection directe (A) pour sélectionner d’abord la couleur, puis sélectionnez Sélection> Identique> Couleur de remplissage pour obtenir toutes les formes ayant cette couleur de remplissage. Vous trouverez ci-dessous les paramètres du panneau Apparence pour chaque couleur:





Étape 28

L'intérieur de la chaussure suit le même processus, mais cette fois-ci avec un dégradé radial transparent gris supplémentaire vers le bas de la forme pour ajouter de l'ombre..


Le même dégradé est utilisé pour l'intérieur de la zone de la langue de la chaussure.



Étape 29

Les lacets restants utiliseront l’effet de lueur interne du vecteur.



Étape 30

J'ai modifié la couture de la basket en changeant la couleur du trait en blanc. Cependant, j'ai ajouté un contour subtil autour de la couture. Pour ce faire, j'ai dupliqué le trait et créé un trait gris avec une casquette ronde de 2 pt derrière un trait blanc avec une casquette ronde de 0,75 pt. Les deux traits sont une ligne pointillée de 3 points comme avant.

Vous devrez ensuite faire glisser le groupe de lignes pointillées dans le groupe de formes d'espadrille. Il devra être en dessous du dessin au trait et au-dessus des formes texturées en toile de jute.



Étape 31

J'ai changé la couleur de trait autour de la basket en gris foncé. Je veux toujours que la chaussure se démarque de tout le reste, mais j’ai senti que le contour noir était un peu trop puissant pour toute la chaussure. J'ai gardé le trait noir sur les lacets et route / dentelle.



Étape 32

J'ai utilisé un dégradé radial transparent gris comme remplissage dans une Ellipse (L) pour ajouter des ombres subtiles sous les arbres. Ceux-ci sont réglés sur Multiplier le mode de fusion et Opacité 50%.


J'ai utilisé les mêmes dégradés pour l'ombre sous la pointe de la chaussure et l'ombre portée par la dentelle. Ceux-ci sont réglés sur le mode de fusion Multiplier avec l'opacité 80%.



Étape 33

Je suis revenu à l’utilisation de l’Outil d’artboard (Shift + O) et modifié les dimensions en un format A4 portrait. Je voulais garder la hauteur de 600 pt, donc je devais savoir ce que la largeur devait être.

Comme je ne le savais pas, j’ai cherché sur Google le format de papier, qui faisait 210 x 297 en millimètres. 297 divisé par 210 est 1,4. Par conséquent, 600 divisé par 1,4 me donnera la largeur requise… 428 que j'ai entrés dans la valeur de la largeur. J'ai ensuite déplacé l'outil Artboard (Maj + O) autour de la toile vers le recadrage que je trouve le mieux..



Étape 34

Avec la nouvelle récolte, je vais changer l'emplacement de certains éléments. Cela inclut le soleil…


Ensuite, j'ai ajouté quelques arbres aux zones environnantes…


Et puis j'ai modifié le placement des nuages.



Étape 35

Enfin, j'ai ajouté un subtil dégradé radial bleu inversé et transparent défini sur Multiplier le mode de fusion pour ajouter une légère variation de couleur..



Conclusion

J'espère que vous avez apprécié le didacticiel Premium d'aujourd'hui sur la création de cette illustration conceptuelle. Je me suis beaucoup amusé à le créer et je me suis davantage intéressé à essayer un style graphique kawaii… peut-être pourrions-nous voir d'autres tutoriels plus tard!