Dans ce cours, vous allez prendre connaissance des principes de l’illustration modulaire, de son potentiel et de ses limites.
Définir l’illustration modulaire
Dans le contexte de l’illustration et du graphisme, le principe de modularité correspond à la possibilité d’assembler des éléments graphiques simples (nommés modules) pour construire une image.
Illustration modulaire ornementale
Dans une approche ornementale, le module graphique est une forme simple, souvent géométrique, facile à juxtaposer dans les 2 dimensions du plan. Le plus souvent, le module s’inscrit dans un carré. Il peut cependant facilement s’inscrire dans un hexagone ou un triangle.
L’illustration modulaire ornementale n’est pas nécessairement répétitive, comme le sont les textures formées de motifs juxtaposés et répétés à l’infini.
Le dessin d’un module ornemental peut être abstrait ou figuratif. Sur la capture d’écran ci-dessous, la première composition est un assemblage de d’éléments figuratifs évoquant la nature.
Illustration modulaire ornementale programmée
Le principe de construction modulaire est facilement programmable. Il existe donc des applications permettant de construire automatiquement des images modulaires ornementales.
PatternPad permet de personnaliser de nombreux paramètres, même si la composition finale est mise au point de manière aléatoire. Cette application autorise le paramètrage de pourcentage d’occupation des motifs dans l’espace de composition. Les compositions sont exportables au format SVG (exploitable avec Adobe Illustrator).
Illustration modulaire figurative
Une illustration modulaire figurative ne s’inscrit pas nécessairement dans une grille. Les modules à assembler sont juxtaposés ou superposés pour former l’image voulue.
Personnages modulaires
Tous les personnages ci-dessous sont composés d’éléments modulables, à la manière des 2 personnages ci-dessus.
On trouve de nombreuses ressources en ligne pour assembler des éléments dessinés en vue de composer des illustrations adaptées à différents besoins graphiques.
- Kit d’illustration modulaire sur Freepik
- Personnages modulaire de Open Peeps
- Personnages cartoons via Vector Characters
- etc.
Décors isométriques
La composition par assemblage de modules permet, en remplissant certaines conditions, de simuler un espace en 3 dimensions. C’est notamment le cas de l’illustration isométrique dont le potentiel a été pleinement utilisé dans le secteur des jeux vidéos.
Faire varier le style d’une illustration modulaire
À partir du moment où vous disposez des éléments modulables avec lesquels vous envisagez de composer vos illustrations, vous pouvez faire varier le style de vos illustrations en jouant sur de nombreux paramètres.
Faire varier la surface et le trait
Des surfaces vectorielles pleines se transforment très facilement en formes linéaires dotées d’un contour. Cette simple opération modifie totalement la perception d’une image.
➜ En réduisant le nombre des couleurs et en alternant zones pleines et zones vides avec contours, on obtient des images différentes dont l’impact est souvent plus fort.
Les contours vectoriels sont stylisables et les surfaces peuvent être texturées ou ornées de motifs. L’utilisation d’un nombre de couleurs restreint renforce l’impact visuel et les contrastes d’une image.
Faire varier les contrastes
Une image modulaire est riche des contrastes qui l’animent. Dans l’illustration ci-dessus vous pouvez repérer plusieurs contrastes :
- foncé (obscur) vs clair (lumineux)
- coloré vs non-coloré
- texturé (varié) vs non-texturé (uniforme)
- grand vs petit
- ligne vs point
- surface vs trait
- gras (épais) vs maigre (fin)
- séparé vs associé
- orthogonal vs incliné
- rectiligne vs courbe
- terrestre (lourd) vs aérien (léger)
- etc.
➜ Je vous propose d’utiliser une check-liste interactive pour lister tous les contrastes utilisables en composition visuelle.
Voir des identités visuelles utilisant une logique modulaire
- Plusieurs identités visuelles modulables sont répertoriés sur un tableau Pinterest de l’agence DIV (Design Is Vital).
- Pinterest répertorie aussi d’autres projets d’identités visuelles modulaires.
- Le studio Graphéine a mis au point une identité visuelle modulaire pour Tours Métropole.
Le concept d’identité visuelle modulaire rejoint parfois le concept d’identité visuelle générative ou dynamiques. Graphéine a rédigé un article sur le sujet en appui sur l’identité visuelle de plusieurs organisations.
