Comment illustrer un vecteur, banc de rue

Nous allons construire un modèle vectoriel d'un banc de rue en bois, que l'on trouve généralement dans nos petites villes et nos villes pittoresques. Il est important de développer votre œil artistique à mesure que vous travaillez et étudiez les techniques importantes d'Adobe Illustrator. Amusons-nous tout en lisant le tutoriel et en créant vos propres œuvres exceptionnelles!


Étape 1

Prenez l'outil spirale et cliquez dans votre zone de travail. Spécifiez les options de l'outil comme indiqué dans la figure ci-dessous..

Vous recevrez le résultat suivant:

Faites-le pivoter, puis appliquez Objet> Transformer> Faire pivoter comme indiqué:


Étape 2

Utilisez l'outil de sélection directe (A) pour sélectionner le point d'ancrage le plus bas du chemin en spirale…

… Et faites pivoter ce point d'ancrage comme indiqué:

Puis déplacez ce point d'ancrage vers la gauche comme indiqué.


Étape 3

Changez la couleur de trait (si vous voulez) et le poids de trait.

Allez à Objet> Transformer> Refléter et créez une copie réfléchie du chemin en spirale.

Déplacez la copie vers la droite. Voir le schéma utile ci-dessous:


Étape 4

Verrouillez les deux chemins en spirale dans la palette Calques, saisissez l'outil Ellipse (L) et illustrez un chemin elliptique..

Prenez l'outil Ciseaux (C) et cliquez avec le bouton de contact de l'ellipse et de la spirale..

Faites la même chose avec le deuxième point de contact.

Après cela, supprimez l'ellipse. Vous devriez obtenir le résultat suivant:


Étape 5

Changer la couleur du trait haut car cela représentera un autre détail du banc.

Gonflez votre oeuvre, prenez l'outil Plume (P) et cliquez sur le point de contact entre les deux trajectoires en spirale..

Puis, à l'aide de l'outil Lasso (Q), sélectionnez les points d'ancrage indiqués:

Et allez à Objet> Chemin> Rejoindre (Commande + J).

Répétez ces actions avec l'autre paire de points d'ancrage.


Étape 6

Saisissez l'outil Convertir le point d'ancrage (Maj + C), faites glisser le point d'ancrage le plus à droite de la trajectoire triangulaire pourpre.

Puis, sans changer l'outil Adobe Illustrator, saisissez la poignée droite et faites-la glisser légèrement comme indiqué:

Faites la même chose avec les autres points d'ancrage, puis changez la couleur de remplissage du tracé pourpre et définissez la couleur de trait sur Aucune. Vous devriez recevoir le résultat ci-dessous.


Étape 7

Après ces actions, sélectionnons tous les chemins et appliquons Objet> Groupe (Commande + G),…

Maintenant, allez à Effet> 3D> Extrusion et biseautage. Spécifiez ici les options pointées:

Vous devez créer une belle forme du support de banc gauche avec cette technique..


Étape 8

Accédez à la palette Apparence, cliquez sur le lien "Extrusion 3D & biseautage" afin d'ouvrir la fenêtre d'options, puis définissez la valeur de Surface sur "Pas d'ombrage". Vous devez le faire afin de réduire le nombre de chemins après l’extension..

Maintenant, appliquez Objet> Développer l'apparence. Et appliquer Object> Dissocier trois fois.


Étape 9

Unissez toutes les pièces nécessaires en accédant à la palette Pathfinder et en cliquant sur le bouton Unir. Voir les exemples de diagrammes utiles ci-dessous:

Dans la mesure où nous créons nos illustrations dans la version CS5 d'Adobe Illustrator, nous pouvons utiliser le nouvel outil Shape Builder (Maj + M) à cette fin. Prenez cet outil impressionnant dans la palette correspondante et glissez-le simplement sur les tracés, qui doivent être unis. Suivez la figure ci-dessous:


Étape 10

Supprimez toutes les parties inutiles de votre illustration qui sont des chemins invisibles. Faites-le en appuyant sur le bouton Supprimer de votre clavier.

Après cela, peignez les chemins restants dans des couleurs différentes, comme indiqué:


Étape 11

Sélectionnez maintenant le chemin jaune devant…

… Et remplissez-le avec un dégradé linéaire en angle.

Sélectionnez ensuite le tracé bleu clair et remplissez-le également avec un dégradé linéaire en angle..


Étape 12

Les chemins suivants doivent également être remplis avec les gradients linéaires correspondants. Faites-le sans aide. Je ne les montrerai que dans les diagrammes ci-dessous pour référence:

Vous devez obtenir le résultat suivant:


Étape 13

Prenez l'outil Ellipse (L) et créez un cercle au bout de la spirale, comme indiqué ci-dessous..

Remplissez-le avec un dégradé radial allant du blanc au noir conformément au principe d'utilisation correcte du principe de répartition de la lumière..

Imaginez le deuxième globe de la même manière.


Étape 14

Le chemin triangulaire…

… Est fusionné avec les détails environnants du support de banc. Pour le marquer, appliquons-y les pinceaux Art. Au début, tracez le tracé elliptique habituel à l’aide de l’outil Ellipse (L), puis remplissez-le de blanc..

Allez à Objet> Transformer> Mettre à l'échelle et spécifiez une mise à l'échelle uniforme comme indiqué dans la boîte de dialogue. Puis cliquez sur le bouton Copier.

Définissez l'opacité de la plus grande ellipse sur 0.


Étape 15

Allez à Objet> Fusion> Options de fusion. Définissez les étapes Spacing sur Specified, le nombre d’étapes sur environ 75, puis cliquez sur OK..

Après cette action, sélectionnez les deux ellipses et accédez à Objet> Fusion> Créer (Commande + Alt + B)..


Étape 16

Faites glisser ce mélange dans la palette Formes, puis choisissez l'option Pinceau artistique dans la boîte de dialogue..

Définissez les éléments du pinceau comme vous pouvez les voir dans le diagramme ci-dessous et nommez le pinceau "pinceau blanc".

Répétez ces manipulations pour créer un "pinceau noir" à partir du mélange présenté ici..


Étape 17

Sélectionnez maintenant le tracé triangulaire, copiez-le et collez-le dans le dos (Commande + C puis Commande + B), puis divisez la copie en utilisant l'outil Ciseaux (C) sur les points indiqués. Vous recevrez trois chemins.

Appliquez le "pinceau noir" sur le chemin du haut. Changer le poids de trait et l'opacité si cela est nécessaire dans vos propres oeuvres.

Appliquez le "pinceau blanc" aux deux tracés latéraux à partir du triangle d'origine. Changer les poids de course des chemins.

Allez ensuite à Objet> Fusion> Options de fusion et spécifiez les valeurs dans la boîte de dialogue, comme vous pouvez le voir dans la figure ci-dessous:

Maintenant, sélectionnez les deux chemins latéraux et allez à Objet> Mélanger> Créer (Commande + Alt + B).

Et après ces actions, vous pouvez rogner tous les chemins en utilisant un tracé de détourage créé à partir du chemin triangulaire d'origine. Vous devez aller dans Objet> Masque d'écrêtage> Construire (Commande + 7) pour appliquer cette action..


Étape 18

Sélectionnez le support de banc gauche, copiez-le et collez devant (Command + C puis Command + F). Déplacez-le pour représenter le bon support.


Étape 19

Oui, vous pouvez utiliser les commandes de menu 3D habituelles pour créer les barres transversales en bois du banc. Mais je pense qu'il est plus intéressant de les illustrer sans les commandes 3D habituelles d'Adobe Illustrator. Voyons comment cela fonctionne. Maintenant, utilisez l'outil Rectangle (M) pour dessiner un chemin rectangulaire.

Copiez-le et collez devant (Command + C puis Command + F). Déplacez-le vers la droite comme indiqué:

Allez à Objet> Fusion> Options de fusion et définissez-y les étapes Spacing to Specified, le nombre d'étapes à 4, puis cliquez sur OK..

Ensuite, allez à Objet> Mélanger> Créer (Commande + Alt + B).

Et produisez un pinceau d'art aussi.


Étape 20

Tracez le chemin suivant sur le détail du support gauche et appliquez-lui le pinceau Art..

Faites de même pour le bon support.

Maintenant, sélectionnez ces chemins, allez à Objet> Développer l’apparence, puis appliquez> Dissocier trois fois. Après ces manipulations, prenez l'outil Crayon (P), agrandissez votre zone de travail et supprimez les points d'ancrage inutiles de chaque bloc bleu. Chaque bloc ne doit avoir que 4 points d'ancrage.


Étape 21

Définissez la couleur de remplissage du bloc bleu sur Aucune, puis remplacez la couleur de trait en bleu sur les deux détails de support du banc..

Concentrez maintenant votre attention sur les actions suivantes dans mon tutoriel. Vous avez 12 blocs bleus qui ont 48 points d'ancrage tous ensemble. Maintenant, vous devez les diviser en 48 parties. Vous pouvez le faire à l'aide de l'outil Ciseaux (C), par exemple, en cliquant avec celui-ci sur chaque point d'ancrage. Ensuite, prenez l'outil de sélection directe (A), sélectionnez le point d'ancrage supérieur droit de la ligne la plus à droite dans le bloc le plus à droite sur le support de banc gauche,…

… Appuyez sur la touche Maj de votre clavier et, tout en maintenant cette touche enfoncée, sélectionnez le point d'ancrage supérieur droit de la ligne la plus à droite dans le bloc situé le plus à droite sur le support de table droit.

Allez à Objet> Chemin> Rejoindre (Commande + J).

Illustrer toutes les lignes visibles de la même manière.


Étape 22

Ces chemins (indiqués ci-dessous) sont invisibles. Par conséquent, vous pouvez les supprimer.

Remplissez les barres de bois avec des couleurs différentes. Vous pouvez remplir les surfaces latérales des barres avec du brun clair et foncé.

Remplissez la surface supérieure d’une barre avec un dégradé linéaire coudé comme indiqué.

Faites la même chose avec les autres chemins.


Étape 23

Savez-vous comment simuler une texture de bois dans Adobe Illustrator et uniquement dans Adobe Illustrator? Si non, suivez. Commencez par créer un court chemin simple au début. Ça ne devrait pas être long.

Faites-le glisser et déposez-le dans la palette Formes. Sélectionnez l'option Pinceau de dispersion dans la boîte de dialogue. Et définissez les éléments pour le pinceau comme indiqué ci-dessous:


Étape 24

Sélectionnez ce pinceau Scatter dans la palette Pinceaux, prenez l'outil Pinceau (B) et tracez le chemin suivant:

C'est merveilleux, n'est-ce pas? Mais ce n'est pas tout. Appliquer un objet> Développer l'apparence et un objet> Dissocier deux fois.

Savez-vous combien de chemins sont sélectionnés maintenant? Plus de trois mille dans mes propres créations! Et naturellement, ils ont tous une influence sur la taille du fichier. Prenez l'outil Lasso (Q) et sélectionnez avec précision les chemins qui ne sont pas situés au-dessus des barres de bois du banc. Voir les images ci-dessous pour référence…

… Et appuyez deux fois sur le bouton Supprimer de votre clavier.

Répétez ces manipulations.


Étape 25

Passons maintenant à la palette Pinceaux et cliquez le bouton "Nouveau pinceau". Sélectionnez l'option Pinceau dans la boîte de dialogue. Et définissez les éléments pour le pinceau comme indiqué:

Modifiez la couleur de remplissage du panneau de configuration en brun et appliquez le nouveau pinceau Soies à ces traits. Changer le poids de l'AVC si nécessaire.

Recadrer les traits avec le tracé de détourage correspondant:


Étape 26

Pour créer une nuance à partir des pieds du banc, utilisez le "pinceau noir".

Et recadrer les chemins avec des chemins de détourage.


Conclusion

L'image finale est ci-dessous.