Affinity designer что это за программа

Обзор Affinity Designer

С покупкой Affinity Designer определиться достаточно сложно: на официальном сайте обещают горы функций, а сторонние обзоры в духе «Смотрите я захерачил розовый квадрат и три строчки текста — годная программа». Сейчас разберёмся.

Программу устанавливал на macOS Sierra 10.13.6, версия Affinity Designer 1.7.1. Установка простая, открываем образ и перетаскиваем иконку в раздел Программы — готово. При запуские вводим почту и ключ — программа активирована. Designer быстро запускается, очень отзывчивая, за всё время работы программа ни разу не повисла и не вылетела.

Общий вид программы. Панели уже настроены, как мне удобно

Рабочее пространство

AD встречает тёмным интерфейсом и минимальным количеством панелей. Цвет интерфейса и фона рабочей области можно менять в настройках.

В общем настроек немного, но всё необходимое есть:

1. настройка интерфейса;
2. производительность;
3. горячие клавиши;
4. возможность сбросить шрифты, стили, кисти по умолчанию;
5. цветовые профиля;
6. дополнительные настройки.

Категории настроек
Настройки интерфейса

Программы Affinity. Что это? Зачем? Сколько стоит и стоит ли?

Одна из фишек программы, это «Персоны» — режимы работы под разные задачи, всего их три: векторный режим, пиксельный режим, режим экспорта. При переключении меняются инструменты и панели. Насчёт необходимости режима экспорта не уверен, но пиксельный режим очень интересный, думаю, и пиксель-арт удобно делать.

Новые документы

Тут всё в порядке, есть всё, что необходимо:

1. Пресеты для веба, мобилок, печати.

2. Поддержка ретины.

3. Изменение размеров, количества DPI, единиц измерения.

4. Выпуски под обрез.

5. Цветовые профиля и прозрачность фона.

Создание нового документа

Поля почему-то создаются тоже в настройках документа, а не в менеджере направляющих и сеток.

Есть возможность поставить галку Artboards и тогда будет, например, не один лист А4, а безграничная рабочая область на которой можно разместить любое количество разных артбоардов. Кстати, в люстре рабочее пространство это квадрат примерно 5,7×5,7 метра, какое-то дикое ограничение. Создал в AD артбоард 20×10 метров, проблем не заметил, думаю, с баннерами проблем не должно быть.

Векторные инструменты

Здесь всё более-менее стандартно на первый взгляд: пентул с разными режимами, карандаш, кисть, фигуры, скругление углов, градиент.

Пентул показался более интуитивным, да и по ощущениям приятнее работать чем в иллюстраторе. Режимы работы переключаются на верхней панели, а также при зажатии кнопок Alt и Command. Пентул один, а не как у люстры, свой инструмент на каждый чих.

Интересный инструмент Point Transform, позволяет масштабировать, вращать фигуру вокруг указанной точки.

Есть много фигур от прямоугольника и звёзды до капли и сердечка, все они настраиваются, количество лучей, размеры и т.д. Пока объект в этом режиме его невозможно редактировать пентулом. Для редактирования нужно конвертировать в кривые.

Что имеем:

1. Хороший пентул, с разными режимами работы.
2. Быстрые и настраиваемые векторные кисти. Как каллиграфические так и эмулирующие акварель, акрил, уголь. Есть стабилизация.
3. Много настраиваемых фигур.
4. Конечно же выравнивание, булевы операции.
5. Corner tool с различными режимами.
6. Полезный инструмент Point Transform, точно пригодится.
7. Инструмент для рисования в изометрической проекции.
8. Символы по аналогии с иллюстратором.

Чего не хватает:

1. Ластика, возможность просто стирать вектор кистью.
2. Blend tool.
3. Инструмента для создания бесшовных паттернов.
4. Инструмента симметрии. Он есть только в Пиксельной персоне и только для инструментов Кисть и Карандаш. Что за логика?
5. Возможность очистки: удаления мусорных линий и отдельных точек.
6. Опции упростить или добавить узлов контуру.
7. Детальной информации по объектам в документе, сколько точек, сколько открытых контуров и т.д.

Проблемы:

Конвертирование обводки в обычную плашку сделано просто отвратительно, появляются дефекты контура и десятки ненужных узлов. Разработчики знают о проблеме, должны исправить скоро.

Подсказки:

Чтобы сделать Compound path, нужно выделить объекты, зажать Сommand и в булевых операциях выбрать Add.

Эффекты

Недавно добавили панель Appearance, теперь можно делать бесконечное количество обводок и заливок с разным режимом смешивания и прозрачностью. А вот режимов трансформации всего этого богатства нет и это просто ужасно. Но обещали запилить, очень жду.

Обводка в принципе стандартная: толщина, концевые элементы, разрыв, выравнивание и тд.

Панели Appearance и Stroke

В градиентах добавились режимы Conical, Elliptical и Bitmap. Последний режим достаточно интересный, можно взять растровое изображение и замостить им векторную фигуру.

Очень порадовал раздел Layer → New Adijustment. Он содержит просто огромное количество инструментов для коррекции цвета, причем всё можно применять к растровым и векторным объектам. Корректирующий слой может применяться как маска к векторному объекту, слою или даже артбоарду, это реально круто. Слои эти можно комбинировать.

Источник: teletype.in

Affinity Designer

Буквально пару месяцев назад компания Serif выпустила бета-версию графического редактора Affinity Designer — этакую альтернативу продуктам от Adobe. Примечетельно то, что программа сочетает в себе работу с векторной и растровой графикой одновременно. На данный момент Affinity Designer можно скачать бесплатно на сайте разработчика https://affinity.serif.com/.

Интерфейс

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

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

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

Это казалось бы поправимый момент — чего стоит добавить других инструментов вместо пробелов или вовсе скрыть эту панель? Но не все так просто: редактирование панели не позволяет добавлять другие инструменты, а только лишь менять местами уже существующие. Вариант со скрытием панели тоже не продуман, так как вместе с ней скрываются и три важные кнопки «Personas» (о их назначении чуть позже), доступ к которым можно получить только через эту панель.

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

В остальном же интерфейс оставляет положительное впечатление.

Функциональность

Работа с Affinity Designer предполагает три основных сценария использования, каждый из которых имеет свой набор инструментов — так называемые Personas.

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

В Pixel Persona находятся всевозможные кисти, инструменты выделения и ретуширования — одним словом все, что нужно для работы с растровой графикой.

Последний «набор» инструментов Export Persona по большому счету содержит один лишь Slice Tool, за исключением стандартных Move, Hand и Zoom, которые так же есть в двух других наборах. Зачем было делать для этого отдельную вкладку, не совсем понятно. Возможно, в будущих версиях туда будут добавлены новые инструменты.

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

Работа со слоями в Affinity Designer реализована практически так же, как в Adobe Photoshop: эффекты слоев, стили, всевозможные режимы наложения цветов, маски. Не хватает, разве что, кнопки блокировки слоя (приходится каждый раз лезть в меню). А также непривычно выглядит кнопка создания нового слоя в виде папки.

Особенности

・Импорт/экспорт .psd файлов

Affinity Designer с 95% вероятностью корректно открывает файлы .psd, сохраняя стили слоев, прозрачности и т.п. Экспорт в .psd пока не реализован, но заявлен разработчиком. Остается надеяться, что он будет работать не хуже импорта.

Собственный формат программы имеет расширение .afdesign и занимает в два раза меньше дискового пространства, чем аналогичный psd.

・Режим зеркального отображения

・Менеджер направляющих

・Сохранение истории изменений вместе с документом

Эта функция пока не работает, но определенно заслуживает интерес.

・Сравнительно небольшой размер программы — всего 275 МБ.

Итог

Продукт получился безусловно интересным. Несмотря на то, что программа пока очень сырая и нестабильная, уже сейчас видно, что она вполне способна конкурировать с другими игроками на рынке, в том числе с Adobe.

Финальный релиз Affinity Designer намечен на октябрь 2014 года. Программу можно будет купить в Mac App Store примерно за 50$. Учитывая такую цену, можно закрыть глаза на многие недочеты.

Источник: medium.com

Affinity Designer — конкурент Adobe PS + AI за $40

Affinity Designer — это новый инструмент векторной и растровой графики от компании Serif, основанной в 1987 году в Англии. Несмотря на более чем 25-летний опыт разработки программ и интерфейсов исключительно под Windows, в 2010 году в компании было принято решение добавить в линейку продуктов что-то и для системы Mac OS. В результате в октябре 2014 года на свет появился Affinity Designer.

Назначение

Сперва может показаться, что Affinity Designer — это очередной редактор с минимальным набором функций для обычного рисования (а-ля Paint), но это далеко не так. В арсенале программы почти 100% возможностей двух наиболее популярных программ Adobe: Фотошоп и Иллюстратор. Поэтому пользователям Affinity Designer не придется жаловаться на малый набор функций 🙂

Конечно, Affinity Designer в основном позиционируют как инструмент для векторных иллюстраций, но никто не запрещает создавать в нем и интерфейсы, благо разработчики заранее позаботились об основных мобильных девайсах и их разрешениях:

И, главное, ненужную часть интерфейса можно скрыть, чтобы ничего не отвлекало от работы:

Не забыли в компании Serif и про дизайнеров полиграфии, добавив в Affinity Designer все необходимое для создания макетов под печать и допечатной подготовки.

Вектор и растр

В этом пункте я объясню, почему заголовок гласит, что Affinity Designer — это Фотошоп + Иллюстратор. Дело в том, что хотя все функции Affinity Designer направлены на создание векторной графики, в нем также предусмотрены и растровые кисти, и растровые эффекты, поэтому хоть и не весь функционал Фотошопа доступен пользователям Affinity Designer, однако, минимальный набор для работы с растровой графикой все-таки присутствует:

Поддерживаемые файлы

С форматами у Affinity Designer все очень и очень хорошо: он с легкостью открывает .psd файлы с одним лишь исключением — отсутствующие на компьютере шрифты автоматически заменяются на системные (в отличии от фотошопа, который продолжает отображать используемые шрифты, но без возможности редактировать текст).

Как Affinity Designer хорошо открывает созданные в Фотошопе файлы, так он также отлично экспортирует созданные в нем работы в формате .psd, поэтому в отличии от того же Sketch.app, работая в Affinity Designer, вы сможете совместно работать над каким-либо проектом с другим «сидящим» на Фотошопе дизайнером.

Помимо .psd Affinity Designer поддерживает все векторные форматы: .ai, .svg, .eps и тд, поэтому проблем с использованием векторных элементов не возникнет.

Рендер текста

Что ни говори, а в Фотошопе довольно сложно получить качественный рендер текста, чтобы он был максимально приближен к тому, что будет на сайте или на мобильном устройстве. Подозреваю, что создатели Affinity Designer использовали схожую технологию, как и создатели Sketch.app — в обоих продуктах рендер текста на высоте, что позволяет заранее оценить финальное отображение текста.

Экспорт

В Affinity Designer заранее заложена возможность экспортировать любые фрагменты работы в стандартном разрешении или x2 — для ретина-дисплеев.

Интерфейс

Как я уже упоминал выше, интерфейс Affinity Designer довольно прост в освоении и не имеет разительных отличий от своих конкурентов — программ от Adobe. Создатели постарались максимально сохранить узнаваемость иконок в интерфейсе, равно как и основные понятия: слои, эффекты, кисти, палитры, маски и тд…

Стоит отметить, что Affinity Designer поддерживает полноэкранный режим работы (несмотря на 2014 года на дворе, все еще далеко не все создатели используют эту функцию Mac OS), а также «раздельный» интерфейс:

Крутые функции

Изменения в реальном времени

Отдельно стоит отметить интересную возможность, напрямую связанную с созданием “идеальных пикселей”. Пока еще ни один софт не демонстрировал функции моментальной обратной связи, как это реализовано в Affinity Designer:

Смарт шейпы

Уверен, многим пользователям Фотошопа не хватает этого:

Взгляд в будущее

В Serif решили не останавливаться лишь на одной программе под Mac, поэтому заренее опубликовали свои планы:
— январь 2015 — фото-редактор Affinity Photo
— сентябрь 2015 — текстовый редактор Affinity Publisher

В результате под брендом Affinity на рынке Mac OS появится минимально необходимый набор программ, требующийся творческим личностям, менеджерам, а также людям, которые ценят высококлассные продукты (что уж говорить, все пользователи техники Apple, вероятно, такие 🙂

Источник: infogra.ru

15+ самых полезных уроков Affinity Designer в 2020 году

Affinity Designer – приложение для работы с векторами или растровыми изображениями. Если говорить проще, то этот инструмент заменяет Adobe Illustrator и позволяет создавать различные элементы для печати. Designer входит в часть пакета Affinity, которую разработал Serif. Инструмент работает на Mac, iOS, Windows и iPad.

В этом материале мы собрали лучшие уроки, которые пригодятся и начинающим, и опытным пользователям. Кликайте на название курса, чтобы перейти к нему.

Affinity Designer UI Overview

Если вы новичок в Affinity Designer или просто хотите изучить короткий обзор перед совершением покупки, эта ссылка для вас. Видео длится менее 5 минут, но показывает основу пользовательского интерфейса, выделяя несколько ключевых элементов программного обеспечения.

Affinity Designer: The File Menu

Еще одно учебное пособие для начинающих. Это видео знакомит вас с меню файлов и рассказывает о каждой опции и о том, как ее использовать. Рекомендуем также изучить и другие ролики Рори Таунсенда – кажется, он рассказал про все, что может вам пригодиться в Affinity Designer.

Affinity Designer: 10 Basics

10 основ инструмента в одном видео – то, что нужно, чтобы не потеряться на старте. Вы узнаете, как начать работу с новым документом, использовать готовые и пользовательские фигуры, работать с цветами и многое другое. Все в удобном формате и меньше чем 20 минут – поверьте, это очень быстро для такого количества информации. Кроме того, автор ролика Джесси Шоуолтер очень энергичный, поэтому вы не успеете заскучать.

Affinity Designer Basic Logo Design

Affinity Designer – это инструмент, который позволяет работать с векторными или растровыми изображениями. Это означает, что вы можете создавать логотипы, которые можно масштабировать для любых задач. В этом уроке вы научитесь создавать простой векторный логотип.

How to Create a Flat Vector Illustration in Affinity Designer

Affinity Designer также можно использовать для создания иллюстраций. Из этого туториала вы узнаете, как создать иллюстрацию (вроде нарисованной выше). Учебник включает в себя пошаговые инструкции и множество скриншотов – благодаря ним вы точно не запутаетесь.

Using the Layers Panel

Использование слоев и групп – это мощная функция, которая поможет организовать файлы и управлять ими. Использовать их в Affinity Designer довольно просто. Узнайте все, что вам нужно знать о слоях и группах, в этом коротком видео от создателей программного обеспечения.

How to Create an Icon in Affinity Designer

Рано или поздно все сталкиваются с дизайном иконок. Affinity Designer – идеальный инструмент для их создания. Этот учебник шаг за шагом проведет вас через процесс и даже больше! Например, вы также узнаете, как выбрать правильный размер при создании иконки и как использовать различные инструменты.

Symbols in Affinity Designer

Использование символов позволяет редактировать один элемент, и это влияет на все в дизайне. Этот туториал покажет, как использовать символы для связи вообще всего!

Using Text Effects

Манипуляции с текстом – предмет споров для многих дизайнеров. Консерваторы говорят, что вы никогда не должны связываться с гарнитурой, но иногда вам нужно использовать эффекты, чтобы текст заработал. Этот урок Affinity Design покажет вам, как это сделать.

How to Create Patterns in Affinity Designer

Паттерны можно использовать почти везде, и в Affinity Designer есть сразу несколько разных способов их создания. В этом руководстве рассматриваются три варианта. Обратите внимание, что здесь много шагов, но простые инструкции. Если чувствуете, что запутались, просто сделайте паузу.

Affinity Designer for iPad

Это часовое видео – просто запись работы на iPad в реальном времени. По сути, это обзор всего, что вам нужно для эффективного использования Affinity Designer на iPad. Вы получите обзор инструментов и программного обеспечения, а также увидите, как создавать конкретные вещи.

Pen Tool Masking in Affinity Designer

Используйте инструмент «Перо» в Affinity Designer, чтобы создать динамическую маску выделения изображения и применить изменения. Это классная функция, но на ее освоение может потребоваться некоторое время. Этот урок поможет вам начать.

Shapes Around a Curved Line in Affinity Designer

Изогнутые линии – одна из популярных фишек Affinity Designer. Учебное пособие коротко и понятно объясняет эту функцию и показывает, как применить ее.

Advanced Color Features in Affinity Designer

Вы можете создавать и сохранять кастомные цвета и заливки в Affinity Designer. Это отличное решение для палитр, которые будут использоваться повторно – вам не придется каждый раз вручную создавать цветовые миксы. Пользоваться этими фишками легко, если вы знаете приемы из этого видео.

Everything You Need to Know About Affinity Designer Brushes

Кисти помогают ускорить рабочие процессы и позволяют создавать собственные стили обводки. Из этого туториала вы узнаете, как использовать инструмент, как настроить векторные или растровые кисти, как создать собственные кисти, как установить пакеты кистей и как использовать кисти из Photoshop или Illustrator.

Affinity Designer Point Transform Tool

Используйте инструмент преобразования точек, чтобы изменить внешний вид геометрической фигуры в Affinity Designer. Этот инструмент позволяет вам изменять формы и внешний вид объектов.

Advanced Axonometric Grid Setup

Аксонометрическая сетка показывает трехмерный объект под углом, чтобы вы могли видеть несколько сторон на иллюстрации. Affinity Designer позволяет настроить аксонометрическую сетку для проектов, а этот учебник научит вас настраивать ее под себя.

Источник: say-hi.me