Векторные изображения для андроид

Лучшие программы дизайна на Андроид для рисования, вектора, Android Фотошоп и др.

Андроид — наиболее популярная мобильная ОС, которая установлена на миллионах устройств по всему миру. Поэтому не удивительно, что под нее есть достаточно много игр, утилит, приложений, в том числе и разных Android Apps для дизайнеров. Вы можете использовать их на средненьких китайских смартфонах, топовых девайсах по типу Google Pixel 2 XL или планшетах Samsung с пером S Pen.

Данная статья будет своего рода логическим продолжением подборки десктопных бесплатных аналогов Фотошопа, Иллюстратора, но только для мобильного рынка. Информация здесь (а также иллюстрации) позаимствованы из этой статьи. Мы немного сократили список, выбрав лишь лучшие решения и те, в которых получится работать без каких-либо финансовых затрат. Всего вышло чуть больше 10-ти приложений. Чтобы скачать программы дизайна на Андроид достаточно перейти по соответствующим ссылкам в их описании.

Adobe Illustrator Draw

• + Легко освоить пользователям графического редактора Illustrator.
• + Имеет множество полезных функций.
• + Возможность интеграции с настольными решениями CC.

Adobe запустила свое приложение Adobe Illustrator Draw для векторной графики в Android устройствах еще в 2016 году, и до сих пор это практически единственная надежная программа для создания векторных рисунков на мобильных (если только вы не выберете планшет на базе Windows).

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

Конечно, разработчики Adobe надеются, что вместе с Illustrator Draw вы будете пользоваться сервисом Creative Cloud, который помогает повысить общую эффективность действий. Также здесь доступна моментальная отправка своих работ в Illustrator и Photoshop CC, поддерживается сервис стоковых изображений Adobe Stock и публикация проектов на сетевой платформе Behance.

Sketchbook

• + Уникальные возможности рисования.
• + 170 настраиваемых кистей.
• + Группа инструментов, облегчающих работу (предсказуемые штрихи).

Компания Autodesk более известна 3D-приложениями, ведущими в своем классе, однако их новое детище Sketchbook – это, действительно, мощная программа, предоставляющая широкие возможности для творчества, например, для быстрого создания эскизов или имитации рисования красками.

Функциональные особенности включают: большое количество и разнообразие кистей (170 видов); полноценную работу со слоями, в том числе поддержку режима смешивания; совместимость с PSD файлами; предсказуемый штрих, помогающий делать линии и формы точными и четкими.

Sketchbook можно назвать, вероятно, лучшим из всех дизайн приложений для Android, которое в паре с хорошим девайсом (особенно со стилусом) обеспечивает естественное рисование.

Adobe Photoshop Mix

• + Невероятно прост в использовании.
• + Полная совместимость с Photoshop CC.
• — Слабоваты тонкие настройки.

Решение лучше подходит для широкого спектра задач, а не какой-то тонкой работы. Photoshop Mix позволяет вырезать и комбинировать элементы из различных изображений, смешивать слои и корректировать свои творения на Android устройстве. Вполне неплохая вариация приложения Фотошопа на Андроид.

Особенностью программы является ее простота и совместимость с Photoshop CC – при внесении изменений на телефоне, они мгновенно отобразятся на рабочем столе. Кроме того, вы можете воспользоваться всеми преимуществами CC с помощью Adobe Photography Plan – сэкономите при этом немного больше по сравнению с полной подпиской Creative Cloud.

Infinite Design

• + Создание 3D изображений с помощью инструментов перспективы.
• + Безграничный нескончаемый холст.
• + Бесконечные слои, которые можно отменить/вернуть.

Разработчики Sean Brakefield полностью переделали свое приложение SVG векторной графики в Android под названием Infinite Design, выпущенное в 2016 году. С самыми последними обновлениями теперь это реальная альтернатива Adobe Illustrator Draw. Как следует из названия программы, его главными достоинствами являются безграничный холст (панорамирование, масштабирование или поворот), бесконечные слои и мощные возможности редактирования, в том числе отмены и повтора.

В приложении имеется множество фишек по работе со слоями: функция трансформации для масштабирования, поворота, наклона и других изменений. Но основная особенность – это создание 3D-изображений с помощью пяти инструментов перспективы. И еще одно небольшое полезное дополнение для пользователей Chromebooks – наличие горячих клавиш. Такой себе Android Фотошоп получается.

Adobe Photoshop Sketch

• + Возможность превратить любую фотографию в кисть Sketch.
• + Подходит тем, кто юзает CC.

Не смотря на то, что Photoshop Sketch является лишь одним из многих дизайн приложений в Android, оно вполне может оказаться в первых строчках у любого пользователя Creative Cloud благодаря тем преимуществам и набору разных опций, которые оно предоставляет.

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

Adobe Comp CC

• + Превращает эскизы в четкие макеты.
• + Позволяет работать в любом удобном месте.
• + Совместимо с набором софта от Adobe.

Никогда еще макеты и модели не создавались так легко, как с Adobe Comp. С помощью простых жестов (рукой или стилусом) вы можете сделать наброски, а приложение превратит их в профессиональный макет.

Эта программа для дизайна на Android устройствах просто незаменима для зарисовок налету во время совещаний или презентаций. Выбирайте векторные фигуры, изображения, цвета и стили текста, а потом отправляйте все Adobe Photoshop, Illustrator, InDesign или Muse, чтобы закончить работу на настольном ПК.

Infinite Painter

• + Более 80 предустановочных кистей.
• + Разные действия со слоями подобно Photoshop.
• + Виды в перспективе для 3D объектов.

Не смотря на то, что по своим возможностям Infinite Painter слегка уступает лучшим приложениям для фотошопа на Android, однако в нем есть функции, которые отсутствуют в других аналогичных программах. Можно применять предустановочные кисти – их более 80, или создать новую кисть; работать со слоями и использовать режим наложения.

С помощью пяти видов перспектив у вас получится нарисовать полноценные 3D-изображения. Кроме того, имеющиеся инструменты позволят легко корректировать холст (переворачивать, наклонять и т. д.).

Find My Font

• + Идентифицирует шрифты в любом месте прямо по ходу.
• + В базе данных более 150 000 шрифтов.

Find My Font – оригинальное решение для распознавания шрифтов, изначально дебютировавшая как десктопный софт, куда импортируются фотографии с целью определения используемой типографики. Однако интеграция этого умного инструмента в мобильные устройства открыла новые горизонты – теперь пользователи могут в любое время и в любом месте идентифицировать интересные варианты шрифтов дабы внедрить их в своих проектах.

Благодаря огромной базе данных (свыше 150 000 фонтов) эта программа для дизайна на Андроид способна распознать связанные и отдельные буквы и получить максимально точные результаты вплоть до размера текста.

Adobe Capture CC

• + С помощью искусственного интеллекта предлагает аналогичные шрифты.
• + Создает геометрические узоры на основе авторского изображения.
• + Совместимость с CC.

Для дизайнера Adobe Capture – это как незаменимый швейцарский нож Swiss Army Knife у солдата. Приложение дает неограниченные возможности при работы с векторами, кистями и формами. Capture оснащена инновационной технологией от Adobe – искусственным интеллектом для распознавания типовых форм и предложения визуально сходных шрифтов.

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

Sketcher Free

• + Отличный инструмент отбора.
• + Высокая отзывчивость дисплея при рисовании.
• + Возможность установки дополнительных опций, подобных приложению Sketcher Pro (например, регулирование размера холста или панорамирование/масштабирование).

В Sketcher Free для «процедурного рисования» есть 12 кистей, богатая цветовая палитра и ластик. Однако главным достоинством программы по праву является пользовательский интерфейс с отличным набором полезных фишек.

Color Reference

• + Создание и экспорт цветовых палитр.
• + Выбор цвета с изображений.
• + Множество предустановочных вариантов.

Приложение Color Reference является альтернативой сервисов генераторов палитр, позволяющее создавать и экспортировать цветовые палитры, а также подбирать цвета из импортируемых изображений. Кроме того, в нем есть огромное количество автоматически созданных вариантов. Забавная особенность здесь – опция, с помощью которой вы сможете создать обои для вашего телефона на основе выбранных цветовых предпочтений.

Итого. В статье рассмотрели разные дизайн приложения в Android по типу Фотошопа, Иллюстратора и т.п. софта, помогающие в работе с вектором, рисунками, шрифтами, эскизами. Надеемся они вам пригодятся. Все мобильные программы бесплатны.

Если знаете еще какие-то интересные альтернативы фотошопу в Android или любые другие решения, полезные для дизайнеров, пишите названия/ссылки ниже.

Источник

Легко переходим на векторный формат картинок вместо нарезки под разные плотности экранов в Android 4.0+. Часть 1 из 2

Обычно дизайн приложения рисуется в векторном редакторе (например, Sketch), но типичным форматом картинок в приложении под Android является растровый (как правило, PNG). При разработке приложения необходимо для каждого векторного изображения заниматься утомительной работой по изготовлению набора растровых картинок для разных плотностей экранов. Количество таких комплектов может доходить до шести по числу возможных плотностей: ldpi, mdpi, hdpi, xhdpi, xxhdpi, xxxhdpi (плотность xxxhdpi необходима только для иконки приложения). При верстке иногда приходится задать в разметке явные размеры для изображения, что может потребовать перемасштабирования растровой картинки, а это, в свою очередь, наверняка приведет к появлению артефактов. К тому же наличие нескольких комплектов картинок отрицательно сказывается на размере выходного apk.

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

Как мне кажется, наиболее правильным решением является отказ от использования растровой графики в приложении в пользу векторной. При этом хотелось бы по максимуму задействовать системные возможности. В Android 5.0 появился VectorDrawable – поддержка векторного формата для картинок, которые размещаются в виде ресурсов с расширением xml в папке drawable. На такие картинки можно ссылаться обычным образом из XML-разметки.

Использование VectorDrawable было бы отличным решением, если бы не необходимость поддержки устройств с Android 4.0+, коих большинство. VectorDrawable нет в support library и неизвестно, когда он там появится (хотя начало положено). Но не стоит печалиться: есть замечательная библиотека BetterVectorDrawable с открытым исходным кодом и лицензией Apache 2.0, которая фактически переносит VectorDrawable на Android 4.0+, предоставляя тот же интерфейс, и позволяет при необходимости использовать системный VectorDrawable на Android 5.0+. Нужно отметить, что есть еще пара аналогичных библиотек, но они не стоят Вашего внимания, поскольку не дают полноценно ссылаться на vector drawable ресурсы из разметки.

К сожалению, разработчики Android не предусмотрели поддержку в VectorDrawable градиентов, текстур, масок. Это небольшая проблема, но об этом следует помнить при составлении дизайна приложения. Если от этих элементов невозможно отказаться, то можно как прежде использовать в отдельных местах растровую графику / shape drawable, преимущественно перейдя на вектор.

Итак, чтобы перейти на векторный формат картинок в приложении надо:

1. Подключить к приложению библиотеку BetterVectorDrawable
2. Выгрузить из векторного редактора изображения в SVG-формате
3. С помощью конвертера сконвертировать их все сразу в XML-формат vector drawable
4. Положить полученные файлы в директорию приложения res/drawable
5. Использовать векторные изображения в разметке и в коде как обычные ресурсы
6. Profit

Библиотека BetterVectorDrawable

Подключаем библиотеку

Чтобы подключить библиотеку к приложению достаточно добавить одну строчку в секции dependencies файла build.gradle, расположенном в директории модуля приложения:

Библиотека распространяется через репозиторий JCenter, который используется по умолчанию в новых проектах Android Studio.

Если Вы создавали проект давно, то, возможно, у Вас используется репозиторий Maven Central. Чтобы это проверить, надо в файлах build.gradle поискать вхождения строки

и добавь рядом с ней

Включаем перехват ресурсов

Библиотеке необходимо передать список идентификаторов векторных ресурсов, чтобы она понимала, какие из них являются vector drawable. BetterVectorDrawable будет перехватывать обращения к ним и создавать экземпляры VectorDrawable .
Поскольку передать список нужно один раз, лучше всего это сделать в методе onCreate() класса Application , для чего придется создать его наследника:

И указать этого наследника в манифесте приложения:

Существует три способа передать список: удобный, быстрый и ручной.

Удобный способ

Метод findAllVectorResourceIdsSlow сканирует все drawable XML-ресурсы и убеждается, что каждый возвращаемый ресурс является vector drawable. Разработчики советуют использовать этот метод по умолчанию, тем не менее, это наименее производительный способ, т.е. на старых устройствах время запуска приложения может существенно возрасти.

На Google Nexus 5 в приложении с 400 векторными ресурсами findAllVectorResourceIdsSlow отрабатывает менее чем за 150 мс.

Быстрый способ

Метод findVectorResourceIdsByConvention подразумевает, что названия всех векторных ресурсов начинаются на vector_ или заканчиваются на _vector. Соглашение по именованию нужно указать с помощью параметра resourceNamingConvention .

На Google Nexus 5 в приложении с 400 векторными ресурсами findVectorResourceIdsByConvention отрабатывает менее чем за 20 мс.

Ручной способ

Просто передается список всех идентификаторов векторных картинок. 0 мс.

Используем vector drawable

Или из разметки:

Как видите, все просто.

Если у Вас возникли вопросы, то можно задать их мне либо посмотреть демо-приложение. О проблемах с библиотекой лучше сообщать разработчикам в GitHub.

В следующей части мы обсудим конвертацию изображений из SVG в vector drawable XML.

Источник