Vectra
Векторне малювання, контури, типографіка, булеві операції та pathfinder, а також одинадцять робочих просторів для бренду, логотипу, іконок, візерунків, пакування, інфографіки та UX.
Одним реченням#
Чіткі, безмежно масштабовані фігури й текст: студія для логотипів, іконок, макетів інтерфейсу і всього, що має лишатися чітким за будь-якого розміру.
Компонування#
| Menu bar | File · Edit · Object · Type · Select · View · Plugins |
| Document tabs | один набір робочих областей на вкладку |
| Toolbar | скасувати/повторити, дублювання, перегляд коду SVG, булеві операції, блокування, зразки fill і stroke з товщиною обведення, і кнопки вирівнювання/розподілу |
| Guides bar | Grid із власним кроком · Snap · Rulers · сітка для логотипу · Safe area · Smart guides |
| Left rail | виділення, пряме виділення, текст, лінія, прямокутник, перо, фігура, обертання, ножиці, пензель, додавання опорної точки, робоча область, рука |
| Right | Properties · Layers · Text · Illust |
| Status bar | робоча область, її розмір, кількість об'єктів, кількість виділених, позиція в історії, активний інструмент, масштаб |
Що ви тут робите#
Малюйте#
Pen розставляє опорні точки й керувальні точки; direct select потім
їх редагує. Фігури, лінії та текст є окремими інструментами. Підказки живуть
на панелі інструментів, і їх варто прочитати хоча б раз: Shift обмежує
пропорції, Alt малює від центру, стрілки зсувають на піксель.
Позиціонуйте точно#
Розділ Transform приймає точні числа (X, Y, ширина, висота, поворот) поряд із Flip H, Flip V і скиданням до 0°. Кнопки вирівнювання й розподілу на панелі інструментів працюють із виділенням, а напрямні Smart прилипають до інших об'єктів, а не до сітки.
Заливка та обведення#
Обидва перемикаються незалежно: фігура може мати заливку без обведення, обведення без заливки або не мати жодного з них. Кольори редагуються як hex. Під Appearance: непрозорість, режим змішування і видимість.
Поєднуйте фігури#
Pathfinder і булеві операції на панелі інструментів: об'єднання, віднімання, перетин, виключення. Булева група лишається редагованою, а Release boolean group є в командній палітрі, коли вам знову потрібні окремі частини.
Текст#
Вкладка Text утримує типографічні елементи керування; меню Type утримує операції: перетворення тексту на контури тощо.
Ефекти#
Розділ Effects застосовується недеструктивно, тож геометрія під ним лишається саме тією геометрією, яку ви намалювали.
Перегляньте SVG#
Кнопка коду на панелі інструментів показує документ як SVG. Корисно, щоб перевірити, що насправді буде експортовано, і щоб вставити контур звідкись іще.
Права панель: чотири вкладки, а потім одинадцять робочих просторів#
Primary tabs, ті чотири, якими ви користуєтеся постійно:
| Properties | transform, fill, stroke, appearance, effects, align, pathfinder |
| Layers | кожен об'єкт, з можливістю переставляти, ховати, блокувати |
| Text | типографічні елементи керування |
| Illust | ілюстраторський бік: пензлі, з brush library, чиї пензлі редагуються за типом |
Під ними акордеон із написом Workspaces ховає одинадцять сценарних панелей, доки вони вам не знадобляться. Це та частина Vectra, яка є не інструментом малювання, а асистентом дизайну, і її легко пропустити, бо вона за замовчуванням згорнута:
| Workspace | Для чого |
|---|---|
| Brand | фірмовий стиль: чек-лист результатів (основний, інвертований і монохромний логотип, іконка/символ, PDF з гайдлайнами бренду), з розділами, які можна вмикати чи вимикати |
| Logo | типи логотипів, макети й пресети експорту: варіації, у яких логотип має постачатися |
| Icon | набори іконок: розміри, keylines і пресети платформ застосунків |
| Pattern | візерунки, що повторюються: типи плитки (rope, chain, dashed та інші), групи шпалер і пресети мотивів |
| Pack | пакування: коробки для товару та інші шаблони висічки |
| Infog | інфографіка: типи діаграм, фігури блок-схем (дані як паралелограм, база даних як циліндр…) і типи графіків |
| UX | дизайн екранів: рамки пристроїв і пресети точок перелому |
| DA | арт-дирекція: метадані проєкту, style tiles і design-token export |
| Auto Layout | авторозкладка у стилі Figma для обраного фрейму чи групи |
| Components | багаторазові символи: визначте один раз, розмістіть скільки завгодно |
| Export | перемикач формату, який керує налаштуваннями для кожного формату |
Акордеон розгортається сам, коли вкладка робочого простору вже активна, і заголовок показує яка саме. Якщо панель, якою ви користувалися вчора, здається зниклою, вона за Workspaces.
Експорт#
Vectra експортує вісьмома способами, і панель прямо каже, для чого призначений кожен, а не залишає вас гадати:
| Format | |
|---|---|
| PNG | растр із прозорістю, веб і UI |
| JPG | стиснутий растр, без прозорості |
| WebP | сучасний веб, малий розмір, із прозорістю |
| AVIF | найкраще стиснення, широка підтримка |
| SVG | вектор: масштабований і досі редагований |
| універсальний документ, друк і веб | |
| EPS | професійний друк, сумісний з Adobe |
| JSON | документ як дані |
Те, що саме ви експортуєте, теж вибір: selection, artboard, all робочі області або slices: Slice Tool розрізає полотно на іменовані ділянки й експортує їх разом, і саме так макет UI виходить набором асетів, а не одним зображенням.
Підготовка до друку#
Та частина Vectra, яка робить її не лише інструментом малювання, а й препрес-інструментом. Print Production додає мітки, яких очікує друкарня:
| Crop marks | де різати |
| Registration marks | мітки суміщення для друкарського верстата |
| Colour bars | смуга калібрування CMYK |
| Bleed (mm) | зображення, розширене за лінію обрізу, щоб зсув в один міліметр не показав білий край |
| Overprint preview | що насправді станеться там, де фарби накладаються одна на одну |
| Scale bar | для креслення, надрукованого в масштабі |
⚠️ CMYK тут є симуляцією. Панель сама про це каже: значення є лише попереднім переглядом, а точний друкований колір потребує каліброваного робочого процесу керування кольором. Сприймайте показники CMYK як орієнтир, а не як доказ, і майте на увазі, що експорт у CMYK не несе жодної прозорості, а це властивість самої колірної моделі, а не обмеження Vectra.
Файли, які вона читає й записує#
| Власний формат | .vectra |
| Імпортує | .svg |
| Експортує | .svg · .pdf · .eps · .png · .jpg · .webp · .avif · .json |
Передача роботи іншим студіям#
Produces: векторну графіку і Vectra objects: те саме малювання у двох формах. Accepts: векторну графіку і зображення.
| Destination | What arrives |
|---|---|
| Inkwell, Composer | векторна графіка, досі редагована |
| Animator | об'єкти Vectra, які можна анімувати по одному |
| Engine | ієрархія HUD, а не картинка |
Останній пункт і є сенсом Vectra для гри. Макет екрана, надісланий в Engine, приходить як структура, яку Engine може розкласти й заскриптувати, кнопки, які є справжніми кнопками, а не як зведене в одне зображення, яке довелося б відбудовувати заново.
Робота з кимось іншим#
Vectra синхронізується операція за операцією: об'єкти: додані, видалені, оновлені та повністю замінені; шари та їхній порядок; розмір робочої області; і активний шар.
Обмеження і типові пастки#
- Панель, яку ви не можете знайти, ймовірно, під Workspaces. Показано лише чотири вкладки; інші одинадцять за згорнутим акордеоном.
- Фігура без заливки й без обведення невидима, але все одно існує. Видає її лічильник об'єктів у рядку стану.
- Smart guides прилипають до об'єктів, сітка прилипає до сітки. Якщо щось не стає туди, куди треба, перевірте, яке з двох увімкнене.