Montrer une direction, puis créer ses propres outils
Avant une campagne, un rebranding, un portfolio, le directeur artistique présente un moodboard : une planche d'images, de couleurs, de matières et de typographies qui dit « voilà l'ambiance ». Le client valide une direction, pas un visuel fini. La seconde moitié de la séance donne les outils qui font une signature visuelle : des pinceaux et des textures à toi, la galerie de filtres et le masque de filtre, des styles combinés et enregistrés.
Ce que tu prépares : le moodboard de l'atelier 2 — celui de ton propre portfolio de troisième année. Commence dès maintenant à collecter des images, libres de droits ou les tiennes, en notant leurs sources.
Construire une palette
Dominante, secondaire, accents — avec leurs codesUne palette harmonieuse se construit en proportions : la règle 60-30-10 des décorateurs marche aussi à l'écran.
| Rôle | Part | Exemple « Lumière du Sud » |
|---|---|---|
| Dominante | ≈ 60 % | Sable #EAD9C0 |
| Secondaire | ≈ 30 % | Terre cuite #B5563A |
| Accent | ≈ 10 % | Vert olive #5E6B3A |
Trouver les couleurs
- À la pipette, dans tes images de référence : le code hexadécimal est dans le sélecteur de couleurs, champ
#. - Adobe Color (sur le site
color.adobe.com, gratuit avec ton compte Adobe) extrait un thème de cinq couleurs d'une photo, et propose des harmonies (complémentaire, analogue, triade). - Range-les dans un groupe du Nuancier et dans ta Bibliothèque « Portfolio » : Illustrator et InDesign les retrouveront.
Vérifie le contraste de ton texte sur tes couleurs : la fiche d'identité du portfolio le mesure. Un titre terre cuite sur fond sable peut être superbe et illisible.
La grille de composition
Alignements, rythme, respirationsUn moodboard qui « fait fouillis » manque presque toujours d'une grille. Affichage › Repères › Nouvelle disposition de repères la pose en une fois :
| Réglage | Pour une planche 1920 × 1080 |
|---|---|
| Colonnes | 12, gouttière 24 px |
| Rangées | 6, gouttière 24 px |
| Marges | 60 px sur les quatre côtés |
- Alignements : chaque image commence et finit sur une ligne de la grille.
- Rythme : une grande image, plusieurs moyennes, quelques petites. Tout de la même taille, c'est un catalogue, pas un moodboard.
- Respirations : les gouttières restent vides. Une planche sans vide ne se lit pas.
- Regroupements : les matières ensemble, les couleurs ensemble, les typographies ensemble.
Affichage › Magnétisme (Maj+Ctrl+;) fait coller les cadres aux repères : les alignements se font seuls.
Placer les images : l'outil Cadre
Des emplacements fixes, des images qu'on changeL'outil Cadre (K) dessine un emplacement rectangulaire ou elliptique. Glisse une image dessus : elle s'y place, recadrée, en objet dynamique.
- Clic sur la vignette de l'image, dans le calque du cadre : tu déplaces ou redimensionnes l'image dans le cadre.
- Clic sur la vignette du cadre : tu déplaces ou redimensionnes le cadre lui-même.
- Glisse une autre image sur le cadre : elle remplace la précédente, au même emplacement.
- Un calque de texte ou de forme peut être converti en cadre (clic droit › Convertir en cadre).
Pour un moodboard de 6 à 12 images, c'est plus rapide et plus propre que des masques d'écrêtage : la grille reste fixe, on essaie des images.
La grille pénalise « trop d'images (bruit) ou pas assez ». Entre 6 et 12 : en dessous, l'intention ne se lit pas ; au-dessus, elle se noie.
Typographies et annotations
Dire pourquoi, en quelques mots- Deux typographies, pas plus : une pour les titres, une pour le texte. Montre-les sur la planche, avec leur nom exact et leur origine (Adobe Fonts, Google Fonts).
- Les codes couleur sous chaque pastille de la palette.
- Des micro-commentaires : une ligne sous une image pour dire pourquoi elle est là. « La lumière rasante du soir : c'est elle que je veux pour mes photos de projets. »
Pour les annotations, un texte de paragraphe en petit corps, dans la couleur d'accent ou en gris, aligné sur la grille. Crée un style de paragraphe (Fenêtre › Styles de paragraphe) : toutes les annotations restent identiques, et se changent en une fois.
Les annotations valent 2 points. Elles transforment une planche d'images en argumentaire : le client comprend ce que tu vois dans chaque image.
Sources, droits, et un dossier propre
Ce qu'une licence permet ; nommer, ranger, citer ses sourcesLa règle de l'école. Dans tes ateliers, seulement des images libres de droits (licence notée) ou les tiennes. Aucune image trouvée sur un moteur de recherche sans licence.
Trouvée sur Internet ne veut pas dire libre. Toute image a un auteur, et donc des droits. Les plus courantes :
| Source ou licence | Ce qu'elle permet | À faire |
|---|---|---|
| Licence Unsplash / Pexels | Usage gratuit, même commercial, modification autorisée. | Créditer reste une bonne pratique. Pas de revente de l'image telle quelle. |
| Adobe Stock | Usage selon la licence achetée. | Les aperçus filigranés ne servent qu'aux maquettes. |
| CC BY | Tout usage. | Citer l'auteur et la licence, obligatoirement. |
| CC BY-NC | Usage non commercial seulement. | Interdit pour un client. |
| Domaine public | Tout usage. | Vérifier que l'œuvre y est vraiment (auteur mort depuis plus de 70 ans, en France). |
| Une image trouvée sur Google, Pinterest… | Rien, par défaut. | Acceptable dans un moodboard interne, qui ne sera pas publié ; jamais dans un visuel livré. |
Le droit à l'image des personnes s'ajoute au droit d'auteur : une personne reconnaissable doit avoir donné son accord pour un usage commercial. Les banques d'images sérieuses fournissent une autorisation du modèle (« model release »).
Sur la planche, les sources tiennent en une ligne discrète en bas : Photos : A. Martin (Unsplash), L. Fagg (Unsplash)… — et en détail dans ton sources.txt.
Un livrable professionnel est un dossier, pas un fichier :
| Élément | Exemple |
|---|---|
| Le PSD, organisé | DUPONT_Lea_BanniereYT_v3.psd |
| Les exports, par canal | export/banniere_2560x1440.png |
| Les sources | sources.txt : pour chaque image, l'auteur, le site, l'adresse, la licence |
| Les polices | Le nom exact, et leur origine (Adobe Fonts, Google Fonts…) |
« Sources non citées : −0,5 point, et correction demandée. » C'est dans la grille. Note l'auteur et la licence au moment où tu télécharges une image : la retrouver trois semaines plus tard est une perte de temps garantie.
Exporter la planche
Pour l'écran ou pour l'impression| Destination | Format | Export |
|---|---|---|
| Présentation à l'écran, envoi au client | 1920 × 1080 px, sRVB | Exporter sous, JPEG 85 % |
| Impression, affichage en réunion | A3 (420 × 297 mm), 300 ppp | Enregistrer une copie en PDF ou TIFF |
Avant d'exporter, regarde la planche réduite (Ctrl+- jusqu'à la taille d'une vignette) : si l'intention se lit encore, la composition est bonne. Et relis les annotations à 100 % : un texte de 12 px devient illisible une fois la planche projetée.
Créer ses pinceaux : forme, texture, transfert, tablette
Forme d'outil personnalisée, motif d'opacité et texture des outils de dessin, pression et inclinaisonReprise approfondie. En deuxième année, tu as réglé la forme, le pas et la diffusion d'un pinceau. Ici, tu crées la pointe elle-même, et tu lui donnes une matière.
Une pointe à toi
- Peins ou sélectionne la forme voulue (une tache d'encre, une feuille, ton monogramme) en noir sur fond blanc : le noir donnera la pointe opaque, les gris la pointe transparente.
- Édition › Définir un pinceau prédéfini…, et nomme-le : il rejoint le panneau Pinceaux.
- Règle-la ensuite dans Paramètres de forme (F5) : pas, dynamique, diffusion — puis enregistre le pinceau complet par le menu du panneau Pinceaux.
La matière : Texture et Forme double
| Section de Paramètres de forme | Ce qu'elle ajoute |
|---|---|
| Texture | Un motif imprime sa matière dans chaque coup de pinceau : papier, toile, grain. Réglages : Échelle, Luminosité, Contraste, Mode, Profondeur ; Texturer chaque pointe pour une texture qui bouge avec la pointe. |
| Forme double | Une seconde pointe découpe la première : des bords irréguliers, comme un pinceau sec. |
| Transfert | Fait varier l'opacité et le flux au cours du trait : un lavis qui s'éclaircit, une encre qui se charge. |
La tablette graphique
Dans Dynamique de forme et Transfert, chaque variation a un Contrôle : Pression de la plume (appuyer fort grossit le trait, ou le fonce), Inclinaison de la plume (le stylet penché élargit ou oriente la pointe, comme un crayon couché), Roulette du stylet. Les deux icônes de la barre d'options forcent la pression pour la taille et pour l'opacité.
Sans tablette, la souris ne transmet ni pression ni inclinaison : choisis Contrôle : Estompage sur un nombre de pas, pour un trait qui s'affine quand même.
La galerie de filtres, et le masque de filtre
Utiliser la bibliothèque de filtres ; les filtres dynamiques, leur masque et leurs options de fusionReprise approfondie. Les filtres dynamiques de deuxième année, cette fois combinés, masqués et fondus.
Filtre › Galerie de filtres réunit une cinquantaine d'effets graphiques (Artistiques, Contours, Esquisse, Esthétiques, Textures, Déformation) dans une seule fenêtre, avec un grand aperçu.
- À droite, la pile des effets : le bouton Nouveau calque d'effet, en bas, ajoute un effet au-dessus du précédent ; l'œil le masque, on les réordonne en glissant.
- Appliquée à un objet dynamique, toute la galerie devient un seul filtre dynamique, que l'on rouvre par un double-clic.
Le masque de filtre
Sous un objet dynamique filtré, la ligne Filtres dynamiques porte une vignette blanche : c'est le masque de filtre. Il agit sur tous les filtres de l'objet : peins-le en noir là où le filtre ne doit pas agir (le visage net, le fond flou), en dégradé pour une transition.
Les options de fusion d'un filtre
À droite du nom de chaque filtre, une petite icône ouvre ses Options de fusion : un mode et une opacité propres à ce filtre. Une Galerie « Contours accentués » en mode Incrustation à 40 % donne un dessin qui s'ajoute à la photo au lieu de la remplacer.
L'ordre compte. Les filtres dynamiques s'appliquent de bas en haut : un flou puis une netteté ne donnent pas la même image qu'une netteté puis un flou. Glisse-les dans la liste pour essayer.
Combiner les styles, et en créer des prédéfinis
Combiner les styles ; styles et options de fusion ; créer des styles prédéfinisReprise approfondie. Les styles superposés de deuxième année, combinés pour un rendu de marque, et réutilisables.
Un titre de marque se construit souvent en trois effets : une Incrustation en dégradé pour la couleur, un Contour fin pour la netteté, une Ombre portée douce pour le relief. L'ordre de la liste est l'ordre d'empilement : le contour est dessiné par-dessus l'incrustation.
| Réglage | Où | Pourquoi |
|---|---|---|
| Fond à 0 %, styles intacts | Options de fusion › Opacité du fond | Un texte « en creux » qui ne garde que son contour et son ombre |
| Effets à la bonne taille | Clic droit sur fx › Mettre à l'échelle les effets | Le même style sur un titre et sur une légende |
| Enregistrer le style | Bouton Nouveau style… de la boîte Style de calque | Il rejoint le panneau Styles, prêt pour les autres pages |
| Le partager | Glisser le style dans le panneau Bibliothèques | Illustrator et InDesign le retrouvent |
Dans la fenêtre Nouveau style, coche Inclure les options de fusion du calque si le rendu dépend du fond à 0 % : sinon, le style appliqué ailleurs ne donnera pas le même résultat.
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 0 et 4 : la palette avec ses codes et les sources citées pèsent 7 points de la grille du moodboard.
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 :
- La planche et sa grille — atelier 2 : planche, cadres, palette
- Typographies, sources, signature, le dépôt — atelier 2 : déposé
Tu travailles seul ? Fais ces exercices maintenant, sur tes images de référence et celles de l'atelier 2 (page Ateliers), puis passe à l'onglet suivant.