Répéter, superposer, cacher : une infographie de pro
Une infographie réussie répète les mêmes éléments avec rigueur : un motif de fond, des pictogrammes identiques, des couleurs qui se superposent sans s'étouffer. Cette séance t'apprend les quatre outils de la répétition et de la superposition : les motifs, la transparence, les masques et les symboles, jusqu'au graphe dont les barres sont faites de pictogrammes.
Ce que tu fabriques. L'infographie Datashop « Le chiffre d'affaires par canal », au format portrait des réseaux sociaux (1080 × 1350 px) : un fond à motif, un graphe dont chaque barre est une pile de pictogrammes, les quatre canaux et leurs vrais chiffres. Elle rejoint la page « infographie » de ton portfolio (atelier 3).
Les fichiers de la séance. seance3-datashop-canaux.txt (les chiffres et les textes, à copier-coller) et seance3-pictos-datashop.svg (quatre pictogrammes dessinés pour le cours : site web, magasin, téléphone, marketplace). Les chiffres sont ceux de Datashop, le fil rouge de toutes tes matières : 435 900,85 € de chiffre d'affaires.
Un nom suivi d'un astérisque (*) vient de l'aide officielle d'Adobe et n'a pas encore été relevé sur l'écran d'Illustrator 2026 : si ton Illustrator affiche autre chose, c'est lui qui a raison — et dis-le à ton formateur.
Créer et appliquer un motif
Le mode d'édition de motif, le type de mosaïque, appliquer et transformer un motifUn motif est une nuance comme une autre : il remplit un fond ou un contour, et il se répète à l'infini sans raccord visible. On en trouve des bibliothèques toutes faites (menu du Nuancier › Ouvrir la bibliothèque de nuances* › Motifs), mais une marque crée les siens.
- Dessine l'élément à répéter (un petit picto, un grain), sélectionne-le, puis Objet › Motif › Créer.
- Illustrator passe en mode d'édition de motif : le panneau Options de motif s'ouvre, l'élément se répète en gris autour.
- Choisis le Type de mosaïque (en grille, en brique, en hexagone), la largeur et la hauteur du carreau, l'espacement.
- Clique sur Terminé, en haut de la fenêtre : le motif rejoint le nuancier.
Appliqué en fond, le motif suit l'objet. Pour changer l'échelle du motif sans changer l'objet, double-clique sur l'outil Mise à l'échelle et ne coche que Transformer les motifs*. Un double-clic sur la nuance du motif rouvre le mode d'édition.
Un motif en brique (décalé d'un demi-carreau une ligne sur deux) paraît plus naturel qu'une grille : l'œil ne voit plus les colonnes.
Opacité, modes de fusion et masque d'opacité
Le panneau Transparence : opacité, mode, masque d'opacité, écrêterLe panneau Transparence (Maj+Ctrl+F10, regroupé avec Contour) règle trois choses :
- l'opacité, de 0 à 100 % ;
- le mode de fusion : comment la couleur se mélange avec ce qui est dessous ;
- le masque d'opacité : un objet en niveaux de gris qui dit où l'objet est visible.
| Mode | Effet | Usage |
|---|---|---|
| Produit (vu en 1ʳᵉ année) | assombrit, le blanc disparaît | croiser deux lettres d'un monogramme |
| Superposition | éclaircit, le noir disparaît | un picto clair posé sur un fond sombre texturé |
| Incrustation | renforce le contraste du dessous | teinter une texture sans l'écraser |
Le masque d'opacité
Pose un rectangle en dégradé du blanc au noir au-dessus de l'objet, sélectionne les deux, puis Créer masque dans le panneau Transparence. Blanc = visible, noir = caché, le gris entre les deux : l'objet s'efface en douceur. Écrêter limite l'objet à la forme du masque ; Inverser échange visible et caché.
La transparence se voit à l'écran, mais l'imprimeur doit l'aplatir. Le PDF/X-4 la conserve proprement ; les anciens formats (PDF/X-1a, EPS) la découpent en morceaux.
Le masque d'écrêtage
Montrer une partie seulement, sans rien couper ni supprimerUn masque d'écrêtage montre ce qui est sous une forme, et cache le reste. La forme du dessus sert de fenêtre ; tout ce qu'elle recouvre reste entier, simplement caché.
- Place la forme-fenêtre au-dessus du contenu (au besoin Maj+Ctrl+]).
- Sélectionne les deux, puis Objet › Masque d'écrêtage › Créer (Ctrl+7) — ou le bouton Créer/Annuler le masque d'écrêtage en bas du panneau Calques.
- Pour retoucher le contenu, double-clique : le mode isolation s'ouvre, on déplace l'image à l'intérieur de la fenêtre.
- Alt+Ctrl+7 annule le masque : tout réapparaît.
Un texte peut servir de fenêtre : le motif de grains de café vu à travers le mot « Datashop ». Le texte reste modifiable au clavier.
Le masque d'écrêtage cache net ; le masque d'opacité du module précédent cache en douceur. Les deux sont réversibles.
Créer et utiliser des symboles
Un dessin, des dizaines d'occurrences, une seule modificationUn symbole est un dessin enregistré une fois dans le panneau Symboles (Maj+Ctrl+F11), puis posé autant de fois qu'on veut : chaque copie est une occurrence, qui ne pèse presque rien dans le fichier.
- Sélectionne le picto, puis F8, ou glisse-le dans le panneau Symboles, ou clique sur le bouton Nouveau symbole.
- Dans la boîte Options de symbole, donne-lui un nom parlant (« picto-magasin »), et valide.
- Glisse le symbole du panneau vers le plan de travail autant de fois que nécessaire.
- Double-clic sur une occurrence : le mode isolation ouvre le symbole. Modifie-le, sors : toutes les occurrences suivent.
Les bibliothèques de symboles d'Illustrator (menu du panneau) en proposent des centaines : utiles pour un essai, jamais pour une marque.
Même logique que les nuances globales : une référence, des occurrences. Les symboles servent aussi au graphe du module suivant, et la troisième année va plus loin (symboles dynamiques, mise à l'échelle 9 tranches).
Le graphe en pictogrammes
Un graphe d'Illustrator, ses données, et des barres faites de symbolesIllustrator trace de vrais graphes à partir de chiffres. L'outil Graphe à barres verticales* (J) est dans la barre Avancé : un clic sur le plan de travail demande la taille, puis une petite feuille de données s'ouvre.
| Canal (Datashop, 2025 et 2026) | Chiffre d'affaires | Part |
|---|---|---|
| Site web | 160 835,80 € | 36,9 % |
| Magasin | 134 865,29 € | 30,9 % |
| Téléphone | 82 086,00 € | 18,8 % |
| Marketplace | 58 113,76 € | 13,3 % |
| Total | 435 900,85 € | 100 % |
- Saisis les quatre canaux et leurs montants (ou leur part) dans la feuille de données, puis applique (la coche).
- Sélectionne un picto, puis Objet › Graphe › Symbole…, et enregistre-le comme motif de graphe (rien à voir avec le panneau Symboles).
- Sélectionne le graphe, puis Objet › Graphe › Barre… : choisis le motif et une répétition uniforme (un picto = 10 000 €, par exemple).
Le graphe reste lié à ses données tant qu'on ne le dissocie pas : corrige d'abord les chiffres, mets en forme ensuite. Et cite toujours la source sous le graphe : « Datashop, ventes 2025-2026 ».
Quiz de fin de séance
Six questions pour vérifier que c'est acquisCes six questions reprennent toute la séance, au format et au niveau de la certification Tosa. Réponds sans revenir en arrière.
Moins de 4 sur 6 ? Reprends les modules 2 et 3 : le masque et les symboles reviennent dans l'atelier 2 (le sachet) et l'atelier 3 (le portfolio).
STOP exercices. Tu as lu tout l'onglet et répondu à ses questions : arrête-toi ici, ne passe pas encore à l'onglet suivant. En cours, ton intervenant montre l'essentiel sur son écran, puis vous refaites ensemble :
- Le motif sur le sachet — atelier 2 : motif en brique appliqué au papier
- L'infographie Datashop — atelier 3 : la page infographie du portfolio
Tu travailles seul ? Fais ces exercices maintenant, sur sachet-a-plat.svg et seance3-datashop-canaux.txt (page Ateliers), puis passe à l'onglet suivant.