Comment créer des ressorts 3D funky dans Illustrator

Beaucoup d'entre nous l'ont déjà fait dans Auto CAD, 3D Max ou Maya. Dans ce didacticiel, nous allons apprendre à créer des ressorts 3D dans Illustrator. Nous allons utiliser l'outil 3D Revolve et des efforts manuels pour obtenir ce résultat vectoriel de qualité. J'espère que vous le trouvez intéressant!

Tutoriel republié

Toutes les quelques semaines, nous revoyons certains des articles préférés de nos lecteurs tout au long de l'histoire du site. Ce tutoriel a été publié pour la première fois en mai 2009..

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

Créez un nouveau document. Avec l'outil Ellipse (L), créez un cercle de 25 pixels sur 25 pixels. Remplissez-le de rouge et aucun accident vasculaire cérébral.

Étape 2

Sélectionnez le cercle et accédez à Effet> 3D> Révolution. Entrez les valeurs comme indiqué dans la figure ci-dessous. Un angle de révolution de 180 degrés consiste à faire un demi-anneau. Un décalage de 100 points par rapport au bord droit ajoute une distance entre l'axe de rotation et le chemin sur lequel l'objet va tourner..

Étape 3

Maintenant, nous allons dupliquer et envoyer à l'arrière. Appuyez sur la bague en maintenant la touche Alt enfoncée pour créer une copie dupliquée, comme indiqué. Utilisez Commande + Maj + Support gauche pour le renvoyer.

Étape 4

La copie dupliquée étant toujours sélectionnée, ouvrez la palette Apparence (Maj + F6). Double-cliquez sur l'effet 3D Revolve, comme indiqué ci-dessous..

Étape 5

Dans la boîte de dialogue Révolution 3D, définissez la valeur de l'axe z sur 10 et décalez-la sur le bord gauche. Gardez le reste des valeurs telles quelles. Les deux éléments de base pour le printemps sont maintenant créés.

Étape 6

Maintenant, nous allons faire correspondre les visages. Tenez le duplicata et placez-le exactement derrière la face droite de l'original. Utilisez les touches fléchées du clavier pour le faire. Voir dans l'image ci-dessous comment cela se fait.

Pointe: Allez dans Edition> Préférences> Général (Commande + K). Dans la boîte de dialogue, réduisez l’incrément du clavier à 0,05 px ou même moins. Ceci est utile pour obtenir plus de précision lorsque vous déplacez les objets avec les touches fléchées du clavier..

Étape 7

Sélectionnez les anneaux et maintenez la touche Alt enfoncée pour faire la copie. Envoyer "anneau 4" à l'arrière (Commande + Maj + touche Support gauche).

Étape 8

Maintenant, sélectionnez "ring3" et "ring 4", puis faites correspondre la face gauche de "ring 4" exactement derrière la face gauche de "ring1".

Pointe: Utilisez les touches Maj + Flèche pour les incréments plus importants et appuyez simplement sur la touche fléchée pour les incréments normaux. Comme nous le savons, il n’existe aucun moyen de joindre des visages 3D dans Illustrator; la qualité globale du résultat final dépendra de la précision de votre main. Alors, essayez de votre mieux pour faire correspondre les visages.

Étape 9

Suivez les étapes 7 et 8 pour étendre le ressort. Cela peut être fait soit en dupliquant un anneau à la fois, soit en dupliquant l’ensemble des anneaux. Faisons-le avec un ensemble entier. Tout sélectionner et Alt-glisser pour dupliquer. Envoyer "anneau 6" à l'arrière (Commande + Maj + Support gauche).

Étape 10

Maintenant, nous avons deux ensembles et nous devons les connecter. Logique clé: Associe la face la plus basse de "set 2" à la face la plus haute de "set 1".

Étape 11

Maintenant, nous voulons un tronçon au printemps. Pour cela, dupliquez "ring 8" en maintenant la touche Alt enfoncée, puis connectez-la avec "ring 7." Supposons que cela s'appelle "anneau 10", car nous ferons "anneau 9" à l'étape suivante.

Étape 12

Dupliquez "anneau 7" en maintenant la touche Alt enfoncée et faites glisser ses propriétés 3D à partir de la palette Apparence (Maj + F6). Définissez la rotation de l'axe z sur -4, comme indiqué dans l'image ci-dessous..

Étape 13

Connectez la "bague 9" à la face droite de la "bague 10", comme indiqué ci-dessous.

Étape 14

Dupliquez "anneau 10" et changez sa rotation de l'axe z en 14. Faites cela en cliquant sur les propriétés Révolution 3D de la palette Apparence. Ensuite, connectez-le avec la face gauche de "bague 9", comme indiqué ci-dessous.

Étape 15

En suivant la même procédure, dupliquez "anneau 9", changez la valeur de son axe z en -8 et connectez sa face droite à "anneau 12".

Étape 16

De la même manière, dupliquez "l'anneau 12", changez son axe z en 18 et connectez sa face gauche à "l'anneau 11."

Étape 17

Maintenant, dupliquez "anneau 11" et connectez sa face droite à "anneau 14" sans rien changer.

Étape 18

Sélectionnez "sonne 13" et "sonner 14" ensemble et dupliquez-les. Envoyez "anneau 16" à l’arrière (Commande + Maj + Support gauche). Rejoignez maintenant les anneaux résultants sur la face gauche de "l'anneau 13".

Étape 19

Maintenant, dupliquez "anneau 16" en maintenant la touche Alt enfoncée et connectez-le à la face gauche de "anneau 15".

Étape 20

Sélectionnez soigneusement les anneaux 1, 3, 4 et 6, puis dupliquez-les. Vous devrez peut-être verrouiller certaines sonneries (Commande + 2) pour sélectionner celles qui vous intéressent..

Étape 21

La dernière étape consiste à connecter l'ensemble résultant de l'étape 20 à la face droite de "l'anneau 18". Le résultat final après placement réussi doit être comme ceci.

Conclusion et portée

Avec cette technique de base de la formation du ressort, nous pouvons obtenir des résultats créatifs en expérimentant simplement les valeurs de rotation dans l'option Révolution 3D. Le seul inconvénient de cette technique est que nous ne pouvons pas joindre les faces 3D. Cela affecte la qualité globale du résultat souhaité. Cependant, à 800px, ces erreurs ne sont pas lisibles et nous pouvons facilement utiliser les résultats pour la conception d’icônes. Vous pouvez essayer cette technique en créant des amortisseurs et des CFL spirales (ampoules)..

L'image ci-dessous montre quelques expériences réalisées avec cette procédure. Vous pouvez trouver les valeurs de rotation pour chaque résultat dans le fichier source. Merci à tous pour votre patience et votre temps précieux. Nous espérons que vous avez apprécié ce tutoriel!

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