6 заметок с тегом

2017

Affinity Designer. Настройка интерфейса.

Я уже писал о настройке горячих клавиш и что это первое, с чего я начинаю работу с любой программой. Affinity Designer также поддерживает настройку интерфейса.

Моё рабочее пространство выглядит так:

Что я поменял?

  • на верхней панели вывел нужные мне операции.
  • панель инструментов слева сделал в 2 колонки (это расточительно в плане рабочего пространства, но мне так удобнее).
  • вывел отдельно панели Character, Paragraph, Swatches, Color
  • справа сверху оставил панель для работы с обводкой, кистями, символами и ассетами.
  • посередине максимум пространства занимает панель слоёв, эффектов, стилей, стилей текста (наверное имеет смысл перенести панель стилей текста к панелям Character и Paragraph).
  • снизу справа оставил панели трансформации объектов, истории операций, навигатора.

Синхронизировал интерфейс и горячие клавиши между приложением дома и на работе.

Теперь хорошо.

23 июня   2017   affinity designer   UI/UX   настройка

Affinity Designer. По горячим следам.

Как бы ни был хорош любой новый инструмент, со временем можно найти в нём мелкие, почти незаметные, но очень неприятные изъяны.
Так и с Affinity Designer (далее AD), пока не встраиваешь его в повседневный рабочий процесс, не совсем понимаешь где находятся эти неприятные моменты.

1. Горячие клавиши

Работа по горячим клавишам — это залог быстрой успешной и удобной работы практически в любом приложении. Лишь некоторые программы предлагают нам настолько доработанный и вылизанный UI , что не пользоваться им — преступление. И, к сожалению, AD не входит в число этих счастливчиков. В настройках Affinity Designer довольно развесистое управление переназначением горячих клавиш, но к моему удивлению, некоторые ключевые моменты достаточно сложно найти, а кое что и вообще невозможно переопределить.
Например, я совершенно не представляю, как возможно обходиться без горячих клавиш на такие часто используемые действия, как выравнивание объектов. Поэтому, первым делом я переназначаю именно их.

  • выравнивание по центру вертикально — «C»
  • выравнивание по центру горизонтально — «E»
  • выравнивание по левому краю — «L»
  • выравнивание по правому краю — «R»
  • выравнивание по верхнему краю — «T»
  • выравнивание по нижнему краю — «B»

Эта привычка выработалась годами в CorelDRAW и как обходиться без этого я совершенно не представляю.

Так как я работаю и в Adobe Illustrator и в CorelDRAW!, то для нового инструмента нужно выбирать компромисс и приходится жертвовать выбором инструмента «Artistic text tool» и переназначать горячую клавишу «T». Нужно просто привыкнуть к тому, что если выделен хоть один объект, то работает выравнивание. Если не выбран ни один объект, то работает вызов инструмента «Artistic tool».

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

  • преобразование объекта в кривые — «Ctrl+Return»
  • преобразование обводки в кривые — «Ctrl+Shift+Return»

Группировка и разгруппировка объектов. Тут я повинуясь воле привычки иду по стопам CorelDRAW, мне кажется логичным сочетания именно из него, чем из Adobe Illustrator. Хотя, я вполне успешно пользовался обоими вариантами. Однако, мне больше по нраву двухклавишные сокращения.

  • группировка объектов — «Ctrl+G» (Group)
  • разгруппировка объектов — «CTRL+U» (Ungroup)

Еще я очень часто пользуюсь функцией просмотра в режиме обводки векторов. В CorelDRAW различное представление макетной области весьма развесисто и я просто назначал клавиши 1-6 для смены режима просмотра.

В AD всё не так просто... Переназначить на цифровые клавиши мне не удалось, т. к. на цифровые клавиши намертво «приколочена» функция смены процента непрозрачности для выбранных объектов. Это не такая часто используемая функция в векторных редакторах и для чего её намертво закрепили за цифровыми клавишами остаётся только гадать. Не долго думая назначаем на  цифровые клавиши с модификатором Ctrl. Надо уточнить, что в AD эти сокращения работают как переключатели и по идее часто используется только первое сокращение.
Насколько нужны все эти сокращения я пока еще не прочувствовал, но тем не менее, определил их и время покажет насколько они нужны и востребовано.

  • outline — «Ctrl+1»
  • vector — «Ctrl+2»
  • pixels — «Ctrl+3»
  • pixels retina — «Ctrl+4»
  • split view — «Ctrl+5»
  • single view — «Ctrl+6»
  • clip to canvas — «Ctrl+7»

Еще одно сокращение для частого использования — это передвижение объектов в панели слоёв.

  • объект на самый верх — «PageUp»
  • на один вверх — «Ctrl+Page Up»
  • на один вниз — «Ctrl+Page Down»
  • объект в самый низ — «PageDown»

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

Также я убрал некоторые используемые по умолчанию горячие клавиши:

  • выбор инструмента Corner Tool (теперь на клавише «C» выравнивание по центру)
  • выход из приложения по Ctrl+Q (это вообще ужасно и непонятно для чего)

Ну и что-то еще по мелочи, что я вдруг, нечаяно нажимал по старой памяти из Corel или Illustrator.

2. Настройки

Не очень удобно, когда в разных программах используются разные горячие клавиши для однотипных задач, поэтому я всегда стараюсь держать сокращения в единой системе и синхронизировать всегда, когда это возможно. В своей работе я часто работаю с 4-5 программами: Adobe Photoshop, Adobe Illustrator, CorelDRAW, Affinity Designer, Paintstorm Studio. И в двух разных местах (на двух машинах, дома и на работе), поэтому наипростейшим решением для меня стало сохранять файлы настроек на мобильный диск и\или облачную папку для каждой программы. Также я сохраняю в одном месте всё, что касается той или иной программы.

Как показала практика — это самое удобное и лучшее решение. Вообще, всё что касается работы я храню на переносном жёстком диске, все дополнения, настройки, клипарты, референсы, кисти, скрипты, палитры и т. п. Стоимость отдельного USB3-HDD не так велика и высокая скорость передачи данных по USB3 вполне позволяет с достаточным комфортом работать со съемными жесткими дисками. Носить всегда с собой тоже не обременительно. Носимые диски вполне себе надёжные устройства. Но конечно же не нужно забывать и о бэкапах.

файл моих настроек для Affinity Designer

6 июня   2017   affinity designer   hot keys   настройка

Еще раз про Affinity Designer

Я уже как-то писал про векторные редакторы, которые мне попадались и с которыми приходилось поработать. И в конце я говорил про найденный, неожиданно понравившийся мне Affinity Designer от компании Serif. Так вот, прошло совсем немного времени, программа вышла из беты и даже обновилась на несколько версий и я стал обладателем этого интересного и перспективного софта.

Купил я сразу обе программы — Affinity Designer и Affinity Photo.

Сама компания Serif позиционирует эти продукты, как альтернативу Adobe Illustrator и Adobe Photoshop. Так ли это, вопрос весьма неоднозначный и требует для обоснованного ответа чуть больше времени, чем я мог себе позволить потратить на доскональное изучение эти двух программ.

На Affinity Photo я посмотрел очень поверхностно, но к сожалению, сразу могу сказать, что до возможностей Adobe Photoshop, как универсальной программы для работы с растровой графикой, рисования и обработки изображений, очень и очень далеко. Возможно, со временем я изменю своё отношение, но пока мои требования к универсальному редактору растровой графики много выше того, что может предложить Affinity Photo.

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

Как в спорте, к новому инструменту всегда у меня получается зайти лишь с нескольких заходов. Так и с Affinity Designer, несколько раз я заставлял себя, буквально в принудительном порядке, работать с векторами только в нём. Точно так же, как я изучал Adobe Illustrator — просто запретил всё кроме иллюстратора и это сработало. C AD так не получилось.

И для Affinity я придумал другой подход — в свободное время делать что-то полезное для работы или интересное мне самому и параллельно разбираться в программе.

Первым делом мне понадобился трейс из растра небольшой картинки для широкоформатной печати.

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

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

Очень понравились макетные области (Artboards). Сделаны как-то понятнее и логичнее аналогичных в иллюстраторе.

Также, полезными оказались ассеты (Assets), когда я попробовал макетировать UI для мобильного приложения.

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

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

Чем очень порадовал Affinity Designer — это панель слоёв (Layers). Понятная, простая, интуитивная. Если в иллюстраторе вложить один объект в другой (маскировать) это целая история, а достать оттуда еще более нетривиальная история, то в AD — это делается простым перетаскиванием под нужный объект в панели слоёв.

На скриншоте видно, что маска — окружность и маскирует 4 кривые (точности ради, необходимо уточнить, что это не маскировка в обычном понимании, а клиппирование, но маскировка в Affinity тоже присутствует и реализуется тоже очень просто). В иллюстраторе не так просто «закинуть» один объект в другой, ну по крайней мере для меня. Я конечно знаю, что есть комбинация горячих клавиш по умолчанию Ctrl+7, но сделано там это всё не очень удобно и интуитивно. Чуть лучше дело обстоит в CorelDRAW, где точно также любой объект может быть контейнером и маскировать другие объекты и извлекать из такого контейнера тоже не очень сложно. Но в AD это сделано просто, наглядно и органично.

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

С текстом достаточно работать не пришлось, но каких либо неприятных моментов я не заметил, наоборот, AD отслеживает доступные в системе шрифты как установленные, так и временные (я под Windows использую очень полезную утилиту FontTemp) и сам обновляет свой внутренний кеш.

Интересным оказался режим просмотра с разделением экрана, причем на любой половине можно выбрать режим отображения — растр, вектор или обводка вектора. Естественно в этом режиме есть возможность редактирования изображения. Волшебство.

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

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

Панель выравнивания объектов вполне адекватна и понятна, но было бы приятнее выравниваться с горячих клавиш, как это очень удобно сделано в CorelDRAW.

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

А пока я тренирую трейс, вырабатываю привычки и всё глубже погружаюсь в эту программу.

Ctrl + ↓ Ранее