Vectra
Vektorové kreslení, cesty, typografie, booleovské operace a pathfinder, plus jedenáct pracovních prostorů pro značku, logo, ikonu, vzor, obal, infografiku a UX.
Ve zkratce#
Ostré, donekonečna škálovatelné tvary a text: studio pro loga, ikony, makety UI a cokoli, co musí zůstat ostré v jakékoli velikosti.
Rozvržení#

| Lišta nabídek | File · Edit · Object · Type · Select · View · Plugins |
| Karty dokumentu | jedna sada kreslicích ploch na kartu |
| Toolbar | zpět/znovu, duplikace, zobrazení kódu SVG, booleovské operace, zámek, vzorníky fill a stroke s šířkou tahu, a tlačítka zarovnání/rozmístění |
| Lišta vodítek | Grid s vlastním rozestupem · Snap · Rulers · mřížka pro logo · Safe area · Smart guides |
| Levý panel | výběr, přímý výběr, text, čára, obdélník, pero, tvar, otočení, nůžky, štětec, přidání kotevního bodu, kreslicí plocha, ruka |
| Vpravo | Properties · Layers · Text · Illust |
| Status bar | kreslicí plocha, její velikost, počet objektů, počet vybraných, pozice v historii, aktivní nástroj, přiblížení |
Co tu děláte#
Kreslení#

pero umísťuje kotevní body a úchyty; direct select je pak upravuje.
Tvary, čáry a text mají vlastní nástroje. Nápovědy žijí na panelu nástrojů a
stojí za to je jednou přečíst: Shift omezuje proporce, Alt kreslí od
středu, šipky jemně posouvají.
Přesné umístění#

Sekce Transform přijímá přesná čísla (X, Y, šířka, výška, rotace) vedle Flip H, Flip V a resetu na 0°. Tlačítka zarovnání a rozmístění na panelu nástrojů pracují s výběrem, a vodítka Smart se přichytávají k ostatním objektům, ne k mřížce.
Výplň a tah#
Oba se přepínají nezávisle: tvar může mít výplň bez tahu, tah bez výplně, nebo ani jedno. Barvy se upravují jako hex. Pod Appearance: krytí, režim prolnutí a viditelnost.
Kombinování tvarů#
Pathfinder a booleovské operace na panelu nástrojů: sjednocení, odečtení, průnik, vyloučení. Booleovská skupina zůstává editovatelná, Release boolean group je v Command palette, když potřebujete zpátky jednotlivé kusy.
Typografie#
Karta Text drží typografické ovládací prvky; nabídka Type drží operace: převod textu na obrysy a podobně.
Efekty#
Sekce Effects se aplikuje nedestruktivně, takže geometrie pod ní je pořád ta, kterou jste nakreslili.
Čtení SVG#
Tlačítko kódu na panelu nástrojů zobrazí dokument jako SVG. Užitečné pro kontrolu, co se skutečně vyexportuje, a pro vložení cesty odjinud.
Pravý panel: čtyři karty, pak jedenáct pracovních prostorů#
Hlavní karty, ty čtyři, které používáte pořád:
| Properties | transformace, výplň, tah, vzhled, efekty, zarovnání, pathfinder |
| Layers | každý objekt, přeuspořádatelný, skrytelný, uzamykatelný |
| Text | typografické ovládací prvky |
| Illust | ilustrační strana: štětce, s knihovnou štětců, jejíž štětce lze upravovat podle typu |
Pod nimi skrývá akordeon s názvem Workspaces jedenáct scénářových panelů, dokud je nepotřebujete. Tohle je ta část Vectra, která není kreslicí nástroj, ale asistent designu, a snadno se přehlédne, protože je ve výchozím stavu sbalená:
| Pracovní prostor | K čemu slouží |
|---|---|
| Brand | identita značky: kontrolní seznam výstupů (hlavní, invertované a jednobarevné logo, ikona/symbol, PDF s brand guidelines), se sekcemi, které lze zapnout nebo vypnout |
| Logo | typy loga, makety a přednastavení exportu: varianty, ve kterých logo musí vyjít |
| Icon | sady ikon: velikosti, keylines a přednastavení pro platformy aplikací |
| Pattern | opakující se vzory: typy dlaždic (rope, chain, dashed a další), wallpaper groups a přednastavení motivů |
| Pack | obaly: krabice na produkt a další šablony ořezových linek |
| Infog | infografiky: typy diagramů, tvary vývojových diagramů (data jako rovnoběžník, databáze jako válec…) a typy grafů |
| UX | design obrazovek: rámy zařízení a přednastavení breakpointů |
| DA | umělecký směr: metadata projektu, style tiles a export design tokenů |
| Auto Layout | automatické rozvržení ve stylu Figmy na vybraném rámu nebo skupině |
| Components | znovupoužitelné symboly: definujte jednou, umístěte mnohokrát |
| Export | volič formátu, který řídí volby pro každý formát |
Akordeon se otevře sám, když je už nějaká karta pracovního prostoru aktivní, a záhlaví ukáže, která to je. Pokud se panel, který jste používali včera, zdá pryč, je za Workspaces.
Export#
Vectra exportuje osmi způsoby a panel řekne, k čemu je každý z nich, místo aby vás nechal hádat:

| Formát | |
|---|---|
| PNG | rastr s průhledností, web a UI |
| JPG | komprimovaný rastr, bez průhlednosti |
| WebP | moderní web, malý, s průhledností |
| AVIF | nejlepší komprese, široká podpora |
| SVG | vektor: škálovatelný a stále editovatelný |
| univerzální dokument, tisk i web | |
| EPS | profesionální tisk, kompatibilní s Adobe |
| JSON | dokument jako data |
To, co exportujete, je taky volba: selection, artboard, all kreslicích ploch, nebo slices: Slice Tool rozřeže plátno na pojmenované oblasti a exportuje je společně, a přesně tak maketa UI odchází jako sada assetů, ne jako jeden obrázek.
Tisková produkce#
Ta část Vectra, díky které je to i nástroj pro přípravu tisku, ne jen kreslicí nástroj. Print Production přidává značky, které tiskárna očekává:
| Crop marks | kde řezat |
| Registration marks | zaměřovací značky pro tiskařský stroj |
| Colour bars | kalibrační pruh CMYK |
| Bleed (mm) | grafika přesahující za ořezovou linku, aby se milimetrová odchylka neprojevila jako bílý okraj |
| Overprint preview | co se skutečně stane tam, kde se překrývají barvy |
| Scale bar | pro výkres tištěný v měřítku |
⚠️ CMYK je tady simulováno. Panel to sám říká: hodnoty jsou náhled, a přesná tisková barva vyžaduje kalibrovaný pracovní postup správy barev. Berte výpis CMYK jako vodítko, ne jako důkaz, a mějte na paměti, že export CMYK nenese žádnou průhlednost, což je vlastnost barevného modelu, ne omezení Vectra.
Soubory, které čte a zapisuje#
| Nativní formát | .vectra |
| Importy | .svg |
| Exporty | .svg · .pdf · .eps · .png · .jpg · .webp · .avif · .json |
Předávání práce jiným studiím#
Produkuje vektorovou grafiku a objekty Vectra: stejnou kresbu ve dvou podobách. Přijímá vektorovou grafiku a obrázky.
| Cíl | Co dorazí |
|---|---|
| Inkwell, Composer | vektorová grafika, stále editovatelná |
| Animator | objekty Vectra, animovatelné jednotlivě |
| Engine | hierarchie HUD, ne obrázek |
Právě ten poslední řádek je smysl Vectra pro hru. Maketa obrazovky poslaná do Engine dorazí jako struktura, kterou Engine dokáže rozvrhnout a naskriptovat, tlačítka, která jsou tlačítky, místo zploštělého obrázku, který byste museli znovu postavit.
Práce s dalšími lidmi#
Vectra synchronizuje operaci po operaci: objekty: přidání, smazání, aktualizace a úplná náhrada; vrstvy a jejich pořadí; velikost kreslicí plochy; a aktivní vrstvu.
Omezení a časté zádrhely#
- Panel, který nemůžete najít, je nejspíš pod Workspaces. Zobrazují se jen čtyři karty; ostatních jedenáct je za sbaleným akordeonem.
- Tvar bez výplně a bez tahu je neviditelný, ale pořád tam je. Prozradí ho počet objektů ve Status bar.
- Smart guides se přichytávají k objektům, mřížka k mřížce. Pokud něco nepřistane tam, kde chcete, zkontrolujte, které z toho je zapnuté.