Подробный обзор Affinity Designer (Mac OS). Часть 2

в 17:08, , рубрики: mac os x, macaffinity, osx, векторная графика, графика, графический дизайн, дизайн, иконки, иллюстрация, обзор, обработка изображений, Работа с иконками

image

Первая часть обзора

В этот раз расскажу о рабочих панелях. Если в общем, то все примерно такое же как в Иллюстраторе. Есть пара непонятных моментов, есть пара очень удобных штук, которых нет у больших конкурентов. Включить все или по отдельности можно в меню «View->Studio->...»

Draw persona

Панель слоев (Layers)

image

Сверху слева направо: прозрачность слоя, режим смешивания, диапазоны смешивания (подробнее чуть ниже), блокировка слоя. Прозрачность слоя можно менять цифрами от 0 до 9 (как в Фотошопе или Скетче), поэтому в панель за этим ходить не обязательно. Для блокировки слоя тоже есть свои клавиши.

Снизу слева направо: автовыбор слоя, маскировка, настройки слоя, эффекты, новый слой, новый пиксельный слой, удалить слой.

Автовыбор слоя: если нажат, выбираете слой кликом на холсте; если отжат, выбраете слой вручную в панели. Уточню, что это работает именно со слоями, которые содержат в себе объекты. А уже внутри слоя объекты всегда выбираются кликом и на холсте, и в слоях.

Маска — точно как Clipping Mask у Адоби, только не поверх одного слоя, а поверх всех, что снизу. Еще она пиксельная — можно рисовать кистью.

Настройки (Adjustments) — слой с различными настройками:

image

По сути это — привычные нам окна настроек цветов, уровней, каналов и прочего. Накладываются слоем, поэтому их можно гонять так же, как и обычные слои, и подкручивать в любой момент.

Для примера — настройки «Selective Colour»:
image
Эффекты слоя — тоже все как у людей
image
Кнопка «Новый слой» добавляет обычный векторный слой.

«Новый пиксельный слой» добавляет слой, на котором вы можете порисовать в режиме «Pixel persona».

Ну, а с корзиной все понятно.

А вот диапазоны смешивания (blend ranges) я, если честно, не понял. Сам я этой штукой не пользуюсь и в других программах такой не видел. Похоже, что оно как-то управляет режимом «просвечивания» слоя. Но при этом здесь у нас не просто режим смешивания (Multiply, Overlay, Soft Light и все такое), а что-то типа смешения и изменения прозрачности одновременно.

Окно диапазонов смешивания:
image

Панель снимков (Snapshots)

image

В этой панельке можно сохранять что-то вроде резервных копий или версий одного документа. Кнопки слева направо: восстановить снимок, сделать новый снимок, удалить снимок, новый документ из снимка. В принципе, по названиям все понятно. Когда делаете новый снимок, вас спросят, как его назвать. По умолчанию Дизайнер называет снимки временем создания.

image

История (History)

image

Все наглядно: возврат к действию по щелчку или ползунком. Дизайнер умеет сохранять историю внутри документа — т.е. можно открыть файл столетней давности и все действия в истории будут «живы». Но для этого надо нажать пунктик в меню:

image

Кисти (Brushes)

image

Кроме, собственно, выбора категории и самих кистей, панелька позволяет создавать свои категории и кисти, редактировать и удалять готовые, импортировать/экспортировать (правда, формат здесь свой — .afbrushes)

image

Трансформация (Transform)

image

Можно выбрать точку привязки объекта (т.е. считать координаты о краев или от центра), поправить и «связать» размеры, координаты, угол и сдвиг (skew)

Навигатор (Navigator)

image

Если пользовались Фотошопом или Иллюстратором, то узнаете и эту штуку. И работает точно так же, как у других. У ползунка масштаба есть максимум — 1000%, но если вдруг надо больше, увеличивайте «плюсом» — у него предела нет (можно еще клавиатурой или мышью, конечно же).

У навигатора есть режим «Advanced» (меню вверху справа), где можно задавать точки просмотра — View Point. Выставляете масштаб, сохраняете View Point 1, затем выставляете другой масштаб, сохраняете View Point 2. И потом можно переключаться между этими «поинтами» в навигаторе. Можно задавать свои названия.

image

Работает так:

image

Эффекты (Effects)

Те же эффекты слоя, вынесенные в отдельную панель. Т.е. можно работать с ними или из панели слоев, или из этой.

image

Стили (Styles)

image

Стили объектов. Вы можете только выбрать объект, сохранить его стиль, потом выбрать другой объект и применить стиль первого. Заменить или обновить существующий стиль нельзя. Не очень полезная штука для меня — копировать/вставить стили объектов горячими клавишами получается быстрее (Cmd+C -> Cmd+Shift+V).

Меню позволяет создать свою категорию стилей, удалить/переименовать категории, импортировать/экспортировать стили (в свой формат .afstyles), ну и, собственно, сделать новый стиль из выбранного объекта.

image

Обводка (Stroke)

image

Иконки сверху: без обводки, обводка линией, обводка пунктирной линией, обводка кистью. Дальше параметры соединений, скруглений и расположения обводки.

Чекбокс «Draw behind fill» включает перекрытие заливкой обводку (если обводка по центу или по внутреннему краю):

image

«Scale with object» — изменение размера обводки вместе с изменением размера объекта.

Кнопка «Properties...» открывает панель свойств обводки. Обводка при этом переключится в режим «кисть» — только у кистей можно настраивать эти параметры.

image

Есть еще интересная кнопка «Pressure». Открывает настройку толщины обводки. У Иллюстратора это реализовано в виде инструмента, здесь в виде такой вот кривой. Сходу не очень очевидно работающая штука, но привыкнуть можно.

image

Профили можно сохранять, загружать и удалять.

Цвет (Colour)

image

Ничего необычного, за исключением «пипетки». Чтобы выбрать цвет (с какого-нибудь объекта на холсте, например), нужно сначала затащить на него пипетку, затем выбрать полученный цвет в качестве заливки/обводки.

image

Есть 4 режима отображения — колесо, слайдеры (RGB, RGB Hex, HSL, CMYK, LAB, Greyscale), спектр (названный почему-то «boxes») и слайдер количества цвета.

image

Еще есть пунктик в меню, позволяющий добавить в образцы несколько цветов, основываясь на текущем. Весьма полезно — можно из пачки многих оттенков выбрать несколько подходящих.

image

Образцы (Swatches)

image

Во многом повторяет функциональность панели в Иллюстраторе.

«Иксом» переключаемся между заливкой/обводкой.

Пипетка, повторюсь, своеобразная и из-за этой своеобразности неудобная: нужно ее сначала затащить на цвет, потом он появится возле пипетки и потом уже этот цвет можно применить для заливки или обводки. По нажатию на I или Alt ничего не происходит, если в инструментах не выбрана кисть — она с «Альтом» умеет переключаться на пипетку.

В строчке «Recent» показаны использованные цвета в текущем документе. Там всегда есть черный, серый и белый цвета.

Ниже есть список с палитрами (здесь на скриншотах открыта моя «кастомная» — «Pale»). Палитры бывают трех типов: палитра документа, палитра программы, системная палитра. Палитра документа сохраняется с файлом и больше нигде не доступна. Палитра программы доступна в любом документе — она «общепрограмная». Системаня палитра доступна из любой программы на Маке в колорпикере.

image

Вообще, системный колорпикер — очень полезная удобная штука и я его гоняю «и в хвост и в гриву». В частности, очень пригождается закинуть в него один раз цвета (или вот, как выше, сделать системную палитру в Дизайнере) и потом использовать эти цвета в других программах. Так я делаю «общие» палитры для Скетча, Пиксельматора и Аффинити Дизайнера. Для кодеров: в Саблайм Тексте тоже пригодится. А еще можно держать колорпикер просто как отдельную программу.

В панели можно создавать глобальные цвета.

image

Глобальный цвет можно изменять ползунками или просто заменить на другой из палитры

image

Есть встроенные палитры Пантон:
image

Из меню панели можно добавлять цвета, палитры, удалять и переименовывать палитры, создавать палитры из других документов, настривать вид образцов, експортировать/импортировать палитры (в родной формат .afpalette)

image

Еще у каждого образца есть контекстное меню

image

Символ (Character)

image

Об очевидных параметрах писать не буду — они у всех программ одинаковые. Расскажу о неочевидных.

Список категорий шрифтов. Это категории и смарт-папки из системной программы шрифтов. Если что-то меняете в шрифтах, то изменения Дизайнер подтянет только после перезапуска.

image

Потом размер шрифта. Единицы можно задать в параметрах документа (File->Document Setup...)

image

Для подчеркивания и перечеркивания можно задать отдельный цвет. По умолчанию применяется цвет текста, естественно.

image

Если после ввода текста нажать Cmd+Enter, текст сразу преобразуется в кривые (это немного раздражает, потому что я по старой привычке иногда жму). Чтобы просто выйти из редактирования текста, жмите Esc.

Дизайнер сразу же по наведению мыши «предпоказывает» конечный результат, когда вы меняете какие-то параметры в тексте.

image

Параграф (Paragraph)

image

Я не нашел, как превратить линейный текст в параграф и подозреваю, что такой функции нет. Поэтому сразу ориентируйтесь, надпись вам делать или абзац.

Сверху — выравнивание абзаца.

1 — Группа «Spacing»: высота строчки, отступ сверху, отступ снизу, отступ первой строчки, отступ слева, отступ справа.
2 — Группа «Tab stops»: отступы в текстовом блоке после нажатия «Таб». По умолчаниию 36 точек, можно задавать свои.
На примере ниже первое нажатие «Таб» сдвинет курсор на 10 точек, второе — еще 50, третье — еще на 200.

image

Также есть параметры для блоков после отступа — выравнивание и знаки вместо пробела (пробел, точка, подчеркивание или дефис).

3 — Группа «Justification»: это пригодится для выравнивания текста по всей ширине (а этим нигде, кроме печати, лучше не заниматься). Сверху вниз слева направо: минимальное расстояние между словами, минимальное расстояние между символами, желательное расстояние между словами, желательное расстояние между буквами, максимальное расстояние между словами, максимальное расстояние между буквами.

Export persona

Фрагменты (Slices)

image

Содержит все фрагменты, созданные автоматически (у меня здесь «filename required») и вручную. Тип фрагмента показан соответствующей иконкой.

image

Сверху в панели выбираете разрешение картинки для экспорта — 1х, 2х или 3х. Экспортировать можно все сразу — если выбрать галочками все фрагменты и нажать «Export selected», или по одному — кнопкой «Экспорт» напротив нужного фрагмента.

Внизу есть полезный чекбокс — «Continuous». Работает только после первого экспорта, а до этого «задизабленный». Если выбрать этот чекбокс, то потом все изменения в файле будут автоматически экспортироваться в соотв. фрагменты. Т.е. нарисовали вы спрайт иконок, разбили на фрагменты, экспортировали один раз, а потом жмете галочку «Continuous» и дальше, если будете что-то править в иконках, они уже экспортируются сами после сохранения файла. Есть неудобный момент — после закрытия файла и повторного открытия волшебный чекбокс отключается и все нужно проделать по-новой.

image

Параметры экспорта (Export Options)

image

Тут на словах расписывать нечего — все, мне кажется, видно по названиям параметров. Если в файле несколько фрагментов, то параметры можно выбрать для каждого свои. Вариантов — великое множество + можно сохранять свои настройки.

image

Чтобы сделать свой пресет, нужно сначала выбрать встроенный, потом что-нибудь в нем поменять, и потом уже все это можно будет сохранить как новую настройку («Create Preset...»)

image

Слои (Layers)

image

В режиме экспорта панель слоев позволяет вам выбирать, включать/выключать слои и создавать фрагменты. Больше ничего. Если слой экспортируется, это отображается иконкой (слева от чекбокса).

image

Эпилог

На этом все. В целом у меня много положительных впечатлений и чуть негативных. Как рабочий инструмент — вполне годится. Возможно, кому-то из вас придется после Иллюстратора кое-где перепривыкнуть, но лишь к незначительным мелочам.

Скоро выходит и на Винду, кстати.

В заставке иллюстрация «Ice Lolly Guy» авторства Pocketstudio.

image

Автор: reznik_e

Источник

Поделиться новостью

* - обязательные к заполнению поля