Comment créer un scooter Vector Art Vintage dans Illustrator

Dans le tutoriel d'aujourd'hui, je vais vous montrer comment créer une illustration de scooter de vecteur vintage. Je vais vous montrer comment créer des dessins au trait simplifiés sans trop compliquer l'image. Vous apprendrez à créer une texture rapide en guise de touche finale à partir des ressources disponibles dans Adobe Illustrator. Apprenez à donner à votre travail une sensation d'art vectoriel vintage.


Étape 1

Je vais utiliser une image de stock comme référence dans ce tutoriel. Dans ce didacticiel, nous allons passer d'une image pixel standard à un graphique vintage bien usé et élégant. Commençons par créer ce vecteur rétro.

Je vais commencer le dessin au trait en dessinant des formes complètes qui ne nécessitent pas de lignes supplémentaires d’ailleurs pour compléter leur forme. Toute la ligne de travail, sauf indication contraire, sera un poids de course de 2 pts.

Lorsque vous effectuez une version de dessin au trait simplifiée à partir d'une image stock, vous voulez vous concentrer uniquement sur les éléments clés de la conception de l'objet. C’est un peu plus facile à dire qu’à faire quand il s’agit d’un équipement complexe comme un scooter… et encore plus si vous êtes comme moi et ne savez rien des scooters, à moins qu’ils aient deux roues. Nous pouvons voir un exemple de simplification d’un détail avec les rétroviseurs et briser.

Tant que lorsque vous regardez l'objet sur l'ensemble de l'illustration, vous pouvez le nommer ou en avoir une bonne idée, alors vous l'avez bien simplifié. Vous pouvez dire par ces formes que l’un est un rétroviseur et l’autre une rupture. Vous n'avez pas besoin de voir les côtes dans le travail du métal, ni la charnière dans la pause.


Étape 2

Maintenant, dessinez le reste des lignes de connexion. Assurez-vous que les guides intelligents sont activés (Commande + U), puis insérez le reste des éléments, à l'exception des roues, du pare-brise et des barres chromées à l'arrière..


Étape 3

Pour les roues, je vais utiliser l'outil Ellipse (L), puis l'outil de transformation libre (E) pour faire pivoter et modifier le cercle du pneu..

Puis dupliquez la forme et redimensionnez-la pour l’intérieur. Je vais garder les pneus simplifiés et ne pas dessiner avec des rayons intérieurs ou la suspension de la roue. Mon objectif est d'utiliser un trait épais pour la majorité des dessins au trait et si vous dessinez dans les moindres détails du scooter, les lignes auront l'air trop compliquées..


Étape 4

Lorsqu'un cercle est sélectionné pour la roue, utilisez l'outil Crayon (P) pour ajouter des points d'intersection des lignes avec le reste du corps à l'aide des guides intelligents (Commande + U)..


Étape 5

Avec l'outil de sélection directe (A), sélectionnez les lignes entre vos nouveaux points ajoutés et supprimez-les. Vous souhaitez supprimer les lignes qui se chevauchent sur le travail du corps du scooter.


Étape 6

Pour les barres chromées à l'arrière, je les ai dessinées avec un ensemble de lignes de poids de trait de 4 points, puis j'ai utilisé Objet> Développer pour transformer les traits en formes pleines..

J'ai ensuite attribué aux formes un poids de trait de 2 points et j'ai utilisé Pathfinder> Unite pour créer deux sections de barres chromées. Une barre doit être considérée comme se superposant à l'autre. J'ai ensuite utilisé la même méthode pour ajouter de nouveaux points avec l'outil Plume (P) et supprimer des points avec l'aide de l'outil Sélection directe (A) pour nettoyer les zones qui se chevauchent..


Étape 7

Sélectionnez Tout votre travail linéaire (Commande + A), puis utilisez le pot de peinture dynamique (K) pour remplir les zones. J'ai créé une palette de style vintage avec l'idée d'un corps en métal recouvert d'émail et d'un siège en cuir usé. Après avoir rempli chaque forme, j'ai sélectionné le groupe Peinture vivante et modifié la couleur du trait en blanc..


Étape 8

Pour donner plus de définition au scooter, je vais ajouter quelques lignes de 0,5 pt de poids autour du corps et du siège. Encore une fois, utilisez Smart Guides (Command + U) pour vous aider à intersecter les lignes.


Étape 9

Pour les lignes sur le siège, je vais créer un effet de point. Dans le panneau Apparence, cliquez sur le bouton Ajouter un nouvel effet et accédez à Chemin> Chemin décalé et décalé de 1 pt. Cela créera un effet de double ligne avec 1 pt entre les deux. Ensuite, dans le panneau Contour, je vais activer les tirets et entrer la valeur 2pt.


Étape 10

Je vais tracer des lignes supplémentaires sur le travail du corps pour créer des reflets dans l'émail. Il aura la même couleur de trait, mais avec l’écran du mode Fusion et l’opacité 50%. En fonction de l'emplacement de la ligne, déterminera son poids de trait (jusqu'à 4 pt) et son profil. Par exemple, sur le passage de roue car il s’agit d’une grande surface, c’est un coup 4 pt. Comme la ligne ne se croise pas entre elle, elle utilise un profil fuselé aux deux extrémités (Profil de largeur 1)..

Avec la même méthode consistant à utiliser des lignes de la même couleur, j'ai ajouté des rehauts au siège et à la roue. Avec l'ajout de créer une ligne pointillée de 4 points le long du pneu pour ajouter un petit détail supplémentaire.


Étape 11

La brillance sur le chrome est un peu plus complexe et pour cela, je vais utiliser l'outil Plume (P) pour créer des formes moins uniformes. Ces reflets auront un remplissage gris clair (C = 0, M = 0, Y = 0, K = 20) et seront réglés sur l’écran du mode de fusion avec une opacité de 55%..


Étape 12

J'ai sauté deux éléments de l'illustration. Les premiers sont les poignées de pied. Ceux-ci ont un poids de 1 pt (au lieu de 2 pt). J'ai besoin d'inclure ces petits éléments, car ils aident à donner au pied une forme (je vous ai dit que je ne connais rien aux scooters!). Si je devais utiliser un poids de course de 2 points, la zone peut sembler un peu trop encombrée.

Le prochain est le pare-brise. Le verre / la partie centrale de la forme devront être transparents, tandis que les dessins au trait devront conserver une opacité de 100%. Vous pouvez le modifier via le panneau Apparence et accéder aux options d’opacité individuelles du remplissage..


Étape 13

Ajoutez maintenant un arrière-plan rapide à l’illustration à l’aide de l’outil Ellipse (L) pour créer un cercle avec un remplissage bleu et un trait bleu sarcelle de 100 points. Pour lui donner une sensation sixties, je vais lui donner un trait inégal en appliquant un profil… spécifiquement Width Profile 6.


Étape 14

J'ai décidé d'ajouter un rectangle bleu (M) derrière le cercle, puis de changer la couleur de trait du cercle en blanc pour correspondre au dessin au trait du scooter. Cependant, en changeant cela, j'ai décidé de modifier les couleurs globales de l'illustration. Je l'ai fait en ajoutant un rectangle supplémentaire (M) sur tous les éléments du scooter avec un remplissage de couleur pêche (C = 0, M = 50, Y = 47, K = 0) et en le réglant sur Mode de fusion Graver avec opacité 100 %.


Étape 15

Pour ajouter une texture simple et rapide au-dessus, je vais utiliser l'outil Pinceau (B) pour tracer des traits sur le canevas avec un poids de trait blanc de 20 points et une opacité de 5%. Le pinceau que j'utilise s'appelle "Chalk - Scribble" et se trouve dans le menu d'exploration du panneau Pinceau et dans Ouvrir Bibliothèque de pinceaux> Artistique> Artistic_ChalkCharcoalPencil.


Étape 16

En regardant l'illustration, je ne peux pas m'empêcher de sentir que le scooter est perdu à l'arrière-plan - je veux donc jouer avec les couleurs du scooter. Je vais le faire rapidement en dupliquant toutes les formes et les lignes du scooter et de l'objet> en les développant.

Ensuite, en utilisant Pathfinder> Unite pour créer un grand chemin composé.


Étape 17

J'ai donné à cette forme un remplissage brun foncé (C = 55, M = 60, Y = 65, K = 40) et changé le mode de fusion en Saturation. Pour que le scooter se démarque plus loin, j'ai ajouté un trait aligné de 3 pt à l'extérieur avec la nuance bleue, réglé sur Multiplier les modes de fusion et Opacité 50%..


Étape 18

Pour l'aider à se démarquer davantage, j'ai ajouté des lignes «Craie - Gribouillis» sous le scooter avec un trait bleu et un poids de trait de 20 points, réglé sur Multiplier le mode de fusion et l'opacité de 10%. Cela ajoutera de la texture à l'arrière-plan et non au-dessus du scooter. Cela ajoutera également une texture plus sombre au cercle blanc.


Étape 19

Enfin, à l’aide de l’artboard (Shift + O), j’ai veillé à ce que la planche d’art soit un carré uniforme en centrant d’abord la planche graphique, puis en modifiant les valeurs de largeur et de hauteur..


Conclusion

J'espère que vous avez apprécié le didacticiel d'aujourd'hui sur la création d'une illustration graphique vectorielle rétro. Vous prenez ce flux de travail et ces astuces et vous les appliquez pour créer des illustrations basées sur des dessins au trait avec une touche vintage vectorielle..