Vectra
Vektortegning, stier, typografi, boolske operationer og pathfinder, plus elleve designarbejdsområder til brand, logo, ikon, mønster, emballage, infografik og UX.
I én sætning#
Skarpe, uendeligt skalerbare former og tekst: studiet til logoer, ikoner, UI-udkast og alt, der skal forblive skarpt i enhver størrelse.
Layoutet#
| Menulinje | File · Edit · Object · Type · Select · View · Plugins |
| Værktøjslinje | fortryd/gentag, dupliker, SVG-kodevisningen, boolske operationer, lås, prøverne for fill og stroke med stregbredden, og knapperne til justering/fordeling |
| Guide-linje | Grid med sin afstand · Snap · Rulers · et logo-gitter · Safe area · Smart guides |
| Venstre værktøjsrække | select, direct-select, type, line, rectangle, pen, shape, rotate, scissors, brush, add-anchor, artboard, hand |
| Højre | Properties · Layers · Text · Illust |
| Statuslinje | tegnebræt, dets størrelse, objektantal, markeringsantal, historikposition, aktivt værktøj, zoom |
Hvad du gør her#
Tegn#
Pen placerer ankre og håndtag; direct select redigerer dem bagefter.
Former, linjer og tekst er deres egne værktøjer. Fifene ligger på
værktøjslinjen og er værd at læse en gang: Shift fastholder proportioner,
Alt tegner fra centrum, piletasterne rykker.
Placér præcist#
Sektionen Transform tager præcise tal (X, Y, bredde, højde, rotation) sammen med Flip H, Flip V og en nulstilling til 0°. Knapperne til justering og fordeling på værktøjslinjen virker på en markering, og Smart-guides klikker fast på de andre objekter frem for på gitteret.
Fyld og streg#
Begge kan slås til og fra uafhængigt: en form kan være en fyldning uden streg, en streg uden fyldning, eller ingen af delene. Farver kan redigeres som hex. Under Appearance: opacitet, blandingstilstand og synlighed.
Kombinér former#
Pathfinder og de boolske operationer på værktøjslinjen: union, subtract, intersect, exclude. En boolsk gruppe forbliver redigerbar, Release boolean group findes i kommandopaletten, når du har brug for delene tilbage.
Typografi#
Fanen Text rummer de typografiske kontroller; menuen Type rummer handlingerne: at konvertere tekst til konturer, og så videre.
Effekter#
Sektionen Effects anvendes ikke-destruktivt, så geometrien nedenunder stadig er den geometri, du tegnede.
Læs SVG'en#
Kodeknappen på værktøjslinjen viser dokumentet som SVG. Nyttigt til at tjekke, hvad der faktisk vil blive eksporteret, og til at indsætte en sti ind fra et andet sted.
Det højre panel: fire faner, så elleve arbejdsområder#
Primære faner, de fire du bruger konstant:
| Properties | transform, fill, stroke, appearance, effects, align, pathfinder |
| Layers | hvert objekt, kan omordnes, skjules, låses |
| Text | de typografiske kontroller |
| Illust | illustrationssiden: pensler, med et penselbibliotek, hvis pensler kan redigeres pr. type |
Under dem skjuler en harmonika mærket Workspaces elleve scenariepaneler, indtil du har brug for dem. Det er den del af Vectra, der ikke er et tegneværktøj, men en designassistent, og det er let at overse, fordi den er sammenfoldet som standard:
| Arbejdsområde | Hvad det bruges til |
|---|---|
| Brand | en brandidentitet: tjeklisten over leverancer (primært, omvendt og monokromt logo, ikon/symbol, brand-guidelines-PDF), med sektioner du slår til eller fra |
| Logo | logotyper, mockups og eksportforudindstillinger: de variationer, et logo skal leveres i |
| Icon | ikonsæt: størrelser, keylines og app-platformforudindstillinger |
| Pattern | gentagende mønstre: flisetyper (reb, kæde, stiplet og resten), wallpaper-grupper og motivforudindstillinger |
| Pack | emballage: produktæsker og de andre stanseskabeloner |
| Infog | infografik: diagramtyper, flowchart-former (data som et parallelogram, database som en cylinder…) og diagramtyper |
| UX | skærmdesign: enhedsrammer og breakpoint-forudindstillinger |
| DA | kunstnerisk retning: projektmetadata, stiltiles og design-token-eksport |
| Auto Layout | Figma-stil auto-layout på den valgte ramme eller gruppe |
| Components | genbrugelige symboler: definér én gang, placér mange |
| Export | en formatvælger, der styrer indstillinger pr. format |
Harmonikaen åbner sig selv, når en arbejdsområde-fane allerede er aktiv, og overskriften viser hvilket. Hvis et panel, du brugte i går, virker væk, er det bag Workspaces.
Eksport#
Vectra eksporterer på otte måder, og panelet siger, hvad hver enkelt er til, frem for at lade dig gætte:
| Format | |
|---|---|
| PNG | raster med transparens, web og UI |
| JPG | komprimeret raster, ingen transparens |
| WebP | moderne web, lille, med transparens |
| AVIF | bedste komprimering, bred understøttelse |
| SVG | vektor: skalerbar og stadig redigerbar |
| universelt dokument, print og web | |
| EPS | professionelt print, Adobe-kompatibelt |
| JSON | dokumentet som data |
Hvad du eksporterer, er også et valg: markeringen, tegnebrættet, alle tegnebrætter, eller slices: Slice Tool skærer lærredet op i navngivne regioner og eksporterer dem samlet, hvilket er, hvordan et UI-udkast forlader som et sæt assets frem for som ét billede.
Trykklargøring#
Den del af Vectra, der gør det til et prepress-værktøj og ikke kun et tegneværktøj. Print Production tilføjer de mærker, en trykker forventer:
| Crop marks | hvor der skal skæres |
| Registration marks | pasmærker til pressen |
| Colour bars | CMYK-kalibreringsstrimlen |
| Bleed (mm) | grafik udvidet forbi skærelinjen, så en millimeters forskydning ikke viser sig som en hvid kant |
| Overprint preview | hvad der faktisk vil ske, hvor farver overlapper |
| Scale bar | til en tegning printet i en skala |
⚠️ CMYK her er simuleret. Panelet siger det selv: værdierne er en forhåndsvisning, og præcis trykfarve kræver et kalibreret farvestyringsworkflow. Betragt CMYK-aflæsningen som en vejledning, ikke som en korrektur, og bemærk, at CMYK-eksport ikke har nogen transparens, hvilket er en egenskab ved farvemodellen, ikke en begrænsning ved Vectra.
Filer det læser og skriver#
| Native format | .vectra |
| Importerer | .svg |
| Eksporterer | .svg · .pdf · .eps · .png · .jpg · .webp · .avif · .json |
Sender arbejde til andre studier#
Producerer vektorgrafik og Vectra-objekter: den samme tegning i to former. Accepterer vektorgrafik og billeder.
| Destination | Hvad der ankommer |
|---|---|
| Inkwell, Composer | vektorgrafik, stadig redigerbar |
| Animator | Vectra-objekter, som kan animeres ét ad gangen |
| Engine | et HUD-hierarki, ikke et billede |
Det sidste er hele pointen med Vectra til et spil. Et skærmudkast sendt til Engine ankommer som en struktur, Engine kan lægge ud og scripte, knapper, der er knapper, i stedet for som et fladtrykt billede, du ville skulle genopbygge.
At arbejde med en anden#
Vectra synkroniserer handling for handling: objekter tilføjet, slettet, opdateret og erstattet helt; lag og deres rækkefølge; tegnebrættets størrelse; og det aktive lag.
Begrænsninger og almindelige faldgruber#
- Et panel, du ikke kan finde, ligger sandsynligvis under Workspaces. Kun fire faner vises; de andre elleve ligger bag den sammenfoldede harmonika.
- En form uden fyldning og uden streg er usynlig, men stadig der. Statuslinjens objektantal er det, der afslører det.
- Smart guides klikker fast på objekter, gitteret klikker fast på gitteret. Hvis noget ikke vil lande, hvor du vil have det, tjek hvilken af de to der er slået til.