Mon premier tutoriel sur ce blog, une adaptation et traduction d’un tutoriel disponible sur spoongraphics. Comment créer un ruban sous Illustrator, du style de celui en illustration ci-dessus. Cliquez sur “Lire la suite du billet” pour voir le tutoriel!

Choix des couleurs du ruban

En premier il vous faut choisir une palette de couleurs. Vous pouvez comme le propose spoon, vous aidez de quelques sites; ColourLovers, qui permet de télécharger votre choix de palette pour l’insérer directement dans Illustrator ou des outils comme ColorWizard ou ColorJack. Au passage une adresse avec un guide complet sur le choix et les outils disponibles pour les couleurs.

Commencez par créer des blocs avec l’outil rectangle (Touche M) avec vos différentes couleurs. Ca sera plus simple pour glisser / déposer vos couleurs après.

Les bases du ruban

Dessinez votre premier rectangle. Si vous souhaitez être précis, il vous suffit de cliquer avec l’outil une seul fois sur le plan de travail pour qu’une boîte de dialogue s’ouvre afin de rentrer votre largeur et hauteur. Par exemple 500px de Largeur et 15px de Hauteur.

Pour dupliquer notre rectangle, sélectionner le, appuyez sur la touche Entrée. Une boîte de dialogue s’ouvre. Dans un premier temps décochez Aperçu, puis rentrez la valeur pour la verticale, ici -15px (la hauteur de notre rectangle) et laissez à zéro l’Horizontale. Cliquez sur Copier. Voilà, nous avons un 2ème rectangle.

Pour répéter l’opération autant de fois que vous le voulez, il vous suffit d’utiliser la combinaisons de touches suivante : (CTRL + D).

Dernière opération pour avoir notre base de travail, il nous faut différencier nos rectangles par des couleurs différentes. Pour cela, nous allons utiliser les blocs de couleurs créés au début de ce tutoriel. Sélectionnez le premier bloc, et glissez la couleur de la palette d’outil vers le rectangle. Répétez la même opération sur les autres rectangles.

Distorsion et déformation du ruban

Sélectionnez l’ensemble des rectangles, puis allez dans le menu Objet > Distorsion de l’enveloppe > Créer d’après un filet. Pour l’exemple, entrez 4 dans les rangées et colonnes.

Pour commencer la déformation, sélectionnez avec l’outil Sélection directe (la flèche blanche, A), la première colonne de points sur la gauche. Utilisez l’outil Mise à l’échelle (S + Shift) pour déformer l’ensemble, comme sur l’exemple ci-dessous.

On va maintenant appliquer une Rotation (R) toujours sur les mêmes points de la première colonne.

Répétez les opérations Mise à l’échelle (S + Shift) et Rotation (R) sur les points de la deuxième colonne.

Résultat final du ruban vague

Maintenant que vous avez compris le principe, il vous reste à faire la même chose sur le reste des colonnes de points. Pour obtenir, par exemple, ce résultat :

Vous l’aurez compris, il n’y a rien de bien compliqué et les possibilités sont quasiment infinies. Regardez par exemple le résultat dans une des créations de SpoonGraphics.

J’espère que ce tutoriel va vous plaire. N’hésitez pas à laisser un commentaire ou à me contacter si vous avez des questions. Et peut-être que d’autres tutoriels suivront…