Motifs vectoriels avec Adobe Illustrator

L’usage des motifs est vieux comme le monde. Il suffit de porter son regard sur certaines mosaïques romaines comme sur les motifs des tapis tissés en Amérique centrale ou au Moyen-Orient pour se convaincre que c’est bien un des trous premiers arts “premiers” ! Que toutes les civilisations ont la géométrie en commun, que tous les hommes — quand ils ne s’entre-tuaient pas — pouvaient chercher à combiner des formes élémentaires pour les décliner en frises…!

Avec des machines de plus en plus puissantes en terme de processeur et des outils vectoriels comme Adobe illustrator, fabriquer des motifs n’est plus une tâche trop compliqué. Enfin, en théorie…!

La réussite d’un motif ne peut fonctionner que si trois éléments sont réunis…
• Avoir au minimum une idée assez précise de ce que l’on souhaite réaliser (un premier croquis au crayon est nécessaire pour juger, soi-même, de la pertinence du projet graphique)…
• Ensuite, être très rigoureux dans ses mesures et cela dès le démarrage à l’écran.
• Enfin, se souvenir que fabriquer des motifs est une activité hautement chronophage et qu’il existe (heureusement…!) des sites de vente en ligne qui vous épargneront bien de la peine et du temps. Pour ma part, j’utilise cette dernière solution, quitte à remanier ensuite à mon idée les dessins acquis online.

Le propos ici n’est pas de vous montre comment réaliser un superbe “motif de la mort qui tue” (1000 graphistes, 1000 appréciations différentes…!) mais de rappeler quelques notions basiques, conditions de réussite…!

Se placer dans les bonnes conditions de travail
Bref, ouvrez Illustrator et commencez par changer temporairement vos préférences d’application. Que vous soyez en RVB ou CMJN n’a pas d’importance, j’imagine que tous les lecteurs ont d’ors et déjà fixé les bons profils ICC, etc.
Non, ce qui est important pour éviter de fins décalages, c’est d’opter pour des points… Si, si, de travailler en points et non en millimètres…

Ensuite de créer des carrés qui serviront de guides pour les tracés futurs.

J’attire immédiatement votre attention sur un point de détail qui a son importance… Si vous placez votre carré n’importe où sur la page d’illustrator, les cordonnées x;y risquent d’être suivies de décimales…

Arrondissez les coordonnées… Ah, surprise, certains d’entre vous verront alors que le carré de 100 par 100 est devenu soudainement un 100 par 99,98 pts…!
Ces 0,02 points peuvent s’avérer parfois pénalisants lors de la répétition…
En effet, quand vous allez utiliser ce motif sous InDesign et que vous allez générez un fichier .ps qui sera ensuite distillé, vous risquez de découvrir sur votre .pdf ouvert sous acrobat des lignes horizontales ou verticales disgracieuses à l’endroit des répétitions du motif…

J’imagine que tout le monde sait utiliser l’outil de déplacement en mode copie — puis avec l’option répétition de la dernière action — pour créer une grille parfaite…

Une fois la grille réalisée, il suffit d’aller dans Affichage/Repères/Créer les repères…

Grâce à cette grille de base, vous allez pouvoir tracer dessus, en utilisant d’ailleurs une astuce…
En effet, pour placer précisément les éléments dans illustrator, un petit coup de Commande U (repères commentés) qui vous signalera quand vous serez bien placé par rapport à la forme en dessous. Ce sont les collimateurs d’Illustrator en quelque sorte…! Bon, ne pas hésitez à vérifiez à un niveau de zoom important et en regardant régulièrement les valeurs affichées dans la palette dans les coordonnées (pour limiter l’arrivée de décimales dans les valeurs…)

Tout ceci pour dessiner une forme élémentaire. Ici, une pelta (la forme du bouclier romain).

En conservant la même grille et en réduisant la forme créée à 50 %, vous pouvez commencer une combinatoire classique… Comme cette disposition.

Au risque de me répéter, vérifiiez systématiquement les jonctions de formes…

Mais pour créer le motif, il faut le délimiter avec un carré transparent (pas de contour et pas de couleur de fond) qui va servir de section de répétition. En effet, un motif, c’est une brique élémentaire répétée à l’infini.
Dans le cas décrit, c’est un simple carré qui couvre nos 4 par 4 rectangles (je l’ai matérialisé en vert clair…). Ce carré soit être impérativement en arrière-plan de tous les éléments qui construisent le motif.

Bon, le carré de section est donc transparent, on, le sélectionne lui et les figures du motif… et cliqué/glissé dans la palette des motifs…! Pour vérifier ce que cela donne un rectangle à côté auquel nous attribuons le motif fraîchement réalisé…

Bref, vous avez compris… Ensuite en conservant ce carrée de sélection transparent et en déplaçant les figures, en jouant sur des translations, on peut décliner ainsi les éléments de base…

Vous pouvez essayer d’autres combinaisons, sur une grille de trois carrés par exemple…

Je vous engage à mémoriser tous vos motifs au fur et à mesure de leur création en les glissant dans la palette idoine (il sera toujours temps après coup de trier pour ne conserver que les motifs efficaces)…

Et ainsi de suite. En partant de cette dernière option, rien ne vous empêche de finasser pour construire un motif plus sophistiqué en utilisant d’autres opérations élémentaires d’Illustrator. Celui présenté est améliorable et n’est ici que pour clore cette démonstration…

Ce qui m’intéressait dans ce bref billet, c’était de vous inciter à réfléchir à l’emploi des motifs qui reviennent en force dans le paysage graphique. À vous de jouer en n’oubliant pas que cela va consommer beaucoup — trop — de temps (…parfois au détriment des missions à finaliser). Ensuite qu’il est très facile de bien démarrer pour finir par surcharger outrageusement le motif au point qu’il en devient franchement inutilisable… Qu’un motif raffiné n’est pas forcément compliqué… Qu’il y a des gens très doués et d’autres moins…!

Pour ma part, je plébiscite OnePattern qui a le mérite — entre autres — d’offrir un excellent ratio qualité/prix…