Comment créer un pneu vectoriel 3D détaillé dans Illustrator

Dans ce tutoriel, je vais vous montrer comment créer un pneu vectoriel avec des outils et des techniques très simples. La partie la plus importante et la plus délicate de ce didacticiel concerne les bandes de pneus, mais nous allons résoudre ce problème simplement et lui donner un bel aspect final. Les instructions du didacticiel sont fournies dans Adobe Illustrator CS3..

Aperçu de l'image finale

Vous trouverez ci-dessous l'image finale sur laquelle nous allons travailler. Vous voulez accéder à l'intégralité des fichiers Vector Source et aux copies téléchargeables de chaque didacticiel, y compris celui-ci? Rejoignez Vector Plus pour seulement 9 $ par mois.

Étape 1

Sélectionnez un nouveau document Web 1024px par 768px avec un mode de couleur RVB et un écran défini sur 72ppi.

Étape 2

Sélectionnez l'outil Ellipse (L) et cliquez sur votre planche dans la boîte de dialogue Ellipse. Définissez la largeur et la hauteur sur 400 px, puis cliquez sur OK. Sélectionnez le cercle et définissez la couleur de premier plan sur aucune et la couleur de trait sur K = 88. Changez le nom de cette couche en "fatiguez-vous".

Étape 3

Sélectionnez le cercle, puis sélectionnez Effet> 3D> Extruder et biseauter. Cliquez sur le bouton Plus d'options et définissez les options comme indiqué ci-dessous, puis cliquez sur OK..

Étape 4

Sélectionnez l'outil Rectangle ou appuyez sur M, puis cliquez sur la planche et définissez la largeur dans la boîte de dialogue.
et hauteur à 600px par 4px respectivement. Définissez maintenant la couleur de remplissage sur K = 90. Créez ensuite un rectangle (M) de largeur 4px et hauteur 14px respectivement (voir 4a ci-dessous).

Définissez la couleur de remplissage sur K = 90. Pour les deux rectangles, sélectionnez une couleur de premier plan de K = 100 et définissez le trait sur Aucune. Appuyez sur Maj + F7 pour afficher le volet Aligner. Sélectionnez maintenant ces deux rectangles nouvellement créés et cliquez sur Aligner verticalement en bas et Aligner horizontalement à gauche dans le groupe Aligner des objets du volet Aligner..

Sélectionnez le mini-rectangle et déplacez-le de 7 pixels vers le haut en appuyant sur la touche Flèche haut. Faites ensuite une copie du mini-rectangle (en appuyant sur les touches Commande + C puis Commande + F) et déplacez-le vers le côté droit du long rectangle. Assurez-vous de maintenir la touche Maj enfoncée tout en la déplaçant (4b).

Sélectionnez le long rectangle et le mini-rectangle droit, puis appuyez sur Aligner horizontalement à droite dans le groupe Aligner des objets du volet Aligner. Sélectionnez les deux mini-rectangles et allez à Objet> Fusion> Options de fusion ... puis dans la section Espacement, sélectionnez 50 étapes, spécifiez les étapes spécifiées, définissez Orientation sur Aligner sur le chemin, puis cliquez sur OK (4c)..

Appuyez sur Commande + Alt + B pour créer un mélange. Votre résultat devrait être exactement comme indiqué ci-dessous (4d).

Étape 5

Sélectionnez les mini-rectangles mélangés et appuyez sur Commande + Alt + Maj + D, puis dans la boîte de dialogue, réglez le paramètre Vertical.
valeur -24 px dans le groupe Déplacer et cliquez sur Copier (5a). Sélectionnez maintenant le long rectangle et le mini-rectangle mélangé supérieur. Appuyez à nouveau sur Commande + Alt + Maj + D, puis réglez l’alignement vertical sur 24 px. Maintenant, cliquez sur Copier (5b). Conservez la sélection et appuyez sur Commande + D. Votre résultat doit être exactement comme indiqué ci-dessous (5c).

Étape 6

Appuyez sur A ou sélectionnez l'outil Sélection directe dans la palette d'outils. Sélectionnez les deux points inférieurs de
les mini-rectangles les plus à droite et les plus à gauche des mini-rectangles mélangés très inférieurs (6a). Appuyez sur la touche Maj puis sur la flèche droite une fois. Faites de même pour les mini-rectangles mélangés supérieurs (6b).

Sélectionnez tous les mini-rectangles mélangés et allez à Objet> Développer, puis dans la boîte de dialogue Développer, assurez-vous que les options Objet et Remplir sont cochées, puis cliquez sur OK (6c). Regrouper tous les mini et longs rectangles. Sélectionnez le groupe, puis copiez (Commande + C) et collez à la place (Commande + F). Faites-le glisser 150px vers le bas en appuyant 15 fois sur la touche Flèche bas. Maintenez également la touche Maj enfoncée pendant le glissement (6d)..

Conservez la sélection du groupe inférieur, puis copiez-la et collez-la devant. Appuyez maintenant sur Maj + F8 pour afficher la palette de transformation. Ne perdez pas la sélection du groupe supérieur, maintenant dans la palette Transform, définissez la largeur sur 610px. Assurez-vous également que les proportions de largeur et de hauteur contraignantes sont activées (6e)..

Sélectionnez maintenant les deux bandes inférieures, puis dans la palette Pathfinder, cliquez sur Intersect Shape Areas, puis sur Expand in.
les modes de forme (6f). Définissez maintenant la couleur de remplissage des bandes en forme sur K = 100 (6g). Sélectionnez les bandes supérieure et inférieure, puis cliquez sur Aligner verticalement dans le groupe Aligner des objets de la palette Aligner (6h). Le résultat est affiché dans la dernière image ci-dessous (6i).

Étape 7

Sélectionnez maintenant les deux bandes et faites-les glisser à l'intérieur de la palette de symboles dans la boîte de dialogue Options de symbole. Maintenant, nommez-le "bande" et définissez le Type sur Graphique (7a). Maintenant, vous pouvez supprimer le symbole de la bande de votre planche.

Étape 8

Sélectionnez le pneu et appuyez sur Maj + F6 pour faire apparaître la palette d'apparence. Dans la palette Apparence, vous trouverez l'option Extrusion 3D et biseautage, allez-y et cliquez dessus. Dans les options Extrusion et biseautage 3D, cochez la case Aperçu (8a). Cliquez maintenant sur le bouton Map Art. Dans la boîte de dialogue Map Art pour le type de champ Surface 6 puis appuyez sur Entrée (8b). Dans le champ Symbole, sélectionnez notre symbole de bande (8c). Redimensionnez-le comme indiqué (8d), puis cliquez sur OK et revenez à la planche graphique. Le résultat est affiché dans la dernière image ci-dessous (8e).

Étape 9

Sélectionnez le pneu et allez à Objet> Développer l'apparence. Divisez maintenant le pneu trois fois et sélectionnez la partie striée du pneu (9a). Cliquez dessus avec le bouton droit de la souris et sélectionnez Libérer le masque d'écrêtage (9b)..

Étape 10

Sélectionnez la bande de pneu, coupez-la (Commande + X) et créez un nouveau calque à partir de la palette des calques. Maintenant, nommez-le "bande" et collez-le à la place (Commande + F). Verrouillez le calque "stripe". Maintenant, sélectionnez le calque de pneu entier, cliquez sur Ajouter à la zone de forme, puis développez dans la palette Pathfinder (10a).

Étape 11

Créez un nouveau cercle avec des dimensions de 400px par 400px. Définissez la couleur de trait sur K = 100 et la couleur de remplissage sur aucune. Maintenant, sélectionnez le cercle et appuyez sur le bouton S touche et Entrée. Maintenant, dans la boîte de dialogue Echelle, tapez 80 dans le champ Echelle et cliquez sur Copier (11a)..

Conservez la sélection, puis appuyez à nouveau sur la touche Entrée. Tapez 90 dans le champ Echelle et cliquez sur Copier (11b). Sélectionnez et coupez (Commande + X) le grand cercle. Créez un nouveau calque, nommez-le "cercle 1" et collez-le devant (Commande + F)..

Sélectionnez et coupez (Commande + X) le cercle moyen. Créez un nouveau calque, nommez-le "cercle 2". Collez devant (Commande + F), puis sélectionnez le cercle le plus à l'intérieur. Coupez-le (Commande + X) et prenez un calque de création nommé "roue", puis collez-le devant (Commande + F). Le résultat jusqu'à présent est présenté ci-dessous (11c).

Étape 12

Sélectionnez la "roue", appuyez sur S, puis entrez. Maintenant, dans la boîte de dialogue Echelle, tapez 45 dans l'échelle
champ, puis cliquez sur Copier. Coupez le mini-cercle, créez un nouveau calque et nommez-le "mini_circle" (12a). Sélectionnez "cercle 2", puis dans la palette Trait, cliquez sur Aligner le trait sur l'intérieur et entrez un poids de 18 pt (12b). Maintenant, sélectionnez "roue" et faites comme avec "cercle 2", mais réglez son poids de trait sur 80 pt (12c).

Étape 13

Sélectionnez la roue et réglez Ligne en pointillé sur 89 pt pour le premier tiret et écartez-le sur
92pt, comme indiqué ci-dessous (13a). Sélectionnez la "roue" et le "cercle 2" et allez à Objet> Développer l'apparence, puis cliquez sur
Développez dans la palette Pathfinder. Maintenant, vous pouvez supprimer le calque "cercle 2" votre "cercle 2" est déjà
copié dans la couche "roue". En effet, la couche supérieure a la priorité, comme indiqué ci-dessous (13b).

Étape 14

Sélectionnez le "mini_circle", puis appuyez sur S. Entrez une valeur d'échelle de 200 et appuyez sur Copier. Encore
sélectionnez le "mini_Circle" et appuyez sur S puis entrez. Tapez maintenant une valeur d'échelle de 130 et appuyez sur Copier. Verrouille le calque "mini_circle" (14a).

Sélectionnez l'outil Ajouter un point d'ancrage. Avec cet outil, ajoutez des points d’ancrage à chaque centre de la roue, comme indiqué ci-dessous (14b). Maintenant, avec cet outil, ajoutez plus de points d'ancrage à la zone intersectée de la roue avec deux cercles nouvellement créés à partir du "mini_circle", comme indiqué ci-dessous (14c à 14d). Déverrouillez maintenant le calque "mini_circle" et sélectionnez uniquement les calques "mini_circle" et "roue", cliquez sur Ajouter à la zone de forme, puis sur Développer dans la palette Pathfinder..

Supprimez maintenant ces deux cercles, ce que nous avons créé plus tôt à partir du "mini_circle". Changez le nom du "mini_circle" en "roue" et supprimez l'ancien calque "roue". Sélectionnez l'outil Ajouter un point d'ancrage, puis créez des points d'ancrage dans l'interstice de la roue jusqu'au bord du "mini_circle", comme indiqué (14e)..

Étape 15

Sélectionnez l'outil Supprimer le point d'ancrage dans la palette d'outils. Retirez maintenant tous les points d’ancrage des coins de la roue, comme indiqué dans (15a). Maintenant, utilisez l'outil Convertir le point d'ancrage ou appuyez sur Maj + C pour lisser le mini-cercle comme illustré à l'image 15b, répétez ce même mécanisme pour lisser également tous les autres mini-cercles..

Voir cette image pour savoir comment convertir vos points d'ancrage (15c). Sélectionnez maintenant les angles (15d) à l'aide de l'outil de sélection directe (A), puis cliquez sur Convertir les points d'ancrage sélectionnés en lisses comme dans (15e). Répétez ces étapes pour lisser tous les autres coins de la roue. Votre image finale doit ressembler à image (15f).

Étape 16

Créez un nouveau calque, nommez-le "roue en haut". Créez un cercle avec une taille de 35px par 35px. Ensuite, réglez sa couleur de remplissage et de contour sur K = 100. De plus, réglez Align Stroke sur Outside, Weight sur 37pt, ligne pointillée sur le premier tiret 12pt et le premier écart 10pt (16a)..

Verrouillez tous les calques sauf le calque "sommet de la roue" nouvellement créé. Sélectionnez la "roue en haut" et allez à Objet> Développer l'apparence, puis cliquez dessus avec le bouton droit de la souris et sélectionnez Dissocier. Sélectionnez le cercle du "sommet de la roue" (16b) et agrandissez-le légèrement en le faisant glisser. Continuez à appuyer sur Commande + Maj tout en faisant glisser pour obtenir la forme et la position parfaites..

Sélectionnez maintenant la forme du cercle et du trait, puis cliquez sur Ajouter à la zone de forme, puis développez-le dans la palette Pathfinder, comme indiqué (16c). Créez un nouveau cercle de 85px par 85px et alignez-le au centre du "sommet de la roue". Faites ceci en sélectionnant "roue en haut" et le cercle, puis cliquez sur Aligner horizontalement le centre et Aligner verticalement le centre dans le groupe Aligner des objets de la palette Aligner (16d)..

Étape 17

Sélectionnez ensuite le cercle et verrouillez-le (Commande + 2), puis tracez les points de chaque trajectoire de "sommet de roue" avec le cercle et faites également des points au milieu de chaque bord long extérieur du "sommet de roue" (17a)..

Supprimez maintenant tous les points de coin (17b). Convertissez les coins et faites-le pivoter comme indiqué (17c). Sélectionnez les angles avec l'outil de sélection directe et cliquez sur Convertir les points d'ancrage sélectionnés en lissage (17d). Maintenant, appuyez sur Commande + Alt + 2 pour déverrouiller le cercle et le supprimer..

Étape 18

Créez un nouveau cercle à 22px par 22px. Définissez sa couleur de remplissage sur brun foncé (R = 66 G = 33 B = 11). Vous le trouverez dans la palette d'échantillons RVB par défaut et définissez sa couleur de trait sur brun (R = 96 G = 56 B = 19). Vous trouverez cette couleur juste à gauche de la couleur de remplissage (18a).

Maintenant, sélectionnez l'outil Polygone, maintenez la touche Maj enfoncée tout en dessinant le polygone, puis définissez sa largeur sur 19px. Assurez-vous que l'option Contraintes de largeur et de hauteur est activée (18b)..

Sélectionnez le polygone et définissez sa couleur de remplissage sur Aucune et le trait sur 3px et une couleur noire (K = 100). Aller à l'objet Développer dans la boîte de dialogue et cliquez sur OK. Maintenant, utilisez l'outil Supprimer les points d'ancrage pour supprimer les points intérieurs du polygone, comme indiqué ci-dessous (18d).

Sélectionnez le polygone et remplissez-le avec un dégradé comme indiqué (18e). Les couleurs sont différentes nuances de gris, avec un angle de -34. Définissez la couleur de trait du polygone sur gris foncé avec un poids de trait de 0,5 pt. Maintenant centrez le cercle et le polygone ensemble. Placez-le au milieu d'une main "roue" et copiez-le dans toutes les autres mains, faites également pivoter les vis selon un angle différent.

Étape 19

Ajoutez une superposition de dégradé à la "roue", comme indiqué dans l'image 19a. Sélectionnez "wheel top" et faites-en une copie et collez-la à la place. Maintenant changez sa couleur en gris (K = 30). Déplacez-le 1px à gauche et 1px vers le bas, renvoyez-le en appuyant sur Commande + touche de support gauche (19b).

Sélectionnez la roue et changez sa couleur de remplissage en dégradé (19c). Copiez et collez devant la roue. Modifiez sa couleur de remplissage en Aucune et le contour en gris foncé (K = 70), puis renvoyez-le en appuyant sur Commande + touche de support gauche..

Ajoutez maintenant une couleur de trait gris clair (K = 20) à la "roue supérieure". Sélectionnez les molettes supérieure et inférieure et accédez à Objet> Fusion> Options de fusion (19d). Appuyez sur Commande + Alt + B pour créer un mélange (19e). Modifiez un logo comme indiqué (19f). Placez le texte (19g). Maintenant, sélectionnez "roue", "roue supérieure" et le groupe de texte, et renommez-les "roue" (19h).

Étape 20

Sélectionnez "molette" et allez à Effet> 3D> Tourner, puis modifiez les paramètres comme indiqué (20a). Conservez la sélection et allez à Objet> Développer l'apparence (20b).

Étape 21

Allez et déverrouillez le calque "pneu". Créez un nouveau cercle de 500 pixels sur 500 pixels et définissez sa couleur de remplissage sur Aucune et la couleur de trait sur le noir. Allez à Effet> 3D> Rotation et changez-le comme indiqué (21a). Maintenant, placez-le comme indiqué ci-dessous (21b).

Faites une copie de ce cercle et collez-la à la place. Changer sa taille à 322px par 322px. Placez-le comme indiqué (21c). Faites maintenant plus de deux cercles à 390px par 390px et 440px par 440px en y faisant face et placez comme indiqué (21d). Nous appellerons ces quatre traits: "cercle 1", "cercle 2", "cercle 3" et "cercle 4" à partir du plus petit.

Étape 22

Définissez la couleur de trait "cercle 1" sur gris (K = 40) et la couleur de trait "cercle 2" sur gris clair (K = 20). Sélectionnez "cercle 1" et "cercle 2 et faites une copie. Conservez la copie sélectionnée (22a).

Sélectionnez Objet> Fusion> Options de fusion, comme indiqué (22b). Maintenant, appuyez sur Commande + Alt + B pour mélanger. A présent, coupez "roue" "de son calque et collez-le dans le calque" pneu ". Placez-le comme indiqué (22c). Sélectionnez les options" cercle 1 "et" cercle 2 ", puis appuyez sur les touches Commande + Maj + Support droit à l'avant.

Étape 23

Reprenez les copies "cercle 1" et "cercle 2" et placez-la exactement dans son état précédent. Sélectionnez-le, puis appuyez sur Commande + Maj + Touche Droite pour le placer au premier plan..

Changez la couleur du "cercle 1" en gris (K = 60) et le "cercle 2" en gris foncé (K = 80), comme indiqué (23a). Définissez la couleur du trait "cercle 3" sur gris foncé (K = 70), encerclez le trait 4 sur gris foncé (K = 80). Sélectionnez "cercle 2", "cercle 3" et "cercle 4". Définissez le mode de fusion et ajoutez-le comme indiqué (23b).

Étape 24

Faites un cercle de 220 pixels par 220 pixels et remplissez-le de noir. Allez à Effet> 3D> Rotation… et modifiez les paramètres comme indiqué (24a). Copiez-le et placez-le devant (Commande + F). Modifiez le remplissage du cercle supérieur en gris foncé (K = 70). Déplacez la copie 6px vers le haut et 6px à droite. Sélectionnez les deux cercles et mélangez (4b). Maintenant, placez-le comme indiqué ci-dessous (24c).

Conclusion

J'ai finalement ajouté le texte de marque et l'ai légèrement modifié pour le rendre plus apparent. Un gros problème avec la forme de la roue est que lorsque nous la faisons pivoter avec l’outil 3D, elle a perdu son aspect parfait (en particulier avec ses trous), cela ne peut pas être résolu directement, mais nous pouvons le résoudre manuellement. C'est donc une bonne idée de planifier l'angle dans lequel la roue sera bien placée dès le début. C'était mon premier tutoriel et les commentaires sont les bienvenus. Merci d'avoir lu!

Abonnez-vous au fil RSS Vectortuts + pour rester au courant des derniers tutoriels et articles sur les vecteurs.