C'est ainsi que se présente la spirale tridimensionnelle lorsqu'elle est enroulée autour d'un objet (voir image 01). Mais assez parlé. Amusez-vous bien avec le tutoriel … :-.

3D bands et spirales - Adobe Illustrator

Partie 1: Spiral 2D

Avant de commencer, vous devez créer un nouvel espace de travail dans Illustrator. Pour cela, allez sur Fichier>Nouveau et choisissez un format A3 en paysage. Confirmez ensuite avec OK. (image 02).

Bandes 3D et spirales - Adobe Illustrator

Une fois que vous avez créé un nouvel espace de travail, la première chose à faire est de créer un pilier rectangulaire. La spirale 2D sera ensuite enroulée autour de ce pilier.

Prenez l'Outil Rectangle et cliquez sur un endroit de l'espace de travail. Une fenêtre s'ouvrira, dans laquelle vous pourrez entrer les dimensions de votre rectangle. Choisissez une taille de 17x140 mm et confirmez avec OK. (image 03).

Bandes en 3D et spirales - Adobe Illustrator

Pour transformer ce rectangle en un objet tridimensionnel, vous devez appliquer la commande Extruder dessus. Pour ce faire, allez sur Effet>3D>Extruder et biseau … (image 04).

Bandes 3D et spirales - Adobe Illustrator

Vous pouvez ajuster toutes les paramètres de la représentation en 3D dans la boîte de dialogue suivante. L'élément le plus important ici est la Profondeur de l'extrusion. Réglez au moins une valeur de 50pt. Vous pouvez choisir l'angle comme bon vous semble, en veillant à ce que le pilier reste assez droit vers le haut.

Ensuite, vous pouvez confirmer en cliquant sur OK.

Bandes en 3D et spirales - Adobe Illustrator

Vous pouvez pour le moment masquer le pilier 3D récemment créé dans la palette des calques ou le déplacer sur le côté. Maintenant, concentrons-nous sur l'élément principal de la spirale 2D.

Comme nous devrons travailler très précisément à l'étape suivante pour que la spirale s'ajuste parfaitement, vous devez utiliser un outil que de nombreux utilisateurs d'Illustrator ne connaissent pas encore ou simplement évitent, car cela rend l'espace de travail assez encombré. Il s'agit du grille. Vous pouvez activer la grille en cliquant sur Vue>Afficher la grille. Vous pouvez également utiliser le raccourci Commande+< (sur PC : Ctrl+<).

Bandes 3D et spirales - Adobe Illustrator

Votre espace de travail devrait maintenant ressembler à ceci (voir image 07) :

Bandes 3D et spirales - Adobe Illustrator

Pour améliorer la précision lors du travail avec la grille, vous devriez activer la fonction Aligner sur la grille. Vous pouvez le faire simplement en allant sur Vue>Aligner sur la grille. (image 08).

Avec cette commande, chaque subdivision dans la grille est considérée comme un objet séparé et le curseur se verrouille automatiquement dessus, similaire aux guides intelligents.

Bandes 3D et spirales - Adobe Illustrator

Cliquez avec l'Outil Crayon sur un point d'angle (en haut à gauche) d'une grande tuile dans la grille et en maintenant le bouton de la souris enfoncé, tirez une tangente verticale sur une longueur de quatre petits carrés (voir image 09).

Bandes en 3D et spirales - Adobe Illustrator

Ensuite, déplacez-vous de trois grandes tuiles vers la droite et tirez également une tangente sur une longueur de quatre petits carrés. (Cette fois-ci en bas à droite). Ensuite, cela devrait ressembler à ceci chez vous (voir image 10) :

Bandes 3D et spirales - Adobe Illustrator

Ensuite, prenez l'Outil de Sélection (curseur noir) de la palette d'outils et en appuyant sur la touche Alt, cliquez sur le tracé que vous venez de créer.

Tirez ce tracé exactement trois petits carrés vers le haut et relâchez le bouton de la souris. Comme vous avez maintenu la touche Alt, une copie a été créée, sans modifier le tracé d'origine. Le résultat devrait maintenant ressembler à ceci chez vous (voir image 11) :

Rubans 3D et spirales - Adobe Illustrator

Ensuite, vous avez besoin de l'Outil de Sélection Directe. Avec celui-ci, sélectionnez les deux points du tracé signalés sur l'image 12.

Bandes 3D et spirales - Adobe Illustrator

Ensuite, il vous suffit d'utiliser le raccourci Commande+J (sur PC : Ctrl+J) pour relier ces deux points de tracé (image 13).

Bandes 3D et spirales - Adobe Illustrator

Vous devez maintenant faire la même chose avec les deux autres points du tracé. Ensuite, vous devriez avoir un tracé complètement fermé (voir image 14) :

3D-Bänder und Spiralen - Adobe Illustrator

Choisissez le chemin que vous venez de créer et déplacez-le en maintenant la touche Alt enfoncée (pour créer une copie) cinq petits carrés vers le haut (voir image 15).

Bandes 3D et spirales - Adobe Illustrator

Pour en faire enfin une spirale reconnaissable, vous devez juste refléter une fois votre élément supérieur. Allez sur Objet>Transformer>Réfléchir … Dans la fenêtre suivante, sélectionnez Vertical et confirmez avec OK.

Rubans et spirales en 3D - Adobe Illustrator

Maintenant, cela devrait ressembler à ceci chez vous (image 17):

Bandes 3D et spirales - Adobe Illustrator

Il est maintenant temps d'ajouter de la couleur pour renforcer encore le caractère 3D. Pour ce tutoriel, j'ai préparé deux valeurs CMJN.

• Jaune : CMJN - 5/0/90/0

• Orange : CMJN - 0/35/85/0

Colorez votre élément spirale inférieur en orange et le supérieur en jaune (voir image 18). Cette différence de couleur apporte encore plus de profondeur à l'ensemble.

Bandes 3D et spirales - Adobe Illustrator

Comme l'élément orange se trouve probablement maintenant en arrière-plan, vous devez le mettre en avant. Pour ce faire, faites un clic droit sur l'élément orange et choisissez Organiser>Mettre au premier plan. (image 19).

Ensuite, regroupez les deux éléments en les sélectionnant et en appuyant sur Commande/Ctrl+G.

Bandes 3D et spirales - Adobe Illustrator

Ensuite, déplacez tout le groupe vers le haut à l'aide de l'Outil de sélection. Maintenez à nouveau la touche Alt enfoncée pour créer une copie du groupe. Déplacez-le jusqu'à ce que les deux groupes se complètent parfaitement. Comme les éléments s'alignent sur la grille, cela ne devrait poser aucun problème.

Ensuite, cela devrait ressembler à ceci chez vous (image 20) :

Rubans et spirales en 3D - Adobe Illustrator

Avec le raccourci Commande/Ctrl+D, vous pouvez répéter tout le processus trois fois de plus (image 21).

Votre spirale est prête.

Bandes 3D et spirales - Adobe Illustrator

Il est maintenant temps de réafficher votre pilier que vous avez créé auparavant.

Placez-le approximativement au milieu de votre spirale (image 22). (Vous pouvez simplement redimensionner la spirale à votre guise jusqu'à ce qu'elle vous plaise.

3D-figures et spirales - Adobe Illustrator

Mais comment intégrer ce pilier dans la spirale ?

C'est fondamentalement assez simple … Tout d'abord, sélectionnez l'ensemble de la spirale et enlevez toutes les regroupements en utilisant Commande/Ctrl+Maj+G. Enfin, sélectionnez simplement tous les éléments jaunes tout en maintenant la touche Maj enfoncée, puis faites-les passer en arrière-plan via Objet>Organiser>Mettre en arrière-plan.

Bandes 3D et spirales - Adobe Illustrator

Et voilà … votre pilier se trouve à l'intérieur de la spirale (image 24).

Bandes 3D et spirales - Adobe Illustrator

Partie 2: Variante 3D

Après avoir construit dans la première partie du tutoriel une spirale en trois dimensions à partir d'éléments en 2D, je vais maintenant vous montrer dans la partie 2 un autre effet à l'aide des fonctions 3D d'Illustrator. Vous n'avez pas besoin de créer un nouvel espace de travail spécifique pour cela. Il suffit de créer une nouvelle couche dans Illustrator.

Prenez l'Outil Rectangle et créez un rectangle qui fait trois grands carrés de large sur deux petits carrés de haut. (Dans ce cas, je pars du principe que vous avez toujours affiché la grille de la partie 1). (Voir image 25).

3D bandes et spirales - Adobe Illustrator

Vous devez maintenant copier ce rectangle quatre fois et les empiler toujours avec un espacement de deux petits carrés les uns sur les autres (voir image 26).

Bandes en 3D et spirales - Adobe Illustrator

Ensuite, vous avez besoin de l'Outil Sélection directe. Sélectionnez ainsi tous les points du chemin sur le côté droit (voir image 27).

Bandes 3D et spirales - Adobe Illustrator

Déplacez ces points du chemin de quatre petits carrés vers le haut (voir image 28).

Bandes 3D et spirales - Adobe Illustrator

Pour continuer à travailler avec cette structure, nous devons l'enregistrer comme un symbole. Pour cela, affichez la palette des symboles via Fenêtre>Symboles.

Cliquez ensuite sur la petite flèche dans le coin supérieur droit et choisissez Nouveau symbole … (image 29).

Donnez un nom à l'ensemble et confirmez avec OK.

Bandes 3D et spirales - Adobe Illustrator

Prenons maintenant l'Outil Ellipse et créez une ellipse de la taille de quatre grands carrés (image 30).

Bandes 3D et spirales - Adobe Illustrator

Supprimez avec l'outil de sélection directe le point de chemin droit afin qu'il ne reste plus qu'une demi ellipse (Figure 31).

Bandes 3D et spirales - Adobe Illustrator

Ensuite, allez dans Effet>3D>Tourner…

Bandes en 3D et spirales - Adobe Illustrator

Vous pouvez soit directement copier les réglages de lumière de la Figure 33, soit les ajuster selon vos préférences.

3D Bandes et spirales - Adobe Illustrator

Il est maintenant important de cliquer sur le bouton Attribuer un matériau d'image. Dans la fenêtre suivante, choisissez le symbole préalablement enregistré et mettez à l'échelle selon la taille de la page. Le plus important est de cocher la case Ombre de matériau et Géométrie invisible (Figure 34).

Bandes 3D et spirales - Adobe Illustrator



Ensuite, confirmez avec OK.

Avant de pouvoir insérer un objet dans cette boule en spirale "cool", il faut convertir cet objet 3D. Cela se fait via Objet>Convertir l'apparence.

Bandes et spirales 3D - Adobe Illustrator

Dans le panneau Calques, vous trouverez maintenant un groupe contenant les éléments de la boule en spirale. Si vous souhaitez maintenant insérer un objet à cet endroit, il vous suffit de déplacer l'objet à cet endroit (voir Figure 36) dans le panneau Calques.

Bandes 3D et spirales - Adobe Illustrator

Comment créer une telle boule (Figure 37), je n'ai plus besoin de vous l'expliquer… utilisez simplement à nouveau l'effet 3D-Tourner.

Bandes et spirales 3D - Adobe Illustrator

Mots de conclusion:

Nous voilà déjà à la fin de ce tutoriel. J'espère que vous avez apprécié et que vous avez pu tirer quelques astuces.

Si vous avez encore des questions sur ce sujet, n'hésitez pas à les écrire dans les commentaires de ce tutoriel. Je m'efforcerai de vous répondre dans les meilleurs délais.

Sur ce...

Soyez créatif.

Votre Julian