Vectra
Vectortekenen, paden, tekst, booleans en pathfinder, plus elf ontwerpwerkruimtes voor merk, logo, icoon, patroon, verpakking, infographics en UX.
In één zin#
Scherpe, oneindig schaalbare vormen en tekst: de studio voor logo's, iconen, UI-mockups en alles wat op elk formaat scherp moet blijven.
De indeling#
| Menubalk | File · Edit · Object · Type · Select · View · Plugins |
| Documenttabs | één tekenbordenset per tab |
| Werkbalk | undo/redo, dupliceren, de SVG-codeweergave, booleaanse bewerkingen, vergrendelen, de stalen voor fill en stroke met de streekdikte, en de knoppen voor uitlijnen/verdelen |
| Hulplijnenbalk | Grid met de tussenruimte · Snap · Rulers · een logo-raster · Safe area · Smart guides |
| Linkerrail | select, direct-select, type, line, rectangle, pen, shape, rotate, scissors, brush, add-anchor, artboard, hand |
| Rechts | Properties · Layers · Text · Illust |
| Statusbalk | tekenbord, zijn afmeting, aantal objecten, aantal geselecteerd, positie in de geschiedenis, actief gereedschap, zoom |
Wat u hier doet#
Tekenen#
De pen plaatst ankers en handvatten; direct select bewerkt ze
daarna. Vormen, lijnen en tekst zijn hun eigen gereedschap. De hints staan
op de werkbalk en zijn het waard om één keer te lezen: Shift beperkt,
Alt tekent vanuit het centrum, pijltjestoetsen duwen.
Precies positioneren#
De sectie Transform neemt exacte getallen (X, Y, breedte, hoogte, rotatie) naast Flip H, Flip V, en een reset naar 0°. De knoppen voor uitlijnen en verdelen op de werkbalk werken op een selectie, en Smart-hulplijnen kleven aan andere objecten in plaats van aan het raster.
Fill en stroke#
Beide zijn onafhankelijk in en uit te schakelen: een vorm kan een fill zonder stroke zijn, een stroke zonder fill, of geen van beide. Kleuren zijn bewerkbaar als hex. Onder Appearance: opaciteit, overvloeimodus, en zichtbaarheid.
Vormen combineren#
Pathfinder en de booleaanse bewerkingen op de werkbalk: union, subtract, intersect, exclude. Een boolean-groep blijft bewerkbaar, Release boolean group staat in het commandopalet voor wanneer u de onderdelen weer los nodig hebt.
Type#
Het tabblad Text bevat de typografische bedieningen; het menu Type bevat de bewerkingen: tekst omzetten naar contouren, enzovoort.
Effects#
De sectie Effects wordt niet-destructief toegepast, dus de geometrie eronder blijft de geometrie die u hebt getekend.
De SVG lezen#
De codeknop op de werkbalk toont het document als SVG. Handig om te controleren wat daadwerkelijk wordt geëxporteerd, en om een pad van elders te plakken.
Het rechterpaneel: vier tabbladen, dan elf werkruimtes#
Primaire tabbladen, de vier die u voortdurend gebruikt:
| Properties | transform, fill, stroke, appearance, effects, align, pathfinder |
| Layers | elk object, herordenbaar, verbergbaar, vergrendelbaar |
| Text | de typografische bedieningen |
| Illust | de illustratiekant: brushes, met een kwastbibliotheek waarvan de kwasten per type bewerkbaar zijn |
Daaronder verbergt een accordeon met het label Workspaces elf scenariopanelen totdat u ze nodig hebt. Dit is het deel van Vectra dat geen tekengereedschap is maar een ontwerpassistent, en het is makkelijk te missen omdat het standaard is ingeklapt:
| Werkruimte | Waarvoor |
|---|---|
| Brand | een merkidentiteit: de checklist met opleveringen (primair, omgekeerd en monochroom logo, icoon/symbool, brand guidelines-PDF), met secties die u aan- of uitzet |
| Logo | logotypen, mockups en exportpresets: de varianten waarin een logo moet worden opgeleverd |
| Icon | iconensets: formaten, keylines, en de presets per app-platform |
| Pattern | herhalende patronen: tegeltypen (rope, chain, dashed en de rest), wallpaper-groepen en motiefpresets |
| Pack | verpakking: productdozen en de andere snijlijnsjablonen |
| Infog | infographics: diagramtypen, flowchartvormen (data als een parallellogram, database als een cilinder…) en charttypen |
| UX | schermontwerp: apparaatframes en breakpoint-presets |
| DA | artdirectie: projectmetadata, styletiles, en export van design tokens |
| Auto Layout | Figma-achtige auto-layout op het geselecteerde frame of de groep |
| Components | herbruikbare symbolen: één keer definiëren, vaak plaatsen |
| Export | een formaatkiezer die per formaat andere opties toont |
Het accordeon klapt zichzelf open wanneer een werkruimtetab al actief is, en de kop toont welke. Als een paneel dat u gisteren gebruikte weg lijkt, zit het achter Workspaces.
Exporteren#
Vectra exporteert op acht manieren, en het paneel zegt waar elke voor dient, in plaats van u te laten raden:
| Formaat | |
|---|---|
| PNG | raster met transparantie, web en UI |
| JPG | gecomprimeerd raster, geen transparantie |
| WebP | modern web, klein, met transparantie |
| AVIF | beste compressie, brede ondersteuning |
| SVG | vector: schaalbaar en nog steeds bewerkbaar |
| universeel document, print en web | |
| EPS | professionele print, Adobe-compatibel |
| JSON | het document als data |
Wat u exporteert, is ook een keuze: de selectie, het tekenbord, alle tekenborden, of de slices: het Slice Tool snijdt het canvas op in benoemde regio's en exporteert ze samen, wat een UI-mock als een set assets laat vertrekken in plaats van als één afbeelding.
Drukwerkproductie#
Het deel van Vectra dat er een prepresstool van maakt en niet alleen een tekentool. Print Production voegt de markeringen toe die een drukker verwacht:
| Crop marks | waar te snijden |
| Registration marks | uitlijnmerktekens voor de pers |
| Colour bars | de CMYK-kalibratiestrook |
| Bleed (mm) | artwork verlengd voorbij de snijlijn, zodat een millimeter afwijking niet als een witte rand zichtbaar wordt |
| Overprint preview | wat er daadwerkelijk gebeurt waar inkten overlappen |
| Scale bar | voor een tekening die op schaal wordt afgedrukt |
⚠️ CMYK hier is gesimuleerd. Het paneel zegt het zelf: de waarden zijn een voorvertoning, en nauwkeurige drukkleur vraagt om een gekalibreerde kleurmanagementworkflow. Behandel de CMYK-uitlezing als een richtlijn, niet als een proef, en let op dat CMYK-export geen transparantie kent, wat een eigenschap is van het kleurmodel, geen beperking van Vectra.
Bestanden die het leest en schrijft#
| Native formaat | .vectra |
| Import | .svg |
| Export | .svg · .pdf · .eps · .png · .jpg · .webp · .avif · .json |
Werk naar andere studio's sturen#
Produceert vectorafbeeldingen en Vectra-objecten: dezelfde tekening in twee vormen. Accepteert vectorafbeeldingen en afbeeldingen.
| Bestemming | Wat aankomt |
|---|---|
| Inkwell, Composer | vectorafbeelding, nog steeds bewerkbaar |
| Animator | Vectra-objecten, één voor één animeerbaar |
| Engine | een HUD-hiërarchie, geen plaatje |
Dat laatste is de kern van Vectra voor een game. Een schermontwerp dat naar de Engine wordt gestuurd, komt aan als een structuur die de Engine kan opbouwen en scripten: knoppen die knoppen zijn, in plaats van een platgeslagen afbeelding die u opnieuw zou moeten opbouwen.
Samenwerken met iemand anders#
Vectra synchroniseert bewerking voor bewerking: objecten toegevoegd, verwijderd, bijgewerkt en volledig vervangen; lagen en hun volgorde; het tekenbordformaat; en de actieve laag.
Beperkingen en veelvoorkomende problemen#
- Een paneel dat u niet kunt vinden, zit waarschijnlijk onder Workspaces. Er worden slechts vier tabbladen getoond; de andere elf zitten achter het ingeklapte accordeon.
- Een vorm zonder fill en zonder stroke is onzichtbaar maar bestaat nog wel. Het aantal objecten in de statusbalk is het verklikkersignaal.
- Smart-hulplijnen kleven aan objecten, het raster kleeft aan het raster. Als iets niet wil landen waar u wilt, controleer dan welke van de twee aanstaat.