Работа с рисунками android

Работаем с графикой. Основы

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

Создадим новый проект SimplePaint. Создадим новый класс Draw2D, который будет наследоваться от View. Именно в этом классе мы и будем проводить графические опыты. Щёлкаем правой кнопкой мыши на имени пакета и выбираем в меню New | Kotlin Class/File или New | Java Class. В открывшемся диалоговом окне устанавливаем имя для класса Draw2D.

В данном коде мы наследуемся от класса android.view.View и переопределяем метод класса onDraw().

Далее необходимо загрузить созданный класс при старте программы. Открываем основной файл активности MainActivity и заменяем строчку после super.onCreate(savedInstanceState):

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

Подготовительные работы закончены. Перейдём к графике. Весь дальнейший код мы будем писать в классе Draw2D. Совсем коротко о теории рисования. Для графики используется холст Canvas — некая графическая поверхность для рисования. Прежде чем что-то рисовать, нужно определить некоторые параметры — цвет, толщина, фигура. Представьте себе, что вы рисуете на бумаге и в вашем распоряжении есть цветные карандаши, фломастеры, кисть, циркуль, ластик и т.п. Например, вы берёте толстый красный фломастер и рисуете жирную линию, затем берёте циркуль с жёлтым карандашом и рисуете окружность. Улавливаете аналогию? Теория закончена.

Вся работа с графикой происходит в методе onDraw() класса Draw2D. Создадим виртуальную кисть в классе. В методе укажем, что будем закрашивать всю поверхность белым цветом:

Итак, холст готов. Далее начинается собственно рисование. Следуя описанному выше принципу мы задаём перед каждым рисованием свои настройки и вызываем нужный метод. Например, для того, чтобы нарисовать жёлтый, круг мы включаем режим сглаживания, устанавливаем жёлтый цвет и вызываем метод drawCircle() с нужными координатами и заливаем окружность выбранным цветом. Получилось симпатичное солнышко.

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

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

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

При желании можно вывести текст под углом. Пусть это будет лучик солнца.

И завершим нашу композицию выводом рисунка из ресурсов.

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

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

Источник

Топ-10 приложений для рисования на Андроид

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

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

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

Infinite Painter

Infinite Painter — это универсальное приложение для рисования на Android. Дает в руки художника более 160 кистей и можно создавать свои собственные новые кисти. Множество настроек кистей, которые не доступны у конкурентов.

Infinite Painter позволяет работать с неограниченным количеством слоев, с использованием режимов наложения Photoshop, перспективных указателей, масок.

Его можно загрузить бесплатно, но вы не получите все функции. За полную версию нужно купить премиум версию.

ArtRage

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

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

Есть режимы наложения как в Photoshop, неограниченное количество отмен и повторов, управление непрозрачностью и многое другое.

Autodesk Sketchbook

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

Раньше приложение было платное. В наборе более 140 кистей, полная библиотека цветов Copic, работа со слоями и режимами наложения, дополнительные инструменты, включая волшебную палочку и градиентную заливку.

Ibis Paint X

ibis Paint X — популярное приложение для рисования, загруженное более 60 миллионов раз. Около 335 кистей, 64 фильтра, 46 скринтонов, 27 режимов смешивания, запись процесса рисования, функция стабилизации при рисовании, различные функции линейки (радиальные линии, линейки симметрии) и создание маски слоя.

MediBang Paint

Это приложение создано специально для рисования и создания комиксов. Вы можете использовать его на планшете или телефоне.

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

Adobe Illustrator Draw

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

Illustrator Draw включает в себя формы и пять настраиваемых кистей с контролем непрозрачности, размера и цвета. Вы можете работать в слоях и на холсте размером до 8К, что при печати составляет 27х27 дюймов при разрешении 300 точек на дюйм. Вы можете масштабировать рисунок в 64 раз, чтобы работать над мельчайшими деталями.

Как и в Photoshop Sketch, вы можете подключиться к своей учетной записи Creative Cloud и отправить свою работу в Adobe для компьютеров.

ArtFlow

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

С бесплатной версией вы получите 20 инструментов, три слоя и отмену последних 6-ти действий.

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

PaperColor

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

Adobe Photoshop Sketch

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

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

Tayasui Sketches Lite

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

Tayasui гордится тем, что предлагает «ультрареалистичные» художественные инструменты, такие как фломастер, масляная пастель, акварель (сухие и влажные кисти), акриловые кисти и многое другое.

Источник

Лучшие программы дизайна на Андроид для рисования, вектора, 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 или любые другие решения, полезные для дизайнеров, пишите названия/ссылки ниже.

Источник