Vectra
Dessin vectoriel, chemins, typographie, booléens et pathfinder, plus onze espaces de travail pour la marque, le logo, l'icône et l'impression.
En un mot#
Des formes et du texte nets et redimensionnables à l'infini : l'atelier des logos, des icônes, des maquettes d'interface, et de tout ce qui doit rester net à toutes les tailles.
L'agencement#
| Barre de menus | File · Edit · Object · Type · Select · View · Plugins |
| Onglets de document | un jeu de plans de travail par onglet |
| Barre d'outils | annuler/rétablir, dupliquer, la vue du code SVG, les opérations booléennes, verrouillage, les nuanciers fond et contour avec l'épaisseur, et les boutons d'alignement et de répartition |
| Barre de repères | Grille et son pas · Aimantation · Règles · une grille de logo · Zone sûre · Repères intelligents |
| Colonne de gauche | sélection, sélection directe, texte, ligne, rectangle, plume, forme, rotation, ciseaux, brosse, ajout d'ancre, plan de travail, main |
| Droite | Properties · Layers · Text · Illust |
| Barre d'état | plan de travail, sa taille, nombre d'objets, nombre de sélectionnés, position dans l'historique, outil actif, zoom |
Ce qu'on y fait#
Dessiner#
La plume pose des ancres et des poignées ; la sélection directe les
modifie ensuite. Formes, lignes et texte ont leurs propres outils. Les rappels
sont dans la barre d'outils et méritent d'être lus une fois : Maj contraint,
Alt dessine depuis le centre, les flèches déplacent finement.
Positionner précisément#
La section Transform accepte des nombres exacts: X, Y, largeur, hauteur, rotation: aux côtés de Flip H, Flip V, et d'une remise à 0°. Les boutons d'alignement et de répartition travaillent sur une sélection, et les repères Smart s'aimantent aux autres objets plutôt qu'à la grille.
Fond et contour#
Les deux s'activent indépendamment: une forme peut être un fond sans contour, un contour sans fond, ou ni l'un ni l'autre. Les couleurs s'éditent en hexadécimal. Sous Appearance : opacité, mode de fusion, et visibilité.
Combiner des formes#
Pathfinder et les opérations booléennes de la barre d'outils : union, soustraction, intersection, exclusion. Un groupe booléen reste modifiable, Libérer le groupe booléen est dans la palette de commandes quand vous voulez récupérer les morceaux.
La typographie#
L'onglet Text porte les contrôles typographiques ; le menu Type porte les opérations: vectoriser le texte, notamment.
Les effets#
La section Effects s'applique de façon non destructive : la géométrie en dessous reste celle que vous avez dessinée.
Lire le SVG#
Le bouton de code de la barre d'outils montre le document en SVG. Utile pour vérifier ce qui sera réellement exporté, et pour coller un chemin venu d'ailleurs.
Le panneau de droite : quatre onglets, puis onze espaces de travail#
Onglets principaux, les quatre dont on se sert en permanence :
| Properties | transformation, fond, contour, apparence, effets, alignement, pathfinder |
| Layers | chaque objet, réordonnable, masquable, verrouillable |
| Text | les contrôles typographiques |
| Illust | le versant illustration: les brosses, avec une bibliothèque de brosses modifiables type par type |
En dessous, un accordéon intitulé Workspaces cache onze panneaux de scénario jusqu'à ce que vous en ayez besoin. C'est la partie de Vectra qui n'est pas un outil de dessin mais un assistant de design, et elle passe facilement inaperçue puisqu'elle est repliée par défaut :
| Espace de travail | À quoi il sert |
|---|---|
| Brand | une identité de marque : la liste des livrables (logo principal, inversé et monochrome, icône/symbole, charte en PDF), avec des sections qu'on active ou non |
| Logo | types de logo, mises en situation et préréglages d'export: les variantes sous lesquelles un logo doit être livré |
| Icon | jeux d'icônes : tailles, lignes directrices, et les préréglages par plateforme applicative |
| Pattern | motifs répétés : types de tuile (corde, chaîne, tirets et les autres), groupes de papier peint et préréglages de motif |
| Pack | packaging : boîtes produit et les autres gabarits de découpe |
| Infog | infographies : types de diagramme, formes d'organigramme (donnée en parallélogramme, base de données en cylindre…) et types de graphique |
| UX | design d'écran : cadres d'appareils et préréglages de points de rupture |
| DA | direction artistique : métadonnées de projet, planches de style, et export de jetons de design |
| Auto Layout | disposition automatique façon Figma sur le cadre ou le groupe sélectionné |
| Components | des symboles réutilisables: définis une fois, posés plusieurs fois |
| Export | un sélecteur de format qui pilote les options propres à chaque format |
L'accordéon s'ouvre de lui-même quand un espace de travail est déjà actif, et son en-tête indique lequel. Si un panneau utilisé hier semble avoir disparu, il est derrière Workspaces.
Exporter#
Vectra exporte de huit façons, et le panneau dit à quoi chacune sert plutôt que de vous laisser deviner :
| Format | |
|---|---|
| PNG | raster avec transparence, web et interfaces |
| JPG | raster compressé, sans transparence |
| WebP | web moderne, léger, avec transparence |
| AVIF | la meilleure compression, largement pris en charge |
| SVG | vectoriel : redimensionnable et encore modifiable |
| document universel, impression et web | |
| EPS | impression professionnelle, compatible Adobe |
| JSON | le document en données |
Ce que vous exportez est un choix aussi : la sélection, le plan de travail, tous les plans de travail, ou les tranches : l'outil Slice découpe le canevas en régions nommées et les exporte ensemble, ce qui fait sortir une maquette d'interface en jeu de ressources plutôt qu'en une seule image.
La production imprimée#
La partie de Vectra qui en fait un outil de prépresse et pas seulement de dessin. Print Production ajoute les repères qu'attend un imprimeur :
| Traits de coupe | où couper |
| Repères de repérage | cibles d'alignement pour la presse |
| Gammes de couleur | la bande d'étalonnage CMJN |
| Fond perdu (mm) | le dessin prolongé au-delà du trait de coupe, pour qu'un millimètre de dérive ne laisse pas un liseré blanc |
| Aperçu de surimpression | ce qui se passera vraiment là où les encres se superposent |
| Échelle graphique | pour un dessin imprimé à l'échelle |
⚠️ Le CMJN est ici simulé. Le panneau le dit lui-même : les valeurs sont un aperçu, et une couleur d'impression juste demande une chaîne de gestion des couleurs calibrée. Prenez l'affichage CMJN pour un repère, pas pour une épreuve , et notez que l'export CMJN ne porte pas de transparence, ce qui est une propriété du modèle colorimétrique, pas une limite de Vectra.
Fichiers lus et écrits#
| Format natif | .vectra |
| Imports | .svg |
| Exports | .svg · .pdf · .eps · .png · .jpg · .webp · .avif · .json |
Envoyer vers les autres ateliers#
Produit de l'art vectoriel et des objets Vectra: le même dessin sous deux formes. Accepte de l'art vectoriel et des images.
| Destination | Ce qui arrive |
|---|---|
| Inkwell, Composer | de l'art vectoriel, toujours modifiable |
| Animator | des objets Vectra, animables un par un |
| Engine | une hiérarchie de HUD, pas une image |
C'est cette dernière ligne qui fait l'intérêt de Vectra pour un jeu. Une maquette d'écran envoyée à l'Engine arrive comme une structure que l'Engine peut disposer et scripter, des boutons qui sont des boutons, plutôt qu'une image aplatie qu'il faudrait reconstruire.
Travailler à plusieurs#
Vectra synchronise opération par opération : objets ajoutés, supprimés, modifiés et remplacés en bloc ; calques et leur ordre ; taille du plan de travail ; et le calque actif.
Limites et pannes courantes#
- Un panneau introuvable est probablement sous Workspaces. Seuls quatre onglets sont visibles ; les onze autres sont derrière l'accordéon replié.
- Une forme sans fond ni contour est invisible mais bien là. Le compteur d'objets de la barre d'état la trahit.
- Les repères intelligents s'aimantent aux objets, la grille à la grille. Si quelque chose refuse d'atterrir où vous voulez, vérifiez lequel des deux est actif.