Construire le symbole eSbi, au chiffre près
C'est le cœur d'Illustrator. Tu vas dessiner le symbole eSbi avec les valeurs exactes de l'original : un carré arrondi, trois barres croissantes, un point. Rien à main levée — tout au panneau Transformation.
Formes primitives & valeurs exactes
Le panneau Transformation plutôt que la sourisUn logo se construit à partir de formes primitives — rectangle, ellipse, polygone — auxquelles on donne des valeurs numériques. Dessiner à la souris produit des chiffres impossibles à documenter dans une charte ; saisir les valeurs produit un logo reproductible.
Créer une forme au bon format, du premier coup
- Prends l'outil Rectangle (M).
- Clique une fois sur le plan de travail (au lieu de glisser) : une boîte de dialogue demande la largeur et la hauteur.
- Saisis 72 × 72 px, valide.
- Ouvre Fenêtre › Transformation et fixe la position : X = 4, Y = 4 (point de référence en haut à gauche).
Le point de référence (la petite grille de 9 carrés du panneau Transformation) décide de ce que signifient X et Y : coin supérieur gauche, centre, coin inférieur droit… Change-le et les mêmes coordonnées déplacent l'objet ailleurs. C'est la source d'erreur n° 1 des débutants.
Fond et contour
- Les deux carrés en bas de la barre d'outils : fond (devant) et contour (derrière). X bascule de l'un à l'autre, Maj+X les échange.
- Un logo se dessine presque toujours en fond seul, sans contour : un contour se déforme quand on redimensionne (sauf à cocher Mise à l'échelle des contours).
Les arrondis
La règle du demi-largeurIllustrator arrondit les angles de deux façons : les poignées d'arrondi (les petits ronds qui apparaissent à l'intérieur des angles quand la forme est sélectionnée à la flèche noire) ou le champ Rayon du panneau Transformation. La seconde méthode donne une valeur exacte — c'est celle qu'on utilise.
| Forme du logo eSbi | Dimensions | Rayon d'arrondi |
|---|---|---|
| le carré conteneur | 72 × 72 px | 21 px |
| chaque barre | 9,5 px de large | 4,75 px = la moitié de la largeur |
Pourquoi 4,75 exactement ?
Quand le rayon vaut la moitié de la largeur, les deux extrémités deviennent des demi-cercles parfaits : la barre est un « stade », une forme qui reste nette à toute taille. Avec 2 px, l'arrondi est partiel : à 16 pixels de haut, la forme paraît molle, ni carrée ni ronde.
Le rayon ne peut jamais dépasser la moitié de la plus petite dimension : Illustrator plafonne silencieusement. Si ton arrondi « ne bouge plus », c'est qu'il est déjà au maximum.
Sélectionne un seul angle à la flèche blanche (A) avant de saisir le rayon : tu peux arrondir un angle sur quatre. C'est ainsi que se dessinent les formes en « goutte » et les bulles.
La plume & les courbes de Bézier
Points d'ancrage, tangentes, sommetsLa plume (P) dessine des tracés faits de points d'ancrage reliés par des segments. Chaque point porte deux tangentes (les « poignées ») qui règlent la courbure. C'est l'outil qui fait peur, et c'est le seul qui s'apprend en 20 minutes de pratique bête.
Les trois gestes
- Clic simple : un point d'angle, segment droit.
- Clic-glissé : un point lisse, avec tangentes symétriques → courbe.
- Alt+clic sur un point posé : casse la tangente → on repart droit après une courbe.
Les règles qui font la différence
- Le moins de points possible. Un cercle se dessine avec 4 points, pas 12. Trop de points = bosses visibles à l'agrandissement.
- Poser les points aux extrêmes (haut, bas, gauche, droite de la courbe), pas au milieu des virages.
- Tangentes horizontales ou verticales aux extrêmes : la courbe reste régulière.
Outils de rattrapage : Sélection directe (A) pour déplacer un point, Ajout/Suppression de point d'ancrage (+ / -), et Objet › Tracé › Simplifier pour retirer les points inutiles d'un tracé importé.
Le symbole eSbi ne demande aucune courbe libre — il est entièrement fait de primitives. C'est voulu : un logo géométrique est plus fiable et plus facile à décliner. La plume te servira pour l'exercice de piste alternative et pour tous tes projets suivants.
Le Pathfinder
Combiner des formes simples pour en créer une complexeLe Pathfinder (Fenêtre › Pathfinder) fusionne, soustrait ou découpe des tracés. C'est la méthode professionnelle : on ne dessine pas une forme compliquée, on combine des formes simples.
| Fonction | Effet | Usage typique |
|---|---|---|
| Réunion | fusionne tout en un seul tracé | souder le symbole avant export |
| Soustraction | la forme du dessus perce celle du dessous | évider un compteur, créer un anneau |
| Intersection | ne garde que la zone commune | couper une forme dans un cadre |
| Exclusion | garde tout sauf la zone commune | effets de recouvrement |
| Diviser (Pathfinders) | découpe en autant de morceaux que d'intersections | colorer des zones séparément |
Alt + clic sur un bouton du Pathfinder crée une forme composée non destructive : les tracés d'origine restent modifiables. Le bouton Décomposer fige le résultat quand tu es sûr.
Avant d'exporter un logo, on décompose les formes composées et on applique Objet › Tracé › Décomposer aux contours. Un imprimeur ou un graveur ne veut que des tracés fermés, pas des effets vivants.
Alignement, répartition & objet clé
Ce qui sépare un logo propre d'un logo « à peu près »Le panneau Alignement (Fenêtre › Alignement) aligne et répartit une sélection. Les trois barres du symbole eSbi sont alignées par le bas et réparties à espaces égaux — deux clics qui font toute la différence.
Les deux moitiés du panneau
- Alignement des objets : gauche, centre, droite / haut, milieu, bas.
- Répartition des objets : égalise les distances entre les centres.
- Répartition de l'espacement : égalise les espaces vides — c'est celle qu'il faut quand les objets n'ont pas la même taille.
L'objet clé. Sélectionne plusieurs objets, puis reclique sur celui qui ne doit pas bouger : son contour s'épaissit, il devient l'objet clé. Tous les autres s'alignent sur lui. Sans objet clé, Illustrator aligne sur la sélection globale — et déplace tout.
Sur le symbole eSbi : les barres sont posées à X = 21 / 35,25 / 49,5, soit un pas régulier de 14,25 px. Tu peux les saisir à la main ou poser la première et la dernière puis laisser la répartition placer celle du milieu : le résultat est identique au centième.
Aligner sur le plan de travail
Le menu « Aligner sur » (en bas du panneau) permet de choisir la référence : Sélection, Objet clé ou Plan de travail. C'est ce dernier qui centre parfaitement le symbole dans son carré de 80 × 80 px.
Transformations & duplication
Dupliquer, grouper, nommerLes trois barres du symbole sont la même forme, dupliquée puis modifiée en hauteur et en opacité. Dupliquer plutôt que redessiner garantit qu'elles auront exactement la même largeur et le même arrondi.
| Barre | Largeur | Hauteur | Opacité |
|---|---|---|---|
| 1 | 9,5 px | 16 px | 72 % |
| 2 | 9,5 px | 26 px | 86 % |
| 3 | 9,5 px | 36 px | 100 % |
Les raccourcis qui comptent
- Dupliquer : Alt + glisser. Ajoute Maj pour contraindre le déplacement à l'horizontale.
- Répéter la transformation : Ctrl+D — refait le dernier déplacement/duplication à l'identique.
- Grouper : Ctrl+G. Dégrouper : Ctrl+Maj+G.
- Entrer dans un groupe sans le dégrouper : double-clic (mode isolation).
- Redimensionner depuis le centre : Alt pendant le glissement ; Maj conserve les proportions.
La hauteur des barres change, mais leur bas reste au même niveau (Y du bas = 61 px). Si tu redimensionnes depuis la poignée du haut, ce sera automatique ; depuis celle du bas, tu devras recaler. C'est pour cela qu'on aligne par le bas juste après.
Nomme tes groupes dans le panneau Calques (double-clic sur le nom) : symbole, typo, fond. À l'export SVG, ces noms deviennent les id du fichier — un développeur pourra cibler le symbole seul. C'est ce qui distingue un livrable pro d'un fichier « Groupe 47 ».