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í#

Vectra: panel nástrojů, kreslicí plocha s pravítky a mřížkou, a inspektor vlastností

Lišta nabídekFile · Edit · Object · Type · Select · View · Plugins
Karty dokumentujedna sada kreslicích ploch na kartu
Toolbarzpě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ítekGrid s vlastním rozestupem · Snap · Rulers · mřížka pro logo · Safe area · Smart guides
Levý panelvý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
VpravoProperties · Layers · Text · Illust
Status barkreslicí 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í#

Plátno Vectra: cesty, úchyty a kreslicí plocha

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í#

Inspektor vlastností: transformace, výplň, tah a vzhled

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:

Propertiestransformace, výplň, tah, vzhled, efekty, zarovnání, pathfinder
Layerskaždý objekt, přeuspořádatelný, skrytelný, uzamykatelný
Texttypografické ovládací prvky
Illustilustrač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í prostorK čemu slouží
Brandidentita značky: kontrolní seznam výstupů (hlavní, invertované a jednobarevné logo, ikona/symbol, PDF s brand guidelines), se sekcemi, které lze zapnout nebo vypnout
Logotypy loga, makety a přednastavení exportu: varianty, ve kterých logo musí vyjít
Iconsady ikon: velikosti, keylines a přednastavení pro platformy aplikací
Patternopakující se vzory: typy dlaždic (rope, chain, dashed a další), wallpaper groups a přednastavení motivů
Packobaly: krabice na produkt a další šablony ořezových linek
Infoginfografiky: typy diagramů, tvary vývojových diagramů (data jako rovnoběžník, databáze jako válec…) a typy grafů
UXdesign obrazovek: rámy zařízení a přednastavení breakpointů
DAumělecký směr: metadata projektu, style tiles a export design tokenů
Auto Layoutautomatické rozvržení ve stylu Figmy na vybraném rámu nebo skupině
Componentsznovupoužitelné symboly: definujte jednou, umístěte mnohokrát
Exportvolič 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:

Toolbar Vectra: výběr, pero, tvary, text a booleovské operace

Formát
PNGrastr s průhledností, web a UI
JPGkomprimovaný rastr, bez průhlednosti
WebPmoderní web, malý, s průhledností
AVIFnejlepší komprese, široká podpora
SVGvektor: škálovatelný a stále editovatelný
PDFuniverzální dokument, tisk i web
EPSprofesionální tisk, kompatibilní s Adobe
JSONdokument 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 markskde řezat
Registration markszaměřovací značky pro tiskařský stroj
Colour barskalibrační pruh CMYK
Bleed (mm)grafika přesahující za ořezovou linku, aby se milimetrová odchylka neprojevila jako bílý okraj
Overprint previewco se skutečně stane tam, kde se překrývají barvy
Scale barpro 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ílCo dorazí
Inkwell, Composervektorová grafika, stále editovatelná
Animatorobjekty Vectra, animovatelné jednotlivě
Enginehierarchie 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é.