Детальний огляд Affinity Designer (Mac OS)
Вже деякий час дизайнери користуються новою програмою для векторної графіки та ілюстрацій – Affinity Designer. Це докладний огляд для любителів спробувати нове у роботі. Розробники позиціонують свою програму як професійну. Цим оглядом я хочу з'ясувати, чи насправді потягне Designer на такий статус.
Інтерфейс
Щось середнє між Піксельматором та Ілюстратором. Все звично: зліва панель інструментів, зверху контекстна/дії, справа панельки... не знаю, як вони загальним словом називаються. Панельки, загалом. «Темноту» інтерфейсу можна налаштувати, але діапазон невеликий — від темно-сірого до дуже темно-сірого. У програми є три режими («персони»): векторний режим (Draw Persona), піксельний (Pixel Persona) та режим експорту (Export Persona). Я опишу елементи Tools для кожного режиму окремо.
Спільне з інструментів
Мені подобається у деяких дизайнерських програм можливість настроювати кількість та порядок елементів у панелі «Tools». Така штука є у Піксельмотора, у Ілюстратора (там можна зробити свою панель, натягнути туди що треба, а «попередньо встановлену» вирубати) і тепер ось у Дизайнера. Це все знаходиться в меню View-Customise Tools ...
Максимально можна зробити 8 колонок інструментів. Інструменти перераховую в порядку за умовчанням. У дужках клавіші вибору за промовчанням.
Інструменти «режиму малювання» (Draw Persona)
1. Move Tool (v)
Вибір/розтягування/повороти об'єктів. При затиснутому шифті поворот працює з кроком 15 °. В принципі, більше нема чого сказати. Курсор як курсор, такий самий у всіх програмах є.
2. Node Tool (a)
Всілякі маніпуляції зкрапками та кривими. При наведенні на точку або криву змінює свій вигляд, що зручно (бо іноді в складних картинках трапляється місиво з крапок і відразу не зрозумієш, що куди тягнути). Вміє додати крапку на криву простим кліком (в Ілюстраторі для цього треба затиснути-не-пам'ятаю-що-і-клікнути або вибрати-плюс-і-клікнути). У інструмента є свої дії на контекстній панелі:
- Sharp - перетворює "округлу" точку в кут;
- Smooth - робить навпаки;
- Smart - працює як Smooth, тільки начебто якось розумно підбирає заокруглення та важелі. Але як тільки ви потягнете за важіль, точка зі "smart" перетвориться назад на "smooth", так що мені не дуже зрозуміло, навіщо ця третя штука потрібна.
- Break Curve - розбиває криву у вибраній вами точці;
- Close Curve - закриває вибрану криву
- Smooth Curve - згладжує обрану криву; працює приблизно як Simplify в Ілюстраторі - якщо багато точок, прибирає зайві на свій розсуд; може і додати крапок, якщо йому здасться, що якось обмаль — аби плавніше вийшов контур;
- Join Curves - з'єднує криві в одну; це на випадок, якщо ви малюєте контур у кілька підходів;
- Reverse Curves – розгорнути напрямок кривої (кінець кривої відзначається червоною точкою там, де ви закінчуєте її будувати); може стати в нагоді, якщо малюєте кистями, щоб розгорнути напрямок мазка в інший бік.
- Snap to selected curves - прив'язка точки до інших точок на цій же кривій;
- Snap off-curve nodes - прив'язка важеля до протилежної точки (між крапками вийде пряма лінія);
- Snap all when dragging - не робить нічого; чи то баг, чи треба дуже уважно й довго дивитися.
Взагалі, у групі Snap ні поні за підказкою не можна зрозуміти, що робить перемикач. Така штука в інтерфейсі зустрічається подекуди. Є ще внизу зліва невелика підказка на вибір точок.
3. Corner Tool
Інструмент "радіус кута". Робить заокруглення у вибраній точці (або відразу в кількох). І вміє вибирати точки, відповідно. Кнопка Bake Corners перетворює заокруглення кутів на криві:
4. Pen Tool (p)
Перо. Стандартний інструмент. Ставить точки, гнить криві, при затиснутому Команді працює як Node Tool. Параметри та дії:
- Pen Mode - "стандартний" режим, перо працює як звичайне перо в будь-якій іншій програмі;
- Smart Mode - ви просто ставите точки, де треба, а програма начебто автоматично сама все загинає; мені жодного разу не став у нагоді за весь час користування;
- Polygon Mode – режим «багатокутної фігури», без викривлень;
- Line Mode – перо малює прямі лінії; майже як Polygon Mode, тільки вам потрібно не просто ставити крапки, а саме провести пером у потрібному напрямку.
5. Pencil Tool (n)
Олівець. Має параметр Controller — товщина лінії може регулюватися пером «вакома». Працює невелике згладжування, коли малюєте (тобто робить лінію плавнішою, ніж ви насправді проводите). Не вміє, як останні версії Ілюстратора, автоматично з'єднувати точки у процесі, тому, якщо ви робите контур у кілька підходів, потім доведеться склеїти всі розриви, щоб вийшла цілісна фігура.
6. Vector Brush Tool (b)
Пензель як кисть. Реагує на натискання (якщо у вас планшет) є режими накладання мазків, різні малюнки мазка. Одне погано: малюнок кисті піксельний (але у високій роздільній здатності) і перетворити його на криві не можна, тільки раструвати.
7. Fill Tool (g)
Загалом це градієнт, але залити можна і суцільним кольором (тому і «Fill», мабуть). Є 6 типів заливки: solid (той самий суцільний колір), linear, elliptical, radial, conical, bitmap (заливка картинкою-
Заливка-Градієнт має дві особливості:
- приємна - може заливати кілька об'єктів одночасно;
- неприємна – якщо поправити крапку в градієнті безпосередньо на полотні, сам перемикається на Corner Tool; це баг програми, що обіцялися виправити.
8. Transparensy Tool (y)
Це такий градієнт, що заливає не кольором, а прозорістю. Так само, як у градієнта, можна додавати скільки завгодно крапок.
9. Place Image Tool
10. Vector Crop Tool
Незважаючи на те, що іконка інструмента явно про обрізання полотна, це насправді не так. Vector Crop Tool – це прямокутна маска для векторного об'єкта на полотні. Такого ж результату можна досягти простим вкладенням об'єкта у прямокутну фігуру (тобто зробити з фігури маску), тому я не зовсім зрозумів, навіщо окремий інструмент для цього.
11. Rectangle Tool, Ellipse Tool, Rounded Rectangle Tool (m)
Прямокутник, овал, округлений прямокутник. Усі як у людей.
12. Heart Tool і все, що всередині
Це «розумні» фігури: після того, як ви щось намалювали, можна потягати за певні точки і змінити параметри фігури. Параметри залежать від фігури. Якщо хтось користувався Піксельматорними векторними інструментами, то ось тут таке саме.
13. Artistic Text Tool (t)
Просто текст в один рядок. Вміє робити текст за контуром кривої і, на мою думку, простіше у використанні, ніж такий же в Ілюстраторі.
14. Frame Text Tool (t)
Все просто – звичайна текстова область. Працює як скрізь і нічого особливого не вміє.
15. View Tool (h)
Рука для перетягування/панорамування. Як у всіх.
16. Zoom Tool (z)
Масштабування. Працює як (якщо нічого не плутаю) у Фотошопі: наближає/видаляє по ходу руху миші. Не скажу, що марний інструмент, але я користувався ним тільки в процесі написання статті, щоб перевірити, що як. Для масштабування мені зручніше Opt+Space та потягти мишкою.
Індикатор кольорів
Тут усе, як у всіх. Я маю інструменти в одну колонку, тому я цей індикатор ніколи не бачу. По всій програмі вистачає де подивитися, яким кольором пофарбовано.
Інструменти «піксельного режиму» (Pixel Persona)
Взагалі "піксельна персона" - це набір мінімально необхідних інструментів, щоб додати растрову обробку або ефекти у вашу векторну картинку. Тут ще є добрі кисті.
1. Move Tool (v)
Описувати нічого, такий самий «мув тул» як у режимі малювання.
2. Інструменти виділення (m): Rectangular Marquee Tool, Elliptical Marquee Tool, Row Marquee Tool, Column Marquee Tool
Перші два стандартні - виділення прямокутником, виділення овалом. Навіщо другі два, я не дуже зрозумів, тож міркувати не беруся. Row Marquee Tool — рамка заввишки один піксель за замовчуванням і шириною на все полотно. Column Marquee Tool - рамка висотою на все полотно і шириною в 1 піксель за замовчуванням. Виділену область можна перетягувати курсором, якщо клікнути всередині неї.
3. Free hand Selection Tool (l)
Це ласо. За умовчанням «вільне», із затиснутим Шифтом працює як полігональне. Виділену область можнаперетягувати курсором.
4. Selection Brush Tool (w)
Щітка, що малює, пардон, виділенням. Працює зміна радіусу, як і у всіх пензлів. За замовчуванням додає нову область, із затиснутим Альтом – віднімає.
5. Pixel Tool (b)
Це такий олівець розміром один піксель. Працює зміна розміру — збільшуватиметься/зменшуватиметься квадратик, яким ви малюєте. Якщо хтось користувався — такий інструмент є в Піксельматорі. Параметри:
6. Paint Brush Tool (b)
Пензлик для малювання. Добре взаємодіє з планшетом — реагує на силу натискання, поворот, кут та інше. Має налаштування прозорості (opacity), кількості фарби (flow), жорсткості (harness), мокрі краї (wet edges), «захист прозорості» (protect alpha). Параметри:
7. Erase Brush Tool (e)
Гумка. Тут нічого незвичайного, така є скрізь.
8. Flood Fill Tool (g)
Заливка кольором. Є налаштування порога та заливки суміжних/несуміжних пікселів.
9. Dodge Brush Tool (o)
Висвітлення. Є налаштування, як і в кистях плюс тоновий діапазон (tonal range) і «захист відтінку» (protect hue). Думаю, всім знайомий інструмент. Параметри:
10. Burn Brush Tool (o)
11. Smudge Brush Tool
Палець. Є налаштування "flow" та "strength". Палець як палець, в інших такий самий.
12. Blur Brush Tool
Розмиття. Налаштування як у звичайного пензля.
13. Sharpen Brush Tool
Різкість. Налаштування як у пензля плюс вибір режиму роботи (mode): clarity, unsharp mask, harsh.
14. View Tool (h)
15. Zoom Tool (z)
Піксельні інструменти працюють лише з тим, що ви намалюєте. Якщо вставити в макет фотографію таСпробувати щось зробити в піксельному режимі інструментами, нічого не спрацює. Воно й зрозуміло: треба фотки правити — йдіть, на кшталт, за окремим додатком.
Інструменти режиму експорту (Export Persona)
1. Slice Tool (s)
Малює фрагменти для подальшого експорту. Нічого незвичайного працює як схожі інструменти в інших програмах. Фрагмент не можна скопіювати: якщо вам потрібно кілька однакових, доведеться намалювати кожен вручну.
2. Slice Selection Tool (l)
Схожий на звичайний курсор (як у попередніх "персонах"), але насправді не він. Ця стрілка вміє лише вибрати об'єкт на полотні та створити навколо нього фрагмент (slice) із контекстного меню. Більше нічого.
3. View Tool (h)
4. Zoom Tool (z)
Загальне враження від інструментів
Мінімальний набір для виживання є навіть трохи зверху. Малювати ілюстрації та іконки цілком вистачить. Робити щось складне технічне (креслення або там проекти будівель) в теорії теж можна, але напевно занадто багато доведеться возитися вручну. . Як бонус я записав процес малювання персонажа для особистого проекту:
Наступного разу розберемося, як панелі працюють у «Дизайнера». Не перемикайтеся.