La création d'un ruban s'apparente à la création de toute autre forme dans Adobe Illustrator. Cela signifie qu'il faut partir des formes de base comme le rectangle. Faites quelques copies et combinez les formes pour en créer une nouvelle. Vous pouvez également créer un ruban torsadé à partir d'une ligne.

Ça semble intriguant, non ?

Il existe tellement de types de rubans différents qu'il est impossible de tous les couvrir dans un seul tutoriel. Dans ce tutoriel, je vous montrerai donc comment réaliser une bannière en ruban classique et quelques astuces pour la styliser. De plus, vous apprendrez également comment réaliser un ruban torsadé en 3D.

Remarque : les captures d'écran de ce tutoriel sont tirées de la version Mac d'Adobe Illustrator CC 2022. Les versions Windows ou autres peuvent présenter des différences.

Comment créer un ruban dans Adobe Illustrator

Vous pouvez dessiner un ruban à l'aide des outils de forme d'Adobe Illustrator, tels que l'outil Rectangle et l'outil Constructeur de forme.

Suivez les étapes ci-dessous pour réaliser un ruban vectoriel.

Étape 1 : Choisissez le Outil Rectangle (raccourci clavier M ) de la barre d'outils pour dessiner un long rectangle.

Étape 2 : Dessinez un autre rectangle plus court et déplacez-le à l'endroit où il croise le rectangle le plus long.

Étape 3 : Choisissez le Outil de point d'ancrage (raccourci clavier Équipe + C ) dans la barre d'outils.

Cliquez sur le bord gauche du plus petit rectangle et faites-le glisser vers la droite.

Étape 4 : Dupliquez la forme et déplacez-la vers le côté droit du rectangle.

Retournez la forme et vous verrez une forme de bannière en ruban.

Non, on n'a pas encore fini.

Étape 5 : Sélectionnez toutes les formes et choisissez l'option Outil de création de formes (raccourci clavier Équipe + M ) dans la barre d'outils.

Cliquez et faites glisser les formes que vous voulez combiner. Dans ce cas, nous combinons les parties a, b et c.

Après avoir combiné les formes, votre image devrait ressembler à ceci.

Vous pouvez utiliser l'outil ligne pour ajouter un petit détail au ruban.

Vous pouvez modifier la couleur, ou ajouter du texte et créer une bannière en ruban. Si vous envisagez d'ajouter une couleur différente à ce petit triangle, vous pouvez utiliser l'outil de création de formes pour créer une forme.

Comment réaliser une bannière en ruban dans Adobe Illustrator

Maintenant que vous avez créé la forme du ruban, l'étape suivante consiste à donner un style au ruban et à ajouter du texte pour créer une bannière en ruban. Je vais passer les étapes de la création d'un ruban ici puisque je les ai déjà couvertes ci-dessus.

Commençons par la partie coiffure. En parlant de coiffure, la couleur vient en premier.

Étape 1 : Remplissez le ruban de couleurs.

Conseil : après avoir rempli la couleur, vous pouvez regrouper les objets pour l'instant, au cas où vous déplaceriez certaines parties accidentellement.

Étape 2 : Utilisez l'outil Type pour ajouter du texte. Choisissez une police, une taille, une couleur de texte et déplacez le texte au-dessus du ruban.

Si vous êtes satisfait de ce look, vous pouvez vous arrêter là, mais je vous montrerai ci-dessous quelques astuces pour réaliser des rubans incurvés.

Comment réaliser des rubans incurvés dans Adobe Illustrator

Nous n'allons pas dessiner un ruban à partir de zéro, mais nous pouvons déformer le ruban vectoriel que nous avons créé ci-dessus pour le rendre courbe à l'aide de la fonction Envelop Distort.

Tout simplement sélectionner le ruban, aller au menu général Objet > ; Distorsion de l'enveloppe > ; Faire avec Warp Une fenêtre d'options de distorsion apparaît.

Le style par défaut est un arc horizontal avec une courbure de 50 %. Vous pouvez ajuster la courbure en déplaçant le curseur. Par exemple, je l'ai modifié à 25 % et c'est très bien.

Cliquez sur OK et c'est tout. Vous avez fait un ruban incurvé.

Vous pouvez également cliquer sur le menu déroulant Style pour afficher d'autres options de style.

Par exemple, voici à quoi ressemble le style Drapeau.

Comment réaliser un ruban torsadé dans Adobe Illustrator

Il suffit de deux étapes pour créer un ruban torsadé dans Adobe Illustrator. Il suffit de tracer une ligne et d'appliquer un effet 3D à cette ligne. En fait, vous pouvez également utiliser cette méthode pour créer un ruban 3D.

Étape 1 : dessiner une ligne courbe/ondulée. Ici, j'ai utilisé l'outil pinceau pour dessiner une ligne.

Étape 2 : Sélectionnez la ligne, allez dans le menu général. Effet > ; 3D et matériaux > ; Extrude & ; Biseau .

Vous ne pouvez pas vraiment voir l'effet car il est en noir. Changez la couleur de la ligne pour voir ce que cela donne.

Vous pouvez régler l'éclairage et le matériau, ou faire pivoter le ruban pour obtenir l'aspect souhaité.

C'est tout. La forme du ruban dépend donc de la ligne que tu as tracée. En fonction de la forme, tu peux ajuster l'éclairage pour obtenir le meilleur résultat.

Conclusion

Vous devriez maintenant savoir comment créer différents types de bannières en ruban et de rubans torsadés. Lorsque vous créez une bannière en ruban, assurez-vous que vos formes sont créées correctement à l'aide de l'outil de création de formes, sinon vous risquez de rencontrer des problèmes pour colorier les différentes parties.

La fabrication de rubans en 3D est assez simple, le seul "problème" que vous pourriez rencontrer est de comprendre l'éclairage et la perspective. Je n'appellerais même pas ça un problème, mais plutôt de la patience.

Faites-moi savoir si vous avez des questions sur la création d'un ruban dans Adobe Illustrator.