Vectra
Vektorrajzolás, útvonalak, tipográfia, logikai műveletek és pathfinder, plusz tizenegy tervezői munkaterület márkához, logóhoz, ikonhoz, mintához, csomagoláshoz, infografikához és UX-hez.
Egy mondatban#
Éles, végtelenül skálázható alakzatok és szöveg: a modul logókhoz, ikonokhoz, UI-makettekhez és mindenhez, aminek minden méretben élesnek kell maradnia.
Az elrendezés#
| Menu bar | File · Edit · Object · Type · Select · View · Plugins |
| Dokumentumfülek | egy rajzlapkészlet fülenként |
| Toolbar | undo/redo, kettőzés, az SVG-kódnézet, logikai műveletek, zárolás, a fill és stroke mintavevők a körvonalvastagsággal, és az igazítás/elosztás gombok |
| Segédvonalsor | Grid a saját osztásközével · Snap · Rulers · egy logórács · Safe area · Smart guides |
| Bal sáv | kijelölés, közvetlen kijelölés, szöveg, vonal, téglalap, toll, alakzat, forgatás, olló, ecset, csomópont hozzáadása, rajzlap, kéz |
| Jobb oldal | Properties · Layers · Text · Illust |
| Állapotsor | rajzlap, mérete, objektumszám, kijelölésszám, előzménypozíció, aktív eszköz, nagyítás |
Amit itt csinál#
Rajzolás#
A toll csomópontokat és fogantyúkat helyez el; a közvetlen kijelölés
utólag szerkeszti őket. Az alakzatok, vonalak és szöveg saját eszközök. A tippek
az eszköztáron vannak, és érdemes egyszer elolvasni őket: a Shift korlátoz, az
Alt a középpontból rajzol, a nyílbillentyűk tolnak.
Pontos pozicionálás#
A Transform szakasz pontos számokat fogad (X, Y, szélesség, magasság, forgatás), a Flip H, Flip V, és a 0°-ra való visszaállítás mellett. Az igazítás és elosztás gombok az eszköztáron a kijelölésen dolgoznak, és a Smart segédvonalak a többi objektumhoz illeszkednek, nem a rácshoz.
Kitöltés és körvonal#
Mindkettő egymástól függetlenül kapcsolható: egy alakzat lehet kitöltés körvonal nélkül, körvonal kitöltés nélkül, vagy egyik sem. A színek hexaként szerkeszthetők. Az Appearance alatt: átlátszatlanság, keverési mód és láthatóság.
Alakzatok kombinálása#
A Pathfinder és a logikai műveletek az eszköztáron: unió, kivonás, metszet, kizárás. Egy logikai csoport szerkeszthető marad, a Release boolean group a parancspalettában van, amikor vissza kell kapnia a darabokat.
Tipográfia#
A Text fül tartja a tipográfiai vezérlőket; a Type menü tartja a műveleteket: szöveg körvonallá alakítása, és a többi.
Effektek#
Az Effects szakasz nem destruktívan alkalmazódik, így az alatta lévő geometria továbbra is az, amit megrajzolt.
Az SVG olvasása#
A kódgomb az eszköztáron SVG-ként mutatja a dokumentumot. Hasznos annak ellenőrzésére, mi fog ténylegesen exportálódni, és arra, hogy egy útvonalat máshonnan beillesszen.
A jobb panel: négy fül, aztán tizenegy munkaterület#
Elsődleges fülek, a négy, amit folyamatosan használ:
| Properties | transzformáció, kitöltés, körvonal, megjelenés, effektek, igazítás, pathfinder |
| Layers | minden objektum, átrendezhető, elrejthető, zárolható |
| Text | a tipográfiai vezérlők |
| Illust | az illusztrációs oldal: ecsetek, egy ecsetkönyvtárral, amelynek ecsetei típusonként szerkeszthetők |
Alattuk egy Workspaces feliratú harmonika elrejt tizenegy szcenárió-panelt, amíg szüksége nincs rájuk. Ez a Vectra azon része, amely nem rajzeszköz, hanem tervezőasszisztens, és könnyű elnézni, mert alapból össze van csukva:
| Munkaterület | Mire való |
|---|---|
| Brand | egy márkaidentitás: a szállítandók listája (elsődleges, invertált és monokróm logó, ikon/szimbólum, márkakézikönyv PDF), szakaszokkal, amelyeket be- vagy kikapcsolhat |
| Logo | logótípusok, makettek és exportelőbeállítások: a variációk, amelyekben egy logónak szállítania kell |
| Icon | ikonkészletek: méretek, keretvonalak, és az appplatform-előbeállítások |
| Pattern | ismétlődő minták: csempetípusok (kötél, lánc, szaggatott és a többi), tapétacsoportok és motívum-előbeállítások |
| Pack | csomagolás: termékdobozok és a többi vágásisablon |
| Infog | infografika: diagramtípusok, folyamatábra-alakzatok (adat paralelogrammaként, adatbázis hengerként…) és diagramtípusok |
| UX | képernyőtervezés: eszközkeretek és töréspont-előbeállítások |
| DA | arculati irányítás: projekt metaadatok, stílustáblák, és design token exportálás |
| Auto Layout | Figma-stílusú automatikus elrendezés a kijelölt keretre vagy csoportra |
| Components | újrafelhasználható szimbólumok: egyszer definiálva, sokszor elhelyezve |
| Export | egy formátumválasztó, amely formátumonkénti beállításokat vezérel |
A harmonika magától kinyílik, amikor egy munkaterület-fül már aktív, és a fejléc mutatja, melyik az. Ha egy panel, amit tegnap használt, eltűntnek tűnik, a Workspaces mögött van.
Exportálás#
A Vectra nyolcféleképpen exportál, és a panel megmondja, mire jó mindegyik, ahelyett hogy találgatásra hagyná:
| Formátum | |
|---|---|
| PNG | raszter átlátszósággal, web és UI |
| JPG | tömörített raszter, átlátszóság nélkül |
| WebP | modern web, kicsi, átlátszósággal |
| AVIF | a legjobb tömörítés, széles támogatás |
| SVG | vektor: skálázható és még mindig szerkeszthető |
| univerzális dokumentum, nyomtatás és web | |
| EPS | professzionális nyomtatás, Adobe-kompatibilis |
| JSON | a dokumentum adatként |
Az is választás, mit exportál: a kijelölést, a rajzlapot, az összeset, vagy a szeleteket: a Slice Tool elnevezett régiókra vágja a vásznat, és együtt exportálja őket, ez az, ahogyan egy UI makett assetek egy készleteként hagyja el a modult, nem egyetlen képként.
Nyomdai előkészítés#
A Vectra azon része, amely nyomdai előkészítő eszközzé teszi, nem csak rajzolóvá. A Print Production hozzáadja a jelöléseket, amelyeket egy nyomda elvár:
| Crop marks | hol kell vágni |
| Registration marks | igazítási célpontok a nyomdagéphez |
| Colour bars | a CMYK kalibrációs csík |
| Bleed (mm) | a vágásvonalon túl kinyújtott grafika, hogy egy milliméternyi elcsúszás ne látszódjon fehér szélként |
| Overprint preview | mi történik ténylegesen ott, ahol a festékek átfedik egymást |
| Scale bar | egy méretarányban nyomtatott rajzhoz |
⚠️ A CMYK itt szimulált. A panel maga is megmondja: az értékek egy előnézetet mutatnak, és a pontos nyomdai szín egy kalibrált színkezelési munkafolyamatot igényel. Kezelje a CMYK-kijelzést útmutatóként, ne bizonyítékként, és vegye figyelembe, hogy a CMYK-exportnak nincs átlátszósága, ami a színmodell tulajdonsága, nem a Vectra korlátja.
Fájlok, amelyeket olvas és ír#
| Natív formátum | .vectra |
| Importál | .svg |
| Exportál | .svg · .pdf · .eps · .png · .jpg · .webp · .avif · .json |
Munka küldése más modulokba#
Termel vektorgrafikát és Vectra objektumokat: ugyanaz a rajz két formában. Elfogad vektorgrafikát és képeket.
| Cél | Mi érkezik |
|---|---|
| Inkwell, Composer | vektorgrafika, még mindig szerkeszthető |
| Animator | Vectra objektumok, egyenként animálhatók |
| Engine | egy HUD-hierarchia, nem egy kép |
Ez az utolsó a lényeg a Vectrában egy játék szempontjából. Egy Engine-nek küldött képernyőmakett struktúraként érkezik, amelyet az Engine el tud rendezni és meg tud szkriptelni, gombok, amik valóban gombok, ahelyett hogy egy lapított képet kapna, amit újra kellene építeni.
Együttműködés valaki mással#
A Vectra műveletről műveletre szinkronizál: hozzáadott, törölt, frissített és teljesen kicserélt objektumok; rétegek és sorrendjük; a rajzlapméret; és az aktív réteg.
Korlátok és gyakori buktatók#
- Egy panel, amit nem talál, valószínűleg a Workspaces alatt van. Csak négy fül látszik; a másik tizenegy az összecsukott harmonika mögött van.
- Egy alakzat kitöltés és körvonal nélkül láthatatlan, de még mindig ott van. Az állapotsor objektumszáma az áruló jel.
- A Smart segédvonalak objektumokhoz illeszkednek, a rács a rácshoz. Ha valami nem oda áll, ahová szeretné, nézze meg, melyik van bekapcsolva.