Illustrator peut sembler être un logiciel assez obscur pour ceux qui tenteraient l’aventure de l’ouvrir une première fois. C’est tout à fait compréhensible : l’interface ressemble un peu à Photoshop alors que le panneau d’outil est quant à lui très différent, ce qui nous pousse à ne presque pas y toucher. Et on ne parle même pas des fenêtres du logiciel, qui n’ont rien à voir avec Photoshop. Finalement on ferme très rapidement Illustrator et c’est fini… Mais non ! Ouvrez-le de nouveau et suivez donc ce tutoriel qui va vous permettre de faire de belles petites choses avec ce merveilleux outil en puissance.
Double Introduction
Qu’est-ce qu’Illustrator ?
Illustrator est un logiciel de création d’images vectorielles. C’est tout de suite plus clair, non ? Pour ceux qui ne le sauraient pas (et on peut prédire que c’est le cas pour beaucoup), les images vectorielles sont l’inverse d’images matricielles : au lieu de servir de pixels pour produire des images, ces images vont utiliser des vecteurs, soit des éléments permettant de faire des opérations par un scalaire. Compris ? Eh bien le résultat concret de tout cela, c’est qu’une image vectorielle peut-être agrandie, rapetissée autant de fois que vous le voulez, l’image ne sera pas « pixelisée » (contrairement aux images de type matriciel).
Qu’est-ce qu’un Mandala ?
Représenté comme un tapis de médiation dans la religion bouddhiste, le Mandala représente l’univers dans son intégralité (et permettrait d’atteindre le chemin de l’éveil spirituel).
Loin de nous l’idée de vous mettre en relaxation spirituelle, nous allons plutôt vous aider à créer un début de motif à l’aide d’Illustrator. Pour cela vous aurez besoin : d’un ordinateur, d’Illustrator, d’une souris (un trackpad pourra faire l’affaire), une bonne dose d’attention et beaucoup de passion dans ce que vous allez faire (très important). Et peut-être qu’à la fin de ce tutoriel et avec beaucoup d’entraînement, vous arriverez à faire ce genre de création (inspiration du film Princesse Mononoké de Hayao Miyazaki) :
1. Des bases simples
Pour commencer la pratique, nous allons partir sur la confection de formes simples. Cercles, carrés, triangles puis des formes un peu plus complexes. Deux outils sont pour cela essentiels : l’outil de création de Formes (qui permet de créer plein de formes prédéfinies différentes, comme vous pouvez le voir ci-dessous) et la Plume.
Avant de commencer quoi que ce soit, on va paramétrer l’aspect des formes que l’on aura. Cliquez sur l’outil Sélection (le curseur noir), puis veillez à avoir les mêmes données que ci-dessous (fond transparent/contour noir de 3 points).
C’est parti ! Faites Cmd (Ctrl pour PC) + N pour un nouveau document.
Entrez les informations suivantes :
Sélectionnez la forme Ellipse (raccourci L), puis cliquez n’importe où sur le document. Une fenêtre va alors s’ouvrir pour paramétrer la taille de votre forme. Mettez 100px en largeur et 100px en hauteur.
Trois petites astuces intéressantes :
– Appuyez sur V et vous pourrez sélectionner une forme dans sa totalité ; appuyez sur A et vous pourrez sélectionner une forme par ses points ou bien aussi dans sa totalité, en laissant la touche Alt enfoncée.
– Pour aligner votre forme au centre de votre écran, sélectionnez-la dans sa totalité puis allez en haut à droite de votre écran et cliquez sur ces boutons-là (tout en veillant à ce que « Aligner sur le plan de travail » soit coché).
– Sélectionnez la Plume (par exemple). Si vous allez au centre de votre cercle et qu’il n’y a pas ce message ci-dessous, enfoncez les touches Cmd + U.
Ensuite, créez une nouvelle Ellipse de 50px par 50px, et alignez-la au-dessus du premier cercle. Vous allez ensuite utiliser la forme Rectangulaire : créer une forme de 10px par 120px et faites le pont entre les deux formes afin d’obtenir ceci.
Enfin, une troisième forme à l’aide de la Plume (raccourci P). Nous allons faire la moitié d’un coeur. L’action détaillée ici est illustrée ci-dessous : alignez votre premier point d’ancrage sur le centre des cercles, puis commencez à tracer la moitié de votre coeur (tout en gardant votre dernier point sur le même axe que le premier). Enfin, positionnez-la au niveau de la jonction pont/grand cercle.
Nous allons passer maintenant à l’une des meilleures parties techniques du tutoriel.
2. Symétrie et rotation
La Symétrie et la Rotation se trouvent au même endroit dans Illustrator. Il faut savoir que, pour utiliser ces deux outils, il faut au préalable avoir sélectionné au moins une forme. Dans le panneau d’outils, ils se trouvent ici :
La Symétrie (ou l’outil Miroir) : cliquez sur V puis sélectionnez la dernière forme que vous avez faite (la moitié du coeur). Une fois sélectionnée, appuyez sur O pour accéder à l’outil Miroir. Vous allez alors créer le point qui va servir d’axe de symétrie. Pour ce faire, cliquez sur le point le plus en bas de votre figure. Un curseur bleu (l’axe en question) apparaît alors.
Maintenant il va falloir bien suivre la manipulation : laissez la touche Maj enfoncée et le clic gauche de votre souris n’importe où sur votre document. Puis, avec votre souris, allez de gauche à droite. Vous verrez votre forme bouger de manière symétrique. Pour avoir au final les deux formes (l’originale et la version symétrique), il faudra laisser appuyer au dernier moment sur la touche Alt avant de relâcher celle de votre souris. Et voilà !
Il vous suffit enfin de sélectionner les deux parties de vos formes et faire Cmd + J pour les joindre en une seule et même figure. Si les points de jonction sont bien les uns sur les autres, cela fonctionnera.
La Rotation (raccourci R) : elle s’effectue de la même manière que la symétrie, à savoir qu’il faut mettre un point de rotation comme repère puis reproduire les mêmes gestes et raccourcis. C’est pourquoi on va agir un peu différemment (pour innover). On va positionner cinq coeurs à intervales réguliers autour du cercle de base.
Sélectionnez le coeur en entier, puis cliquez sur R. Notre axe de rotation étant le centre du grand cercle, il va falloir cliquer sur ce centre avec la souris. Seulement avant de cliquer, laissez la touche Alt enfoncée. Cette fenêtre apparaitra alors :
Qu’a t-on fait ? Tout en positionnant le point qui va nous servir de repère pour la rotation, nous avons ouvert la fenêtre qui permet de paramétrer précisément la rotation que nous allons donner à notre forme. Les deux boutons « Copier » et « Ok » font quasiment la même chose, à savoir de produire la rotation voulue. « Copier », contrairement à « Ok », en profite pour garder l’original (il en duplique l’image originale au lieu de la déplacer). Nous allons donc commencer : avant de faire la répétition de la forme, on va la décaler hors du « pont ».
Un peu de mathématiques
Vu que nous voulons répéter cinq fois la forme et qu’un cercle fait 360 degrés, il faut simplement faire 360/5 = 72. 72 étant la valeur de la rotation à faire, sa moitié (36 degrés) sera donc la valeur parfaite pour décaler le coeur une première fois. Rentrez 36 dans la case « Angle » et faites directement « Ok » (et pas « Copier »). Votre coeur est ainsi décalé.
Enfin, procédons à la répétition. Refaites la même manipulation (Alt + clic droit au centre du cercle), puis mettez 72 maintenant. Faites « Copier » et votre forme sera dupliquée.
Pour répéter l’action que vous avez faite précédemment, appuyez sur Cmd + D autant de fois que vous le voulez (ici 3 fois).
Et voilà, vos coeurs sont parfaitement répartis !
Passons à la phase suivante pour rendre cela plus présentable.
3. Décomposition
Troisième et dernier outil très utile (le plus utile des trois selon nous) : faites une ovation pour l’outil Concepteur de forme (Maj + M) !
A quoi sert-il ? Il découpe une forme selon la jonction qu’il a avec une autre. Si c’est incompréhensible maintenant, cela ne le restera pas bien longtemps !
Pour l’utiliser, il ne faut pas sélectionner une, mais deux formes. Très important, ces deux formes doivent s’entrecouper. Faisons le test sur le premier coeur en haut à gauche. Sélectionnez-le en même temps que le grand cercle (laissez Maj appuyée pour cela). Ensuite, pressez Maj + M. Si vous ne laissez pas la touche Alt enfoncée ensuite, vous ne ferez que créer une nouvelle forme (issue de la jonction entre les deux). Pour supprimer définitivement la forme en trop, laissez Alt appuyé tout en cliquant sur la forme à supprimer. Pointez cette arête-ci :
Cliquez dessus tout en enfonçant Alt et elle disparaitra !
Faites de la même manière pour les quatre autres coeurs et vous aurez terminé l’apprentissage des outils.
4. Mise en place des connaissances
Nous allons maintenant appliquer ce que l’on a vu sur les autres formes restantes. Commençons par le découpage du pont (qui traverse les deux cercles). De la même façon, il faut supprimer les arêtes intérieures.
Une fois le résultat obtenu, nous allons faire une rotation du pont et du petit cercle et le répéter 5 fois (comme avec les coeurs). Vous obtiendrez cela :
En faisant cela, vous êtes parvenus à avoir de très bonnes bases pour continuer sur Illustrator. N’hésitez pas à vous inspirer de tout ce que vous voyez sur des sites comme Behance, Flickr ou tout bêtement Google Images. Voici ce à quoi vous pouvez arriver en utilisant uniquement ce tutoriel et en finissant l’image de départ (fait en moins de 2 heures) :
5. Finir votre travail en l’exportant
Une fois votre création terminée, il faut l’enregistrer. Sachez que l’enregistrement sur Illustrator peut vous mener à des formats qui ne vous seront pas forcément utiles (pdf, psd…). Pour sauvegarder votre création en des formats tels que le jpg ou le png, il faut l’exporter. Pour cela, allez tout en haut dans « Fichier>Exporter ». La suite, c’est comme pour enregistrer normalement un fichier.
Ce tutoriel est maintenant terminé. En espérant que vous avez progressé sur Illustrator, nous vous invitons à faire et refaire ces mêmes actions. Inspirez-vous sur Internet, créez et progressez toujours plus afin que cela devienne naturel chez vous. Vous aurez alors de bonnes armes pour commencer à domestiquer ce superbe logiciel qu’est Illustrator.