Vectra
Rysunek wektorowy, ścieżki, typografia, operacje logiczne i pathfinder, plus jedenaście przestrzeni roboczych dla marki, logo, ikon, wzorów, opakowań, infografik i UX.
W jednym zdaniu#
Ostre, nieskończenie skalowalne kształty i tekst: studio do logo, ikon, makiet UI i wszystkiego, co musi pozostać ostre w każdym rozmiarze.
Układ#
| Pasek menu | File · Edit · Object · Type · Select · View · Plugins |
| Karty dokumentów | jeden zestaw obszarów roboczych na kartę |
| Pasek narzędzi | cofnij/ponów, duplikuj, widok kodu SVG, operacje logiczne, blokada, próbki wypełnienia i obrysu z grubością obrysu, oraz przyciski wyrównania/rozmieszczenia |
| Pasek prowadnic | Grid z jego odstępem · Snap · Rulers · siatka logo · Safe area · Smart guides |
| Lewy pasek | zaznaczenie, zaznaczenie bezpośrednie, tekst, linia, prostokąt, pióro, kształt, obrót, nożyczki, pędzel, dodaj kotwicę, obszar roboczy, ręka |
| Prawa strona | Properties · Layers · Text · Illust |
| Pasek stanu | obszar roboczy, jego rozmiar, liczba obiektów, liczba zaznaczeń, pozycja w historii, aktywne narzędzie, powiększenie |
Co tutaj robisz#
Rysuj#
Pióro umieszcza kotwice i uchwyty; zaznaczenie bezpośrednie edytuje
je potem. Kształty, linie i tekst to osobne narzędzia. Wskazówki są na
pasku narzędzi i warto je raz przeczytać: Shift ogranicza, Alt rysuje
od środka, strzałki przesuwają o mały krok.
Pozycjonuj precyzyjnie#
Sekcja Transform przyjmuje dokładne liczby (X, Y, szerokość, wysokość, obrót) obok Flip H, Flip V i resetu do 0°. Przyciski wyrównania i rozmieszczenia na pasku narzędzi działają na zaznaczeniu, a prowadnice Smart przyciągają do innych obiektów, a nie do siatki.
Wypełnienie i obrys#
Oba są przełączane niezależnie: kształt może mieć wypełnienie bez obrysu, obrys bez wypełnienia, albo żadne z nich. Kolory są edytowalne jako hex. W sekcji Appearance: krycie, tryb mieszania i widoczność.
Łączenie kształtów#
Pathfinder i operacje logiczne na pasku narzędzi: suma, różnica, część wspólna, wykluczenie. Grupa logiczna pozostaje edytowalna, Release boolean group jest w palecie poleceń, gdy potrzebujesz z powrotem pojedynczych elementów.
Typografia#
Karta Text trzyma kontrolki typograficzne; menu Type trzyma operacje: zamianę tekstu na kontury i tak dalej.
Efekty#
Sekcja Effects działa niedestrukcyjnie, więc geometria pod spodem to wciąż geometria, którą narysowałeś.
Odczytaj SVG#
Przycisk kodu na pasku narzędzi pokazuje dokument jako SVG. Przydatne do sprawdzenia, co faktycznie zostanie wyeksportowane, i do wklejenia ścieżki skądinąd.
Prawy panel: cztery karty, potem jedenaście przestrzeni roboczych#
Karty podstawowe, te, których używasz stale:
| Properties | transformacja, wypełnienie, obrys, wygląd, efekty, wyrównanie, pathfinder |
| Layers | każdy obiekt, ze zmienialną kolejnością, ukrywaniem, blokowaniem |
| Text | kontrolki typograficzne |
| Illust | strona ilustracyjna: pędzle, z biblioteką pędzli, których pędzle są edytowalne per typ |
Pod nimi akordeon oznaczony Workspaces ukrywa jedenaście paneli scenariuszowych, dopóki nie są potrzebne. To ta część Vectra, która nie jest narzędziem do rysowania, tylko asystentem projektowym, i łatwo ją przeoczyć, bo domyślnie jest zwinięta:
| Przestrzeń robocza | Do czego służy |
|---|---|
| Brand | tożsamość marki: lista rzeczy do dostarczenia (logo podstawowe, odwrócone i monochromatyczne, ikona/symbol, PDF wytycznych marki), z sekcjami do włączenia lub wyłączenia |
| Logo | typy logo, makiety i presety eksportu: warianty, w jakich logo musi zostać dostarczone |
| Icon | zestawy ikon: rozmiary, keyliny i presety platform aplikacji |
| Pattern | wzory powtarzalne: typy kafelków (sznur, łańcuch, przerywana i reszta), grupy tapet i presety motywów |
| Pack | opakowania: pudełka produktowe i inne szablony sztancy |
| Infog | infografiki: typy diagramów, kształty schematów blokowych (dane jako równoległobok, baza danych jako walec…) i typy wykresów |
| UX | projektowanie ekranów: ramki urządzeń i presety punktów przełamania |
| DA | kierunek artystyczny: metadane projektu, kafelki stylu i eksport tokenów projektowych |
| Auto Layout | automatyczny układ w stylu Figmy na zaznaczonej ramce albo grupie |
| Components | symbole wielokrotnego użytku: zdefiniuj raz, umieść wiele razy |
| Export | selektor formatu, który steruje opcjami per format |
Akordeon otwiera się sam, gdy karta przestrzeni roboczej jest już aktywna, a nagłówek pokazuje którą. Jeśli panel, którego używałeś wczoraj, wydaje się zniknął, jest pod Workspaces.
Eksport#
Vectra eksportuje na osiem sposobów, a panel mówi, do czego służy każdy z nich, zamiast zostawiać cię z domysłami:
| Format | |
|---|---|
| PNG | raster z przezroczystością, web i UI |
| JPG | skompresowany raster, bez przezroczystości |
| WebP | nowoczesny web, mały, z przezroczystością |
| AVIF | najlepsza kompresja, szerokie wsparcie |
| SVG | wektor: skalowalny i wciąż edytowalny |
| uniwersalny dokument, druk i web | |
| EPS | profesjonalny druk, kompatybilny z Adobe |
| JSON | dokument jako dane |
To, co eksportujesz, też jest wyborem: zaznaczenie, obszar roboczy, wszystkie obszary robocze, albo wycinki: Slice Tool kroi płótno na nazwane regiony i eksportuje je razem, co pozwala, by makieta UI wychodziła jako zestaw zasobów, a nie jeden obraz.
Produkcja druku#
Część Vectra, która czyni z niej narzędzie prepress, a nie tylko narzędzie do rysowania. Print Production dodaje oznaczenia, których oczekuje drukarnia:
| Crop marks | gdzie ciąć |
| Registration marks | cele wyrównania dla maszyny drukarskiej |
| Colour bars | pasek kalibracji CMYK |
| Bleed (mm) | grafika rozszerzona poza linię cięcia, żeby milimetr przesunięcia nie ujawnił się jako biała krawędź |
| Overprint preview | co faktycznie się stanie tam, gdzie farby się nakładają |
| Scale bar | dla rysunku drukowanego w skali |
⚠️ CMYK jest tutaj symulowany. Panel mówi to sam: wartości są podglądem, a dokładny kolor druku wymaga skalibrowanego procesu zarządzania kolorem. Traktuj odczyt CMYK jako wskazówkę, nie jako dowód, i zauważ, że eksport CMYK nie ma żadnej przezroczystości, co jest właściwością modelu koloru, a nie ograniczeniem Vectra.
Pliki, które odczytuje i zapisuje#
| Format natywny | .vectra |
| Importuje | .svg |
| Eksportuje | .svg · .pdf · .eps · .png · .jpg · .webp · .avif · .json |
Wysyłanie pracy do innych studiów#
Tworzy grafikę wektorową i obiekty Vectra: ten sam rysunek w dwóch formach. Przyjmuje grafikę wektorową i obrazy.
| Miejsce docelowe | Co przychodzi |
|---|---|
| Inkwell, Composer | grafika wektorowa, wciąż edytowalna |
| Animator | obiekty Vectra, animowalne pojedynczo |
| Engine | hierarchia HUD, a nie obrazek |
Ten ostatni jest sensem Vectra dla gry. Makieta ekranu wysłana do Engine przychodzi jako struktura, którą Engine może rozmieścić i zeskryptować, przyciski, które są przyciskami, a nie spłaszczony obraz, który musiałbyś zbudować od nowa.
Praca z kimś innym#
Vectra synchronizuje się operacja po operacji: obiekty dodane, usunięte, zaktualizowane i całkowicie zastąpione; warstwy i ich kolejność; rozmiar obszaru roboczego; oraz aktywna warstwa.
Ograniczenia i częste problemy#
- Panelu, którego nie możesz znaleźć, szukaj pod Workspaces. Widoczne są tylko cztery karty; pozostałe jedenaście jest za zwiniętym akordeonem.
- Kształt bez wypełnienia i bez obrysu jest niewidoczny, ale wciąż istnieje. Liczba obiektów na pasku stanu to sposób, żeby to wykryć.
- Smart guides przyciągają do obiektów, siatka przyciąga do siatki. Jeśli coś nie chce wylądować tam, gdzie chcesz, sprawdź, które z tych dwóch jest włączone.