Ton monogramme, construit sur une grille comme un logo de professionnel
On change de studio : place au vecteur, celui des logos, des pictos et de tout ce qui doit rester net à toutes les tailles. Tu y apprends les outils de base, la couleur et le contour, le dégradé, puis la méthode des graphistes pour dessiner un logo : des cercles et des carrés de construction, assemblés par des opérations booléennes. À la fin : ton monogramme, tes initiales dessinées sur une grille.
Ta marque, suite. Le logo reprend les couleurs de ta fiche d'identité, tapées en #hexadécimal. Le fichier grille-logo.svg de l'atelier 2 (page Ateliers) te sert de grille de construction : ouvre-le dès maintenant.
Pourquoi le vecteur
Le studio Vecteur, les documents à plans de travail (15 min)Un logo apparaît partout : en 32 pixels dans l'onglet d'un navigateur, en 400 pixels sur une photo de profil, en deux mètres sur un kakémono. Dessiné en vecteurs, il est recalculé à chaque taille et reste net. C'est le rôle du studio Vecteur, l'équivalent d'Illustrator : logos, pictos, illustrations, typographie.
Un document à plans de travail
Dans la fenêtre Nouveau, l'interrupteur Plans de travail (bleu = actif) crée un document à plans de travail : des pages indépendantes posées sur une grande table de montage. Chacun a son nom et sa taille, et s'exporte à part. Un même document peut ainsi porter le logo en 1000 × 1000, la planche de pictos en 1200 × 200 et le post en 1080 × 1080.
L'Outil Plan de travail, deuxième de la barre d'outils, crée, déplace et redimensionne les plans de travail ; le nom et la taille du plan sélectionné s'affichent dans la barre contextuelle et dans le panneau Transformer. Il n'y a pas de boîte de création : tout passe par la barre contextuelle de l'outil (Taille, L, H, Espacement et le bouton Insérer un plan de travail), ou par les + qui apparaissent autour du plan sélectionné. Ce qui est posé hors d'un plan de travail, sur la table de montage, n'est pas exporté : c'est la place idéale pour garder des essais.
Plans de travail ou Multipage ? Les deux interrupteurs s'excluent. Plans de travail pour des visuels de tailles différentes (studio Vecteur), Multipage pour un document de pages identiques (séance 5).
🔍 Pourquoi c'est important. Un logo livré en JPEG de 500 px devient flou dès qu'un client l'imprime en grand, et il faut le redessiner. Le livrer en vecteurs (SVG, PDF) règle le problème une fois pour toutes : c'est la première chose que vérifie un imprimeur.
Les outils de base
Déplacer, Nœud, les formes, la Plume ; voir les tracés en Filaire (20 min)La barre d'outils du studio Vecteur, de haut en bas, commence par les outils qu'on utilise sans arrêt :
| Outil | Touche | Ce qu'il fait |
|---|---|---|
| Outil Déplacer | V | Sélectionne et déplace un objet entier, l'agrandit, le fait pivoter |
| Outil Nœud | A | Sélectionne les points d'un tracé et leurs poignées, pour modifier la forme |
| Outil Rectangle (groupe des formes) | U | Rectangle, ellipse, triangle, étoile… : Maj en glissant donne un carré ou un cercle parfait |
| Outil Plume | P | Trace point par point : un clic pour un angle, cliquer-glisser pour une courbe |
| Outil Texte artistique | T | Écrit un mot ou un titre (séance 4) |
Deux voisins à ne pas confondre : l'Outil Angle (C) arrondit les angles d'une forme, et l'Outil Fusion (W) mélange deux formes en créant des étapes intermédiaires : ce n'est pas un dégradé de couleur (module 3).
Adapter la barre d'outils
Le menu Affichage affiche ou masque les barres : Barre d'outils supérieure, Barre d'outils contextuelle et Outils. Pour choisir les outils affichés, le bouton « ••• » en bas de la barre d'outils ouvre la fenêtre Personnaliser (onglets Outils, Barre d'outils, Sous-fenêtres) : c'est là qu'on ajoute un outil masqué par défaut.
Voir les tracés : le mode Filaire
Affichage › Mode › Filaire montre seulement les contours des objets, sans couleur : on voit enfin les formes cachées les unes sous les autres et les points en trop. Affichage › Mode › Mode d'aperçu revient à l'affichage normal. C'est l'équivalent du mode « Tracé » d'Illustrator.
🔍 Pourquoi c'est important. La moitié des « bugs » des débutants en vecteur vient du mauvais outil de sélection : on veut déplacer un objet et l'on tire un point (Nœud), ou l'inverse. Savoir lequel est actif, c'est gagner un temps énorme.
Couleur, contour et nuancier
Remplissage et trait, valeur #hex, ta palette de marque (25 min)Chaque objet vectoriel a deux couleurs : le remplissage (l'intérieur) et le trait (le contour). Le panneau Couleur montre les deux pastilles : un clic sur l'une la rend active, puis on choisit la couleur.
- sur la roue, à l'œil ;
- en tapant la Valeur hexadécimale RVB (le champ « # ») : c'est là que tu tapes les couleurs exactes de ta fiche d'identité ;
- au Outil Sélecteur de couleur (I), en cliquant dans l'image : la pipette d'Affinity.
Ta palette dans le nuancier
Le panneau Échantillons range les couleurs en palettes. Crée une palette pour ton document (Ajouter une palette de document…, dans le menu du panneau) et ajoute-y tes quatre couleurs : elles seront à un clic dans tout le document, et le jour où tu changes de bleu, tu ne le changes qu'une fois si ce sont des couleurs globales (Ajouter une couleur globale, dans le même menu).
Opacité ou teinte ?
Deux façons d'éclaircir une couleur, qui n'ont rien à voir :
- l'Opacité rend la couleur transparente : ce qui est dessous transparaît ;
- la teinte d'une couleur globale l'éclaircit vers le blanc en restant opaque : un bleu à 30 % de teinte est un bleu pâle, qui cache ce qui est dessous.
🔍 Pourquoi c'est important. Taper #1F3A5F plutôt que « un bleu à peu près comme ça », c'est la garantie que ton logo, tes posts et ton portfolio ont exactement la même couleur. Une marque dont le bleu change d'un support à l'autre ne paraît pas professionnelle.
Le contour et le dégradé
Le panneau Trait, la largeur variable, le dégradé à l'outil Remplissage (15 min)Gérer le contour
Le panneau Trait règle le contour de l'objet sélectionné : sa largeur, la forme de ses extrémités (plates, arrondies) et de ses angles (vifs, arrondis, biseautés), ses pointillés. Pour un trait qui s'affine ou s'épaissit, comme tracé au pinceau, l'Outil Largeur de trait (L) : on tire sur le trait pour changer sa largeur à cet endroit.
Le dégradé
Le dégradé se fait avec l'Outil Remplissage (G) : on glisse sur l'objet, du point de départ au point d'arrivée. Une barre apparaît avec ses deux couleurs aux extrémités : un clic sur une extrémité, puis une couleur du panneau Couleur ou d'Échantillons, la change. La liste Type de la barre contextuelle choisit le dégradé (Linéaire, Elliptique, Radial, Conique…).
Un logo n'a presque jamais de dégradé. Il doit pouvoir s'imprimer en une couleur, se broder, se graver. Garde le dégradé pour un fond de post ou une illustration, et dessine ton logo en aplats.
🔍 Pourquoi c'est important. Dans une série de pictos, c'est l'épaisseur du trait qui fait l'unité : six pictos à 8 px de trait, extrémités arrondies, se reconnaissent comme une famille. L'atelier 2 le vérifie.
Le monogramme sur grille
Formes de construction, opérations booléennes, Plume, grouper (35 min)Les graphistes ne dessinent pas un logo à main levée : ils le construisent sur une grille de cercles et de carrés, ce qui lui donne ses proportions justes. La méthode, en cinq étapes :
- La grille : insère
grille-logo.svg(Fichier › Insérer…), mets-la à la taille du plan de travail, verrouille son calque. - Les formes de construction : des cercles, des carrés, des rectangles posés sur la grille, qui forment tes deux lettres. Maj pour des proportions parfaites, Magnétisme actif pour qu'elles s'accrochent aux lignes.
- Les opérations booléennes, boutons de la barre du haut, sur deux formes sélectionnées :
Bouton Résultat Ajouter Réunit les formes en une seule Soustraire Retire la forme du dessus de celle du dessous (une encoche, un trou) Intersection Ne garde que la partie commune Ou exclusif Garde tout, sauf la partie commune, qui devient un trou Diviser Découpe les formes en morceaux séparés, à recolorer un par un - La Plume pour une courbe qu'aucune forme ne donne : un clic pose un point anguleux, cliquer-glisser une courbe, un clic sur le premier point ferme le tracé. Retouche ensuite à l'Outil Nœud.
- Grouper le monogramme (Grouper, Ctrl+G) : il se déplace et se met à l'échelle d'un bloc.
Deux différences avec Adobe. Le tracé de la Plume est un objet comme un autre, enregistré dans le .af : il n'y a pas de « tracé de travail » à enregistrer comme dans Photoshop. Et il n'y a pas de « liaison » de calques : pour que des éléments bougent ensemble, on les groupe.
Garde une copie de tes formes de construction sur un calque masqué (ou sur la table de montage) : c'est elle qui montre ta démarche dans la planche du portfolio, et elle permet de corriger une proportion sans tout redessiner.
🔍 Pourquoi c'est important. Un logo construit sur une grille paraît « juste » sans qu'on sache pourquoi : les courbes ont les mêmes rayons, les épaisseurs se répondent. Et la planche de construction prouve, dans un portfolio, que tu as une méthode.
Ranger : magnétisme et alignement
Accrocher, aligner, centrer sur le plan de travail (10 min)Deux boutons de la barre du haut font le travail de rangement :
- Magnétisme : les objets s'accrochent aux autres objets, aux guides et au plan de travail quand on les déplace. Une ligne de couleur apparaît quand deux bords ou deux centres s'alignent.
- Alignement : une fenêtre d'icônes aligne ou répartit les objets sélectionnés. La liste Aligner sur choisit la référence : Limites de la sélection (avec plusieurs objets), Plan de travail (pour centrer sur la page), Marge, Sélection initiale ou Dernière sélection. Elle reste grisée tant qu'on n'a pas cliqué une icône d'alignement ; Appliquer valide.
🔍 Pourquoi c'est important. Un logo décentré de trois pixels se voit, surtout dans un cercle de photo de profil. Centrer sur le plan de travail par l'Alignement, plutôt qu'à l'œil, garantit un résultat exact.
★ Ce que tu publies ce soir. La planche de construction de ton logo : la grille, les formes de construction et le monogramme final, côte à côte sur un plan de travail. Exporte-la en PNG : elle deviendra la page « Identité » de ton portfolio, et elle fait un très bon post « coulisses » sur LinkedIn.
Quiz de fin de séance
Six questions pour vérifier que c'est acquisCes six questions reprennent toute la séance, au niveau de la certification Tosa. Réponds sans revenir en arrière : seul ton premier essai compte.
Moins de 4 sur 6 ? Reprends le module 4 : les opérations booléennes (Ajouter, Soustraire, Intersection) font l'essentiel d'un logo géométrique. Ce sont elles que l'atelier 2 regarde dans ton fichier.