Vectra
Vektorritning, banor, typografi, booleska operationer och pathfinder, plus elva designarbetsytor för varumärke, logotyp, ikon, mönster, förpackning, infografik och UX.
I korthet#
Skarpa, oändligt skalbara former och text: modulen för logotyper, ikoner, UI-skisser och allt som måste förbli skarpt i varje storlek.
Layouten#
| Menyrad | File · Edit · Object · Type · Select · View · Plugins |
| Dokumentflikar | en uppsättning ritytor per flik |
| Verktygsfält | ångra/gör om, duplicera, SVG-kodvyn, booleska operationer, lås, fill- och stroke-fälten med strecktjockleken, och knapparna för justera/fördela |
| Hjälplinjefält | Grid med sitt avstånd · Snap · Rulers · ett logotypraster · Safe area · Smart guides |
| Vänster fält | markera, direktmarkera, typ, linje, rektangel, penna, form, rotera, sax, pensel, lägg till ankare, rityta, hand |
| Höger | Properties · Layers · Text · Illust |
| Statusrad | rityta, dess storlek, objektantal, markeringsantal, historikposition, aktivt verktyg, zoom |
Vad du gör här#
Rita#
Pennan placerar ankare och handtag; direktmarkering redigerar dem
efteråt. Former, linjer och text är sina egna verktyg. Tipsen finns i
verktygsfältet och är värda att läsa en gång: Shift begränsar, Alt ritar
från mitten, piltangenterna knuffar.
Positionera precist#
Sektionen Transform tar exakta tal (X, Y, bredd, höjd, rotation) tillsammans med Flip H, Flip V, och en återställning till 0°. Knapparna för justera och fördela i verktygsfältet arbetar på en markering, och Smart-hjälplinjer fäster mot andra objekt snarare än mot rutnätet.
Fill och stroke#
Båda kan slås av oberoende av varandra: en form kan vara en fyllning utan kontur, en kontur utan fyllning, eller ingetdera. Färger är redigerbara som hex. Under Appearance: opacitet, blandningsläge och synlighet.
Kombinera former#
Pathfinder och de booleska operationerna i verktygsfältet: union, subtrahera, snitt, uteslut. En boolesk grupp förblir redigerbar, Release boolean group finns i kommandopaletten när du behöver delarna tillbaka.
Typografi#
Fliken Text håller de typografiska kontrollerna; menyn Type håller operationerna: att konvertera text till konturer, och så vidare.
Effekter#
Sektionen Effects appliceras icke-destruktivt, så geometrin under är fortfarande geometrin du ritade.
Läs SVG:n#
Kodknappen i verktygsfältet visar dokumentet som SVG. Användbart för att kontrollera vad som faktiskt kommer att exporteras, och för att klistra in en bana från någon annanstans.
Högerpanelen: fyra flikar, sedan elva arbetsytor#
Primära flikar, de fyra du använder ständigt:
| Properties | transform, fill, stroke, appearance, effects, align, pathfinder |
| Layers | varje objekt, omordningsbart, döljbart, låsbart |
| Text | de typografiska kontrollerna |
| Illust | illustrationssidan: penslar, med ett penselbibliotek vars penslar är redigerbara per typ |
Under dem döljer en dragspelsmeny märkt Workspaces elva scenariopaneler tills du behöver dem. Det här är delen av Vectra som inte är ett ritverktyg utan en designassistent, och den är lätt att missa eftersom den är hopfälld som standard:
| Arbetsyta | Vad den är till för |
|---|---|
| Brand | en varumärkesidentitet: checklistan för leverabler (primär, inverterad och monokrom logotyp, ikon/symbol, varumärkesguide-PDF), med sektioner du slår på eller av |
| Logo | logotyptyper, mockuper och exportförinställningar: variationerna en logotyp måste levereras i |
| Icon | ikonuppsättningar: storlekar, keylines, och app-plattformarnas förinställningar |
| Pattern | repeterande mönster: kakeltyper (rope, chain, dashed och resten), tapetgrupper och motivförinställningar |
| Pack | förpackning: produktlådor och de övriga stansmallarna |
| Infog | infografik: diagramtyper, flödesschemaformer (data som en parallellogram, databas som en cylinder…) och diagramtyper |
| UX | skärmdesign: enhetsramar och breakpoint-förinställningar |
| DA | art direction: projektmetadata, stiltavlor, och export av designtokens |
| Auto Layout | Figma-liknande automatisk layout på den markerade ramen eller gruppen |
| Components | återanvändbara symboler: definiera en gång, placera många |
| Export | en formatväljare som styr formatspecifika alternativ |
Dragspelsmenyn öppnar sig själv när en arbetsyteflik redan är aktiv, och rubriken visar vilken. Om en panel du använde igår verkar borta, ligger den bakom Workspaces.
Att exportera#
Vectra exporterar på åtta sätt, och panelen säger vad var och en är till för i stället för att lämna dig att gissa:
| Format | |
|---|---|
| PNG | raster med transparens, webb och UI |
| JPG | komprimerad raster, ingen transparens |
| WebP | modern webb, litet, med transparens |
| AVIF | bäst komprimering, brett stöd |
| SVG | vektor: skalbar och fortfarande redigerbar |
| universellt dokument, tryck och webb | |
| EPS | professionellt tryck, Adobe-kompatibelt |
| JSON | dokumentet som data |
Vad du exporterar är också ett val: markeringen, ritytan, alla ritytor, eller slices: Slice Tool skär duken i namngivna regioner och exporterar dem tillsammans, vilket är hur en UI-skiss lämnar som en uppsättning tillgångar i stället för en enda bild.
Trycksaksproduktion#
Delen av Vectra som gör det till ett förberedelseverktyg för tryck och inte bara ett ritverktyg. Print Production lägger till märkena en tryckare förväntar sig:
| Crop marks | var man ska skära |
| Registration marks | passermärken för pressen |
| Colour bars | CMYK-kalibreringsremsan |
| Bleed (mm) | konstverk utökat förbi skärlinjen, så att en millimeters avdrift inte syns som en vit kant |
| Overprint preview | vad som faktiskt kommer att hända där färger överlappar |
| Scale bar | för en ritning tryckt i skala |
⚠️ CMYK här är simulerat. Panelen säger det själv: värdena är en förhandsvisning, och exakt tryckfärg kräver ett kalibrerat färghanteringsflöde. Behandla CMYK-avläsningen som en vägledning, inte som ett bevis, och notera att CMYK-export bär ingen transparens, vilket är en egenskap hos färgmodellen, inte en begränsning i Vectra.
Filer den läser och skriver#
| Native format | .vectra |
| Imports | .svg |
| Exports | .svg · .pdf · .eps · .png · .jpg · .webp · .avif · .json |
Att skicka arbete till andra moduler#
Producerar vektorgrafik och Vectra-objekt: samma ritning i två former. Godtar vektorgrafik och bilder.
| Mål | Vad som anländer |
|---|---|
| Inkwell, Composer | vektorgrafik, fortfarande redigerbar |
| Animator | Vectra-objekt, animerbara ett och ett |
| Engine | en HUD-hierarki, inte en bild |
Den sista är poängen med Vectra för ett spel. En skärmskiss skickad till Engine anländer som en struktur Engine kan lägga ut och skripta, knappar som är knappar, i stället för som en utplattad bild du skulle behöva bygga om.
Att arbeta med någon annan#
Vectra synkar operation för operation: objekt som läggs till, tas bort, uppdateras och byts ut helt; lager och deras ordning; ritytans storlek; och det aktiva lagret.
Begränsningar och vanliga fallgropar#
- En panel du inte hittar ligger troligen under Workspaces. Bara fyra flikar visas; de andra elva ligger bakom den hopfällda dragspelsmenyn.
- En form utan fill och utan stroke är osynlig men ändå där. Statusradens objektantal är avslöjaren.
- Smart-hjälplinjer fäster mot objekt, rutnätet fäster mot rutnätet. Om något inte vill landa där du vill, kontrollera vilket av de två som är på.