affinity designer что это
Революция в дизайне
Благодаря оптимизации для новейших технологий на платформах Mac, Windows и iPad приложение Affinity Designer устанавливает новый индустриальный стандарт в мире дизайна. Лучшее в своем классе, наше приложение позволяет создавать концептуальный дизайн, печатные проекты, логотипы, значки, дизайн многопользовательского интерфейса, макеты и многие другие проекты. Оно уже успело полюбиться тысячам профессиональных иллюстраторов, веб-дизайнеров, разработчиков игр и других творческих специалистов, которые ценят его потрясающую производительность и эффективность при работе со встроенными инструментами для векторного и растрового дизайна.
Серьезное дело
Без каких-либо уловок и преувеличений, теперь у вас есть набор всех необходимых инструментов, о которых вы всегда мечтали. Affinity Designer — это упрощенный рабочий инструмент для профессионалов, который всегда будет выполнять ваши задачи.
Быстро и восхитительно
Приложение Affinity Designer было создано, чтобы не отставать от развития новейшего компьютерного оборудования. Использование этого динамического, реагирующего и плавно работающего приложения приносит только радость.
Уровень сложности вы выбираете самостоятельно
Модуль Affinity Designer создан для обработки документов очень большого размера, поэтому вы можете добавлять мельчайшие детали, не боясь, что это нанесет вред производительности.
Вы сами выбираете тип: растровый или векторный
Переключайтесь между рабочими средами для полноценной работы с векторными и растровыми изображениями всего одним щелчком мыши. Добавляйте к вашим иллюстрациям текстуры растровых кистей, редактируйте отдельные пиксели значков и масок, добавьте немного зернистости в ваши идеальные векторные изображения, обрамляйте и отсекайте пиксельные слои и выполняйте многие другие действия. Другими словами, наслаждайтесь истинной свободой творчества!
Созданы для вашего рабочего процесса
Тысячи дизайнеров по всему миру рассказали нам о том, чего они ожидают от приложения для графического дизайна. Эти сведения легли в основу создания нами Affinity Designer.
Неограниченное количество монтажных областей
Сохраняемая история с альтернативными состояниями
Настраиваемые комбинации клавиш
PSD, AI, PDF, SVG, JPG, TIFF, EXR
Непрерывный экспорт фрагментов
CMYK, 16 & 32bit RGB, Pantone, Профили ICC
Расширенные возможности при работе с сетками, привязкой и выравниванием
Возможность создавать связи между символами и накладывать ограничения
Функции для экономии времени
Интерфейс создан таким образом, чтобы обеспечить наилучшее взаимодействие с пользователем, которое только возможно, и позволить вам больше времени уделять творчеству. Инструменты для экономии времени, например «Выбрать то же» и «Выбрать объект», позволяют эффективно применять одинаковые атрибуты или выбирать все объекты определенного типа для простоты редактирования, тогда как студийные предустановки для компоновки интерфейса дают возможность сохранять любимые настройки рабочего пространства для различных задач и без труда переключаться между ними.
Работает на любом устройстве, где бы вы ни находились
Формат файлов приложения для устройств Windows, Mac или iPad абсолютно одинаков. Это дает вам (или вашей команде) полную свободу беспрепятственно работать над одним и тем же файлом с разных устройств.
Контроль над параметрами цвета
Работа в цветовых пространствах RGB или LAB, поддержка до 32 бит на канал. Кроме того, если планируется печать дизайнерских работ с использованием цветов Pantone, в стандартную комплектацию входят комплексные системы управления цветом на основе профилей CMYK и ICC.
Безошибочные векторные инструменты
Affinity Designer полон инструментов, тщательно разработанных для достижения высокой производительности при сохранении полностью точной геометрии.
Мощный контурный инструмент
Легко добавляйте контур к любому объекту или увеличивайте ширину одиночных незамкнутых кривых. Это простой способ создания абстрактных фигур или параллельных контуров, идеально подходящий для различных архитектурных целей, создания логотипа или файла печати для наклейки.
Расширенные возможности при работе с сетками и направляющими
Возможности для создания сеток и направляющих практически безграничны. Идет ли речь о шаблоне стандартной сетки или полной перспективе с несколькими плоскостями, у вас есть полный доступ к параметрам настройки интервалов, ячеек, промежутков, углов и многого другого.
Масштабирование с увеличением до более одного миллиона процентов
Это то, что мы подразумеваем под мощностью. С самого начала мы разработали наш модуль для работы с точностью плавающей точки. Что это значит? Масштабирование до 1 000 000 %
Неограниченное количество монтажных областей
Размещайте экраны, страницы, меню и другие элементы в одном проекте на любом количестве монтажных областей. Экспортируйте монтажные области или любые отдельные элементы в ваших дизайнерских работах с помощью одного щелчка мыши.
Возможность создавать связи между символами
Символы позволяют включать в текущий проект неограниченное количество экземпляров одного и того же базового объекта. При редактировании одного объекта мгновенно меняются и другие. Вы можете с легкостью создавать несколько вариантов символов с рядом обособленных атрибутов или даже создавать символы внутри символов, что открывает перспективы для использования действительно инновационных методов ускорения рабочего процесса.
Пиксельный просмотр в динамическом режиме
Совершенство пиксельного дизайна обеспечивается за счет возможности просматривать работу в пиксельном режиме. Эта функция позволяет вам просматривать векторные изображения в стандартном разрешении и разрешении Retina, а также получить реальное представление о том, как будет выглядеть каждый элемент композиции после экспорта.
Утонченная типографика
Работаете ли вы с художественным текстом заголовков или текстовыми блоками в областях после заголовков, вы можете добавлять сложные стили и лигатуры, а также у вас есть полный доступ к параметрам настройки интервалов, кернинга, межбуквенных интервалов и многому другому. В любое время можно преобразовывать текст в кривые для того, чтобы в полном объеме контролировать процесс создания изысканной пользовательской типографики, что позволит придать тексту большую значимость.
Профессиональное качество изображений при выводе на печать, отображении на экране или совместной работе
В основе бэкенд-технологии Affinity Designer лежит расширенная поддержка файлов. Включена поддержка всех основных типов изображений и векторных файлов, в том числе PDF/X4, EPS, SVG и PSD.
Подробный обзор Affinity Designer (Mac OS). Часть 1. Инструменты
Уже некоторое время дизайнеры пользуются новой программой для векторной графики и иллюстраций — Affinity Designer. Это подробный обзор для любителей попробовать новое в работе.
Разработчики позиционируют свою программу как профессиональную. Этим обзором я хочу выяснить, потянет ли на самом деле Designer на такой статус.
В качестве примера я использую иллюстрацию «Destroyer» авторства Pocketstudio
Интерфейс
Что-то среднее между Пиксельматором и Иллюстратором.
Все привычно: слева панель инструментов, сверху контекстная/действия, справа панельки… не знаю, как они общим словом называются. Панельки, в общем. «Темноту» интерфейса можно настроить, но диапазон небольшой — от темно-серого до очень-темно-серого.
У программы есть три режима («персоны»): векторный режим (Draw Persona), пиксельный (Pixel Persona) и режим экспорта (Export Persona). Я опишу элементы «Tools» для каждого режима отдельно.
Общее по инструментам
Мне нравится у некоторых дизайнерских программ возможность настраивать количество и порядок элементов в панели «Tools». Такая штука есть у Пиксельматора, у Иллюстратора (там можно сделать свою панель, натаскать туда что надо, а «предустановленную» вырубить) и теперь вот у Дизайнера.
Это все находится в меню View->Customise Tools…
Максимально можно сделать 8 колонок инструментов.
Инструменты перечисляю в порядке по умолчанию. В скобках клавиши выбора по умолчанию.
Инструменты «режима рисования» (Draw Persona)
1. Move Tool (v)
Выбор/растягивание/повороты объектов. При зажатом Шифте поворот работает с шагом 15°. В принципе, больше нечего сказать. Курсор как курсор, точно такой же во всех программах есть.
2. Node Tool (a)
Всяческие манипуляции с точками и кривыми. При наведении на точку или кривую меняет свой вид, что удобно (потому что иногда в сложных картинках случается месиво из точек и сходу не поймешь, что куда тащить). Умеет добавить точку на кривую простым кликом (в Иллюстраторе для этого надо зажать-не-помню-что-и-кликнуть или выбрать-плюс-и-кликнуть).
У инструмента есть свои действия на контекстной панели:
Вообще, в группе Snap ни по иконке, ни по подсказке нельзя понять, что делает переключатель. Такая штука в интерфейсе встречается кое-где.
Есть еще внизу слева небольшая подсказка по выбору точек.
3. Corner Tool
Инструмент «радиус угла». Делает скругление в выбранной точке (или сразу в нескольких). И умеет выбирать точки, соответственно.
Кнопка Bake Corners превращает скругления углов в кривые:
4. Pen Tool (p)
Перо. Стандартный инструмент. Ставит точки, гнет кривые, при зажатом Команде работает как Node Tool.
Параметры и действия:
5. Pencil Tool (n)
Карандаш. Имеет параметр Controller — толщина линии может регулироваться пером «вакома».
Работает небольшое сглаживание, когда рисуете (т.е. делает линию плавнее, чем вы на самом деле проводите). Не умеет, как последние версии Иллюстратора, автоматически соединять точки в процессе, поэтому, если вы делаете контур в несколько подходов, потом придется склеить все разрывы, чтобы получилась цельная фигура.
6. Vector Brush Tool (b)
Кисть как кисть. Реагирует на нажатие (если у вас планшет), есть режимы наложения мазков, разные рисунки мазка. Одно плохо: рисунок кисти пиксельный (но в высоком разрешении) и преобразовать его в кривые нельзя, только растрировать.
7. Fill Tool (g)
Вообще-то по умолчанию это градиент, но залить можно и сплошным цветом (потому и «Fill», видимо). Есть 6 типов заливки: solid (тот самый сплошной цвет), linear, elliptical, radial, conical, bitmap (заливка картинкой-паттерном).
У Заливки-Градиента есть две особенности:
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 — рамка высотой в 1 пиксель по умолчанию и шириной на весь холст. 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)
Затемнение. Как Dodge Bush Tool, только работает наоборот.
У этих двух инструментов есть приятная особенность: предпросмотр внутри курсора, что получится после нажатия. Как в «штампе» Фотошопа, например.
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)
Общее впечатление от инструментов
Минимальный набор для выживания есть, даже чуть сверху. Рисовать иллюстрации и иконки вполне хватит. Делать что-то сложное техническое (чертежи или там проекты зданий) в теории тоже можно, но наверно слишком много придется возиться вручную.
Инструменты, как мне кажется, вполне себе профессиональные, но ниша этих профессионалов немного поуже будет, чем у Иллюстратора.
В качестве бонуса я записал процесс рисования персонажа для личного проекта:
В следующий раз разберемся, как работают панельки у «Дизайнера». Не переключайтесь.
Интерфейс и функционал Affinity Designer
Работающие с графикой рано или поздно сталкиваются с программами от Adobe. Главный минус Photoshop и Illustrator – дороговизна, нужно постоянно оплачивать регулярную подписку. Компания Serif решила создать полноценную альтернативу популярному софту, создав несколько решений. Одно из них – Affinity Designer, которое полностью заменяет Illustrator, купить его нужно лишь раз.
Назначение Affinity Designer
Программа создана для работы с векторной или растровой графикой одновременно. Она нужна в первую очередь тем, кому нужен одновременно функционал Photoshop и Illustrator. Переключение между интерфейсами происходит мгновенно. Affinity Designer используется для создания концептуального дизайна, в сфере печатной полиграфии, как и InDesign, а также для разработки логотипов, значков или макетов.
Для Android и iOs софт не может прямо конкурировать с Adobe Illustrator Draw. В бесплатной версии последнего есть только базовые функции, Affinity Designer можно считать расширенной версией этого приложения. Для мобильных ОС версия не урезана, функционал полностью сохранен и соответствует версии для ПК.
Сфера применения Affinity Designer
Программа является альтернативой Adobe Photoshop и Illustrator, поэтому используют ее люди, жизнь которых тесно связана с обработкой изображений, дизайном, работой с графикой.
Созданная Serif, Affinity Designer – идеальное решение для фрилансеров, поскольку через несколько месяцев использования AD полностью окупается, софт становится дешевле, чем подписка от Adobe.
В каких профессиях может применяться Affinity Designer:
Affinity Designer устроит всех, кто работает с графикой и изображениями в профессиональной деятельности или ради удовольствия.
Интерфейс
Сначала внешний вид программы может показаться сложным, хотя визуально он очень похож на своих «коллег» из Adobe. Пользователи отмечают, что они очень быстро освоились в программе, а расположение всех кнопок понятно и логично.
Есть кнопки «Выбрать то же», которые находят в проекте одинаковые объекты и автоматически их выделяют. Эта функция позволяет экономить время, чтобы не искать в рабочей области необходимое.
Присутствуют студийные предустановки, программа запоминает расположение панелей инструментов. В соответствующем пункте меню можно выбрать сохраненный вид или выбрать из нескольких предложенных вариантов. Переключаться между рабочими пространствами также удобно, в зависимости от проекта нужные функции будут появляться или исчезать в несколько кликов.
Функционал программы
Affinity Designer – полноценный инструмент для работы с векторными и растровыми изображениями. Это одновременно фоторедактор и программа дизайна.
Внешне программа мало отличается от программных продуктов Adobe. Есть панель для работы со слоями, классические инструменты для работы с графикой, перо, карандаш и другие элементы. Присутствует плавающее меню, позволяющее изменить типографские настройки.
Главная задача программы – работа с векторными инструментами. Есть функционал стабилизации карандашей или кистей. Продуман контурный инструмент, «Перо» улучшается с каждым обновлением в соответствии с пожеланиями пользователей.
Работа с контурами усовершенствована, Affinity Designer справляется с созданием абстрактных фигур, есть полноценный функционал для работы с параллельными контурами. Софт подходит для архитектурных решений.
Любую комбинацию клавиш можно настроить, все зависит исключительно от фантазии. У AD нет ограничений по монтажным областям, количество одновременно выполняемых проектов ограничено только желанием пользователя.
Другие полезные функции:
В специальном меню в левом верхнем углу можно мгновенно переключаться на разные режимы работы. Кнопки Draw, Pixel и Export:
Одна из главных проблем для работающих с Photoshop и Illustrator – постоянная необходимость запускать две программы, чтобы комфортно работать с проектом. Serif ускорили обмен между приложениями. Достаточно нажать одну из кнопок Personas, мгновенно появится нужный интерфейс.
В Designer достаточно инструментов для базовой обработки фотографий. Но в ней отсутствуют важные функции, например, клонирование изображения.
Если нужно постоянно работать с фотографиями, то рекомендуется приобрести программу Affinity Photo. Это полноценная замена Adobe Photoshop со всеми необходимыми инструментами.
Обучающие курсы и книги по работе с Affinity Designer
Для обучения можно использовать стандартные инструменты программы. Есть специальная кнопка «Справка», нажав на нее, над каждым инструментом появляется надпись, которая рассказывает, что делает та или иная кнопка. Также продуман интерактивный режим обучения, который расскажет пользователю о базовых навыках работы в AD.
Дополнительные обучающие материалы можно найти на:
Материалов в русскоязычном пространстве все еще недостаточно, поэтому лучше всего обратиться к зарубежным школам. Бесплатные лекции можно найти на Youtube, просто написав «affinity designer tutorial».
Что касается специализированной литературы, то пособия на русском языке на данный момент отсутствуют. На английском языке самыми популярными книгами являются:
Особенности
Affinity Designer обладает интересными отличиями, которых нет в других подобных программах. Они добавляют вариативности и комфорта при работе.
Область редактирования называется доской или артбордом. В Affinity Designer можно делать сложную сетку. В предустановленных пресетах есть изометрические, треугольные и прочие нестандартные сетки. Удобное средство, которое позволяет отойти от классических квадратов и сконцентрироваться на работе, не беспокоясь о симметричности нестандартных линий.
Сетки можно копировать и перемещать на другие доски. Они останутся несвязанными и их можно корректировать на одном артборде, а на других все останется, как и было.
Правило касается вспомогательных линий, при копировании на новую доску переносятся как сетки, так и дополнительные линии.
Среди других особенностей по обработке графики:
Функция «Символы» – еще одно полезное свойство программы. Чтобы изменить цвет одинаковых объектов в других программах, необходимо выделять их вручную, а потом изменять цвет. В Affinity Designer есть отдельная для этого функция, если добавить в нее объект, то при редактировании одного автоматически редактируются и остальные. Синхронизацию можно отключить, когда массовое выполнение одного действия не требуется.
Другие полезные особенности программы:
Плюсы и минусы применения
Положительные или отрицательные стороны нужно рассматривать в сравнении с прямым конкурентом – Adobe Photoshop и Illustrator.
Главное преимущество AD – не нужно оплачивать месячную подписку, как у Adobe. Программа покупается раз, вносить регулярную оплату не нужно. При этом у разработчика Serif умалчивают, как долго софт будет обновляться. С Photoshop и Illustraror все проще – программа получает автоматически обновления вместе с продлением подписки.
Положительные стороны Affinity Designer vs Illustraror:
Отрицательные стороны AD:
Видеоурок для начинающих
Affinity Designer – полноценная замена Illustrator с базовыми функциями Photoshop. Софт идеально подойдет для тех, кто постоянно работает с графикой, но не готов платить много за дорогие продукты от Adobe, и ему не нужен весь функционал из Creative Cloud.