Vectra
Vektortegning, baner, typografi, booleanske operasjoner og pathfinder, pluss elleve designarbeidsområder for merkevare, logo, ikon, mønster, emballasje, infografikk og UX.
På én linje#
Skarpe, uendelig skalerbare former og tekst: modulen for logoer, ikoner, UI-skisser og alt som må holde seg skarpt i enhver størrelse.
Oppsettet#
| Menylinje | File · Edit · Object · Type · Select · View · Plugins |
| Dokumentfaner | ett tegnebrettsett per fane |
| Verktøylinje | angre/gjøre om, dupliser, SVG-kodevisningen, booleanske operasjoner, lås, fill- og stroke-fargeprøvene med strøkbredden, og juster-/fordel-knappene |
| Hjelpelinjefelt | Grid med sin avstand · Snap · Rulers · et logorutenett · Safe area · Smart guides |
| Venstre rad | velg, direktevelg, tekst, linje, rektangel, penn, form, roter, saks, pensel, legg til anker, tegnebrett, hånd |
| Høyre | Properties · Layers · Text · Illust |
| Statuslinje | tegnebrett, størrelsen, objektantall, utvalgsantall, historieposisjon, aktivt verktøy, zoom |
Det du gjør her#
Tegn#
Pen-verktøyet plasserer ankre og håndtak; direct select redigerer dem
etterpå. Former, linjer og tekst er egne verktøy. Hintene ligger på
verktøylinjen og er verdt å lese én gang: Shift fastlåser, Alt tegner fra
midten, piltastene dytter.
Posisjoner presist#
Transform-seksjonen tar eksakte tall (X, Y, bredde, høyde, rotasjon) sammen med Flip H, Flip V, og en tilbakestilling til 0°. Juster- og fordel-knappene på verktøylinjen virker på et utvalg, og Smart-hjelpelinjer fester seg til de andre objektene i stedet for til rutenettet.
Fill og stroke#
Begge kan slås av og på uavhengig av hverandre: en form kan ha fill uten stroke, stroke uten fill, eller ingen av delene. Farger kan redigeres som hex. Under Appearance: dekkevne, blandingsmodus, og synlighet.
Kombiner former#
Pathfinder og de booleanske operasjonene på verktøylinjen: union, subtract, intersect, exclude. En boolesk gruppe forblir redigerbar, Release boolean group finnes i kommandopaletten når du trenger delene tilbake.
Typografi#
Text-fanen holder de typografiske kontrollene; Type-menyen holder operasjonene: å konvertere tekst til outlines, og så videre.
Effekter#
Effects-seksjonen legges på ikke-destruktivt, slik at geometrien under fortsatt er geometrien du tegnet.
Les SVG-en#
Kodeknappen på verktøylinjen viser dokumentet som SVG. Nyttig for å sjekke hva som faktisk vil bli eksportert, og for å lime inn en bane fra et annet sted.
Høyre panel: fire faner, så elleve arbeidsområder#
Primærfaner, de fire du bruker hele tiden:
| Properties | transform, fill, stroke, appearance, effects, align, pathfinder |
| Layers | hvert objekt, kan omorganiseres, skjules, låses |
| Text | de typografiske kontrollene |
| Illust | illustrasjonssiden: pensler, med et brush library der penslene er redigerbare per type |
Under dem skjuler en trekkspillmeny merket Workspaces elleve scenariopaneler til du trenger dem. Dette er delen av Vectra som ikke er et tegneverktøy, men en designassistent, og det er lett å overse fordi den er sammenslått som standard:
| Workspace | Hva den er til |
|---|---|
| Brand | en merkeidentitet: leveransesjekklisten (primær, omvendt og monokrom logo, ikon/symbol, brand guidelines-PDF), med seksjoner du slår av eller på |
| Logo | logotyper, mockuper og eksportforhåndsinnstillinger: variasjonene en logo må leveres i |
| Icon | ikonsett: størrelser, keylines, og app-plattform-forhåndsinnstillingene |
| Pattern | gjentakende mønstre: flistyper (rope, chain, dashed og resten), wallpaper-grupper og motiv-forhåndsinnstillinger |
| Pack | emballasje: produktbokser og de andre die-line-malene |
| Infog | infografikk: diagramtyper, flytskjemaformer (data som et parallellogram, database som en sylinder …) og graftyper |
| UX | skjermdesign: enhetsrammer og breakpoint-forhåndsinnstillinger |
| DA | artdirection: prosjektmetadata, style tiles, og design-token export |
| Auto Layout | Figma-stil auto-layout på den valgte rammen eller gruppen |
| Components | gjenbrukbare symboler: definer én gang, plasser mange |
| Export | en formatvelger som styrer alternativer per format |
Trekkspillmenyen åpner seg selv når en workspace-fane allerede er aktiv, og overskriften viser hvilken. Hvis et panel du brukte i går, virker borte, er det bak Workspaces.
Eksportere#
Vectra eksporterer på åtte måter, og panelet sier hva hver av dem er til i stedet for å la deg gjette.
| Format | |
|---|---|
| PNG | raster med gjennomsiktighet, web og UI |
| JPG | komprimert raster, ingen gjennomsiktighet |
| WebP | moderne web, liten, med gjennomsiktighet |
| AVIF | best komprimering, bred støtte |
| SVG | vektor: skalerbar og fortsatt redigerbar |
| universelt dokument, trykk og web | |
| EPS | profesjonelt trykk, Adobe-kompatibelt |
| JSON | dokumentet som data |
Hva du eksporterer, er også et valg: selection, artboard, all tegnebrett, eller slices: Slice Tool kutter lerretet i navngitte regioner og eksporterer dem sammen, som er slik en UI-skisse forlater som et sett med ressurser i stedet for ett bilde.
Trykkproduksjon#
Delen av Vectra som gjør den til et prepress-verktøy og ikke bare et tegneverktøy. Print Production legger til merkene en trykkeri forventer:
| Crop marks | hvor det skal kuttes |
| Registration marks | justeringsmål for trykkpressen |
| Colour bars | CMYK-kalibreringsstripen |
| Bleed (mm) | motiv forlenget forbi kuttlinjen, slik at en millimeters forskyvning ikke vises som en hvit kant |
| Overprint preview | hva som faktisk vil skje der fargene overlapper |
| Scale bar | for en tegning trykt i målestokk |
⚠️ CMYK er simulert her. Panelet sier det selv: verdiene er en forhåndsvisning, og nøyaktig trykkfarge krever en kalibrert fargestyringsflyt. Behandle CMYK-avlesningen som en veiledning, ikke som en fasit, og merk at CMYK-eksport har ingen gjennomsiktighet, noe som er en egenskap ved fargemodellen, ikke en begrensning i Vectra.
Filer den leser og skriver#
| Native format | .vectra |
| Imports | .svg |
| Exports | .svg · .pdf · .eps · .png · .jpg · .webp · .avif · .json |
Sende arbeid til andre moduler#
Produserer vektorgrafikk og Vectra-objekter: den samme tegningen i to former. Godtar vektorgrafikk og bilder.
| Mål | Hva som ankommer |
|---|---|
| Inkwell, Composer | vektorgrafikk, fortsatt redigerbar |
| Animator | Vectra-objekter, animerbare ett og ett |
| Engine | et HUD-hierarki, ikke et bilde |
Den siste er poenget med Vectra for et spill. En skjermskisse sendt til Engine ankommer som en struktur Engine kan legge ut og skripte, knapper som er knapper, i stedet for som et flatt bilde du måtte bygge opp igjen.
Å jobbe med noen andre#
Vectra synkroniserer operasjon for operasjon: objekter lagt til, slettet, oppdatert og erstattet i sin helhet; lag og rekkefølgen deres; tegnebrettstørrelsen; og det aktive laget.
Begrensninger og vanlige fallgruver#
- Et panel du ikke finner, er sannsynligvis under Workspaces. Bare fire faner vises; de andre elleve er bak den sammenslåtte trekkspillmenyen.
- En form uten fill og uten stroke er usynlig, men fortsatt der. Statuslinjens objektantall avslører det.
- Smart guides fester seg til objekter, rutenettet fester seg til rutenettet. Hvis noe ikke vil havne der du vil, sjekk hvilken av de to som er på.