Программы для пиксель арта для андроид
Продолжаем рассказывать об интересных приложениях, в которых можно рисовать, лепить, анимировать и собирать референсы. С первой частью можно ознакомиться тут.
Расскажем о приложении-скетчбуке и о том, чем можно заменить Photoshop на мобильном устройстве (помимо Procreate, о котором мы говорили тут).
Concepts App — векторный графический редактор, доступный на Android и iOS. Приложение совмещает в себе удобство рисования на бумаге и основные преимущества графических редакторов — функцию отмены, сглаживание линий, поддержку слоев и т.д. Concepts App имеет бесплатную версию с ограниченной функциональностью и Pro-версию.
Благодаря тому, что приложение работает на портативных устройствах, ваш скетчбук всегда будет под рукой.
По сути, Concepts App — это скетчбук для идей, которые можно фиксировать на мобильном устройстве сразу же, как они придут в голову. В нем нельзя создать полноценную иллюстрацию, но это и не является основной функцией приложения. Это блокнот для эскизов, который всегда под рукой и не требует дорогостоящей подписки.
Concepts App имеет бесконечный размер полотна: не нужно думать, как разместить все наброски на странице. Недостаток — отсутствие удобной навигации, поэтому, чтобы найти один из своих концептов, нужно отдалять весь холст.
В зависимости от задачи можно можно выбрать холст с подходящим паттерном, текстурой или сделать его прозрачным.
Для рисования в приложении по умолчанию доступны карандаш и ластик. Есть большой выбор комплектов кистей, каждый из которых докупается отдельно. Кисти реагируют на силу нажатия стилуса, можно менять их размер и непрозрачность. Для выбора цвета используется палитра цветов Copic, которая выводится в виде карусели. Можно создать свою собственную палитру из предложенных цветов, чтобы не искать их потом в общем списке.
Каждый штрих приложение определяет как редактируемый объект. Выделив нужные объекты с помощью лассо, можно изменить их размер, местоположение или способ начертания линий. Concepts App поддерживает импорт изображений, что позволяет собрать мудборд или референсы из картинок, найденных в сети.
Есть также поддержка слоев с настраиваемой прозрачностью. В Pro-версии их количество неограниченно, а в бесплатной версии можно создать только 5.
После завершения работы рабочие файлы сохраняются в облаке — на Google Drive или iCloud. Доступен экспорт файлов в стандартных растровых форматах (jpeg, png), а также в psd или в векторном (svg, dxf).
Посмотреть, как работает приложение, можно в видео:
Профессиональное приложение для рисования, доступное для iOS и Android. По функциональности оно почти не уступает декстопным программам. Продается в Pro и Ex версиях. Ex версия открывает доступ к многостраничным проектам, снимает лимит по числу кадров при создании анимации и стоит дороже, чем Pro версия. Длительность бесплатного пробного периода зависит от используемого устройства, но в среднем составляет 3 месяца.
Набор инструментов и интерфейс во многом напоминают Photoshop. В приложении есть стандартная панель с инструментами, которые позволяют рисовать, добавлять объекты и текст, редактировать их. В дополнительном окне доступны настройки для выбранного инструмента, а также цветовое колесо и список слоев с режимами наложения.
Если у пользователя уже есть опыт работы в графических редакторах, то разобраться в интерфейсе будет несложно — он похож на PS и многие иконки интуитивно понятны.
Clip Studio Paint имеет неплохую функциональность для создания комиксов: изначально приложение и вовсе называлось Manga Studio. С помощью инструмента Frame Making Tool можно разбить лист на кадры. При этом для каждого кадра будет автоматически создан отдельный слой.
Ex-версия позволяет создавать многостраничные комиксы, а вот владельцы Pro-версии ограничены одной страницей. Автор: Don Low
В приложении удобно работать с референсами и болванками: можно выбрать 3D-модель из предложенной библиотеки и взаимодействовать с ней — выставить нужную позу, освещение и ракурс, а затем приступать к отрисовке. В библиотеку можно загружать модели, сделанные в других 3D-редакторах, но для марионеточной трансформации доступны только встроенные фигуры. Поддержка интерактивных моделей отличает Clip Studio Paint от большинства других приложений, в которые можно разве что загрузить скриншот из 3D-редактора.
Еще в приложении можно создавать 2D-анимацию. Для владельцев Pro версии она ограничена 24-мя кадрами, а вот в Ex версии ограничений по числу кадров нет.
Обзор интересных фишек в приложении:
Производительность мобильных устройств постоянно растет, что открывает больше возможностей для разработчиков приложений. Если раньше 3D-программы казались исключительно десктопными, то теперь все меняется: создавать модели (пусть и с несколько ограниченной функциональностью) можно и в смартфоне, и на планшетном компьютере. Расскажем о парочке таких.
Приложение для iOS и Android, которое имитирует ручную лепку из глины. В Nomad Sculpt можно создать полноценную модель персонажа с текстурами и освещением.
Для работы с материалом есть 16 редактируемых кистей. Они используются для того, чтобы набирать массу и удалять лишнюю глину, вытягивать ее, разглаживать, разрезать на части и красить. С помощью кисти для создания маски можно выделить места, которые во время лепки меняться не будут — так вы не заденете уже готовые участки.
Изначально лепка идет в режиме симметрии — любое действие будет повторяться на второй половине рабочего материала. Если режим отключить, то манипуляции с глиной не будут отзеркалены на другой стороне. Приложение также показывает полигональную сетку и может перестраивать ее, чтобы привести растянутые полигоны в порядок.
Для освещения модели используется до трех источников света, чьи положение и цвет можно менять. Один из источников света работает как прожектор, и настроек для него чуть больше — доступен контроль рассеянности и интенсивности света.
Схема освещения, основанная на трех точках — классический прием в кинематографе и фотографии. Автор модели: southerngfx.
Посмотрите, какого эффектного болотного монстра можно слепить в Nomad Sculpt:
Приложение для 3D моделирования на устройствах iOS. По своей сути, это система автоматизированного проектирования (CAD), которую используют инженеры и архитекторы для точного моделирования деталей, механизмов, строений и т.д. Оно пригодится и художникам, которые специализируются на иллюстрации или создании окружения.
Все моделирование делается с помощью стилуса. Сначала рисуется простая двумерная фигура, которая затем вытягивается в нужном направлении и становится трехмерной. Для поворотов фигуры и масштабирования используются пальцы.
Для художников приложение будет полезно тем, что с помощью простых фигур в нем можно собрать сцену для рисунка, например: интерьер помещения, храм с колоннами или кусочек улицы. Тогда не придется ломать голову над перспективой, ракурсом и масштабом. Скриншот с готовой сценой можно переместить в графический редактор для дальнейшей отрисовки.
В этой статье мы уже писали о том, как 3D может помочь в 2D-иллюстрациях.
Пример того, как можно использовать 3D-болванки для рисования. Модель сделана на ПК в Blender, но суть метода от этого не меняется. Автор: Иван Смирнов.
Разработчики постарались, чтобы новым пользователям было проще освоить приложение. При первом использовании любой функции в отдельном окне появляются подсказки, которые наглядно показывают, как используется тот или иной инструмент. Также в Sharp3D есть раздел «обучение», в котором приложены ссылки на YouTube-уроки и подробное руководство пользователя.
Приложение полностью русифицировано, поэтому разобраться в интерфейсе и освоить все функции будет проще.
Видео о том, как художники могут использовать приложение для инженеров:
Расскажем, в каких приложения можно создавать старую-добрую покадровую анимацию.
Приложение для создания простенькой покадровой анимации для iOS и Android. Интерфейс FlipaClip минималистичный — в нем не очень много инструментов и функций, поэтому оно больше подойдет для новичков, желающих попробовать свои силы. Специально для начинающих аниматоров разработчики добавили в приложение небольшую инструкцию.
Для рисования имеется 4 кисти (на силу нажатия реагируют 2 из них), а также ластик и инструмент для заливки. Перемещение, поворот и сжатие производятся с помощью лассо. Приложение поддерживает слои.
Каждый кадр рисуется вручную и занимает свое место на временной шкале. Для удобства прорисовки действий есть режим «след». При его активации будет виден полупрозрачный предыдущий кадр, который можно обвести или нарисовать продолжение движения.
FlipaClip позволяет загружать видео и использовать его как референс для движений. Приложение при этом разбивает запись на кадры. Для того, чтобы облегчить процесс рисования задних планов, можно загрузить изображение (или снять на камеру устройства) и установить его как фон.
FlipaClip поддерживает звуковые дорожки, которые можно загрузить или записать самому с помощью мобильного устройства.
Пример рисования гифок в FlipaClip:
Приложение для iPad, в котором можно создавать не просто 2D-анимацию, но и полноценные мультфильмы.
В распоряжении пользователя находится временная шкала, на которую добавляются кадры. Каждый из них представляет собой пустой холст, на котором нужно отрисовывать анимацию кадр за кадром. Делать это можно вручную с помощью встроенных кистей и ластика, или же загружать изображения из графического редактора. В последнем обновлении разработчики добавили возможность импортировать файлы в формате psd с поддержкой слоев (но без поддержки режимов наложения).
Максимальный размер кадра — 4000х4000 пикселей, что позволяет при должном усердии получить детализированную картинку.
Для удобства прорисовки анимации в приложении есть режим «Onion Skin». Он позволяет видеть одновременно несколько кадров. Полупрозрачные кадры наслаиваются друг на друга, и рисовать движение становится легче — пользователь видит, где оно началось и где закончится.
Термин «Onion Skin» — это отсылка к традиционной анимации, когда художники использовали кальку для рисования анимации.
В Callipeg имеется возможность добавлять звуковые дорожки. Пользователь может редактировать громкость звука, длительность и скорость воспроизведения, а также надиктовывать речь прямо в приложении.
Чтобы раскрыть весь потенциал Callipeg, не помешает посмотреть подробный обзор функций приложения на официальном Youtube-канале разработчиков:
Работать над рисунком гораздо удобнее, когда все нужные референсы находятся перед глазами. Благодаря приложениям, о которых мы расскажем ниже, вы сможете удобно организовать рабочий процесс.
Конструктор поз для iOS и Android, который упростит работу с персонажами. Вы сможете подобрать эффектную позу и ракурс, разобраться с перспективой и положением теней. Для этого в распоряжении пользователя доступны 3D-модели мужской и женской фигур. Их можно добавлять неограниченное число, что пригодится в создании многофигурных сцен.
Всего на стандартной модели 18 опорных точек, нажимая на которые можно поворачивать нужную часть тела. Настройке поддаются и кисти рук — пользователь может редактировать положение каждого пальца. Также в приложении есть предустановленные позы и жесты.
Суставы модели почти не имеют анатомических ограничений, поэтому важно следить за тем, чтобы поза оставалась естественной.
Magic Poser предлагает использовать в качестве референса не только модели с реалистичными пропорциями, но и мультяшные. Для художников, рисующих аниме или мангу, есть модели в анимешных стилях и чиби. Из недостатков — в приложении нельзя менять тип телосложения, а также нет режима экорше (модель без кожи для просмотра мышц).
Разработчики предлагают пользователям большую библиотеку с бесплатными прическами и инвентарем, а также несколько простых геометрических фигур для обустройства сцены.
Онлайн-платформа для совместной работы специалистов на удаленке. Miro представляет собой доску с бесконечным размером полотна. К ней можно подключать неограниченное число друзей, вести обсуждение в реальном времени, загружать файлы и делать записи.
Как это пригодится художникам? В Miro можно собирать понравившиеся картинки для референсов, прикреплять стикеры и заметки. К ним можно прикладывать не только текст, но и активные гиперссылки, если вам потребуется указать ссылку на галерею художника. Все это пригодится в работе над концептом или в создании мудборда.
На доске можно и рисовать, но это не ее основная функция. Поэтому из инструментов есть только карандаш, маркер и ластик.
Разработчики Miro добавили много функций для организации рабочего пространства и удобной навигации на доске. Все прикладываемые изображения можно выравнивать по сетке, протягивать от них указующие стрелки к стикерам. Элементы затем можно группировать, выделяя их в рамки.
Картинки можно добавлять с помощью скриншота или собрать в библиотеку с помощью расширения для Google Chrome - Miro Web Clipper.
Названия рамок выводятся в отдельном окне. Кликая по заголовкам, можно быстро переходить от рамки к рамке, а не искать нужную на холсте. Также для навигации есть возможность масштабирования, которая перестает быть удобной, если изображений и идей становится слишком много.
Онлайн-доска хороша для коллективного брейншторма. Вы будете видеть действия ваших друзей на доске, даже движения их курсоров (они будут выделены цветом и подписаны именем).
В бесплатной версии вы можете создать не более трех досок. Все проекты загружаются в облако, а готовыми готовыми досками можно обмениваться с коллегами. Miro не очень удобен для одновременного рисования и просмотра референсов на одной машине. Поэтому идеальным вариантом будет открыть доску на мобильном устройстве, а рисовать уже на компьютере (или наоборот).
Хороший пиксельный редактор с поддержкой мультитача для андроид устройств.
Приложение для создания и редактирования изображений.
Арканоид где вам предстоит управлять шариков и разбивать забавные мордочки состоящие из деталей.
Затейливые пиксельные раскраски для всей семьи
Увлекательная раскраска по номерам.
Раскрашивайте пиксельные картинки по номерам и весело проводите время.
Отличное приложение для создания пиксель-арта.
Платформер на андроид, где вы будете исследовать классический восьмибитный мир.
Создание пиксельных спрайтов с обычных фотографий
Пиксельная пони раскраска для взрослых и детей.
Рисование по клеткам.
Раскрашивайте разнообразные картинки.
Создаём пиксельные шедевры.
Полезные программы для Андроид
Популярные теги Андроид
Все права защищены.
Функционал в разработке!
Пока эти кнопки заработают, пройдут года, может даже века, но вы не отчаивайтесь, ждите и вам воздастся! Хочешь ускорить процесс разработки? Делай репосты страниц сайта в соцсети и рассказывай о нас друзьям!
Список платных и бесплатных программ, а также онлайн-редакторов.
YouTube-блогер Брендон Джеймс Грир в своём видео рассказал об 11 программах для рисования в технике пиксель-арта. Автор описал особенности четырёх платных программ и семи бесплатных.
Aseprite (435 рублей в Steam) предназначена исключительно для пиксель-арта. В программе есть простые и интуитивно понятные инструменты для рисования. Одна из важных особенностей Aseprite — готовые цветовые палитры, которые можно использовать в работе. Например, там есть палитры Pico-8, EDG-32, Gameboy, NES и другие.
Также в Aseprite есть функция, которая позволяет избегать создания излишних пикселей. Так можно делать более чистые и тонкие линии без дополнительного исправления. Другая полезная функция — изменение размера рисунка для публикации в интернете. В Aseprite есть удобный инструмент таймлайна, который позволяет организовать слои для удобной работы с анимацией.
Pyxel Edit (9 долларов на официальном сайте) также предназначена исключительно для работы в технике пиксель-арта. Основное отличие программы заключается в том, что вся работа в Pyxel Edit основана на тайлах. Это очень полезно при разработке игры с повторяющимися паттернами в окружении.
При создании нового документа можно настроить размер тайла или оставить стандартное значение 16х16 пикселей. Также здесь есть заранее созданные цветовые палитры и удобные инструменты для работы с цветом. Инструмент для анимации также представлен в виде тайлов, что позволяет удобно настраивать каждый отдельный кадр.
Pro Motion NG (699 рублей в Steam) обладает множеством полезных функций — анимирование, тайл-маппинг, антиалиасинг и продвинутый редактор для работы с цветом. Также программа позволяет легко интегрировать ассеты в игровые движки, например, Unity и Game Maker.
Есть бесплатная версия с ограниченным количеством функций. По словам Грира, у Pro Motion NG выше порог вхождения, чем у Aseprite или Pyxel Edit, но в ней есть множество полезных инструментов. Pro Motion NG используется в крупных студиях — Ubisoft, Halfbrick, WayForward.
Adobe Photoshop — графический редактор с очень широкими возможностями, который также хорошо подходит для работы с пиксель-артом. В программе есть все необходимые инструменты — таймлайн для покадровой анимации, простой карандаш для рисования пикселями, удобные палитры и так далее.
Также есть множество бесплатных программ для работы с пиксель-артом.
GIMP — бесплатный графический редактор, который можно назвать альтернативой Photoshop. В GIMP можно найти много тех же функций, что и в Photoshop. Интерфейс также очень похож.
Полезная особенность программы при работе с пиксель-артом — возможность настраивать размер и форму карандаша. Эта особенность позволяет рисовать, используя паттерны. Автор отметил, что один из главных недостатков программы — неудобный инструмент покадровой анимации.
Krita — графический редактор с большим количеством доступных функций. В программе есть множество кистей и текстур. Но среди них можно найти и те инструменты, которые подходят для пиксель-арта.
GraphicsGale — графический редактор, который отлично подходит для работы с анимированием спрайтов. Также в сети есть достаточно большое сообщество пользователей, поэтому вам не составит труда найти полезные туториалы.
GrafX2 — простой редактор для пиксель-арта, в котором доступно 256 цветов. В нём есть возможность работы со слоями и базовый инструмент для покадровой анимации. PikoPixel — подобный редактор, который запускается на Mac и Linux.
Также существуют онлайн-редакторы, которые можно запустить прямо в браузере.
В Piskel доступны основные инструменты, необходимые для рисования в технике пиксель-арта — есть слои, таймлайн для анимирования и другие. Этот редактор отлично подходит, если нужно быстро и без подготовки нарисовать пиксельный спрайт.
Lospec — более упрощённая версия графического редактора. Здесь есть лишь несколько базовых инструментов. Тем не менее в Lospec доступно множество цветовых палитр, которые можно использовать в своей работе. Также в нём есть библиотека туториалов.
В заключение автор выбрал тройку наиболее полезных графических редакторов для пиксель-арта.
Aseprite — лучший платный редактор:
- отлично подходит для новичков;
- есть простой инструмент для анимирования;
- это популярный редактор, поэтому есть множество туториалов;
- невысокая цена.
GraphicsGale — лучший бесплатный редактор:
- предназначен только для пиксель-арта;
- есть инструмент для анимирования;
- бесплатный.
Piskel — лучший онлайн-редактор:
- есть все необходимые инструменты для пиксель-арта;
- можно запустить прямо из браузера.
Помню первые знакомства с GIMP, тогда были похожие ощущения - жуткая программа. Потом в какой-то момент решил по фану изучить его подробнее, взял онлайн-курс и в целом мне GIMP стал нравится, особенно из-за того, что он легко доступен, взял и скачал. Просто это ещё один инструмент для работы с изображениями.
Вот что-что, а Гимп я бы точно никому не стал советовать. Бесплатность не перекрывает его кривизны)
Gimp 2.6 — лучший редактор в жизни. Элементарная настройка кистей и градиентов. Возможность использовать любую картинку из буфера обмена в качестве паттерна или кисти без лишних движений. Полная очистка слоя по нажатию одной клавиши. Один пункт меню «Сохранить» на xcf и все остальные форматы. И куча всяких других мелочей, после освоения которых Фотошоп кажется дюже неудобным (кроме стилей слоя, лично для меня это киллер-фича).
для пиксельарта сойдет, со слоями, кистями и заливками там работать удобней чем в крите. в aseprite делаю только анимации, для обычного рисования там все довольно топорно.
*жирные вздохи ностальгии*
Вот это была любимая программа на zx spectrum.
А где Pixel Studio?
Это крутая прога для Ipad, сижу в ней калякую иногда, и пенсил в ней работает хорошо
Тоже удивлен что нет её..
В комментариях уже упоминали, но я повторю на всякий: Aseprite можно собрать из исходников самому – инструкции в сети есть. Ну либо, если жалко своё время, то купить) Можно добавить эту информацию в пост. У меня получилось собрать только со второго раза, потратил некоторое количество времени, но в итоге выяснилось, что всё довольно просто.
Один из главных недостатков гимпа — неудобное всё.
Может просто непривычно все после фотошопа?
Только тем, кто привык работать в фотошопе и знает, как пользоваться его преимуществами и фичами.
Остальным лучше начинать знакомство с той же Aseprite.
Сижу жду скидку на Aseprite. О других не думал, но после такого шикарного поста присмотрюсь и к ним.
Да, Aseprite вполне можно собрать самому. Я так и поступил
Про Paint забыли. Крайне ограниченный функционал, конечно, но попробовать твоё/не твоё без денежных и трудовых затрат (даже скачивать ведь не надо) — почему нет?
Есть один русский парень, который и в нём вот такое рисует:
P. S. Aseprite прекрасен
В будущем скачивать таки придётся :D
Ну хоть бесплатным останется.
Я зарабатываю рисованием спрайтов на жизнь. (´・ェ・`) но стыдно признаться, что до сих пор использую простейший редактор Photofiltre ранних версий.
Подумываю что нужно перебираться на что-то более прогрессивное с возможностью тестирования анимации.
Спасибо за статью.
Думаю, что возможно подберу себе что-то из этого списка.
Тема Криты не раскрыта. Я её как полноценную замену фотошопу уже давно использую. Для пиксель арта она так же крайне прекрасна.
Affinity photo стоит добавить, это недорого (5 т.р), быстро и местами круче чем Photoshop
PyxelEdit по личному опыту – реально удобный и предельно простой. При помощи него делали с другом ролик в пиксельарте с примерно нулём опыта в анимации. Впрочем, нет, у меня был опыт с похабными гифками, собранными в ФШ.
Единственное, автор обновляет его от случая к случаю. Зашёл сейчас специально и увидел, что спустя 2 года с последнего обновления, наконец-то, вышла новая версия, где исправили критические дырки типа мёртвых зависаний при сохранении с потерей всего прогресса.
Так что имейте в виду: если там Adobe опять что-то нибуть нахуевертят со своим AIR-фреймворком, жить с костыльным функционалом придётся долго. :)
Pixel Art – это головоломка раскраска по цифрам, которая позволит интересно провести время. Выберете пиксельную 2D или 3D картинку и раскрашивайте по цифрам.
Приложение Pixel Art – это бесплатное приложение для Android. Оно поддерживает русский язык и регулярно обновляется. Внутри приложения вы можете совершать покупки и оформить платную подписку.
- Выберете картинку;
- Увеличьте масштаб (щипком);
- Возьмите на палитре тот цвет, номер которого указан на пикселе (квадратике).
- Для точной раскраски используйте Лупу (задержите палец на экране 2-3 секунды.
- Кроме Лупы в приложении есть другие инструменты («Волшебная палочка»,«Граната»).
- Огромное количество картинок и цветов;
- 2D и 3D раскраски;
- Ежедневное пополнение картинок;
- Возможность поделиться раскраской в сети;
- Множество инструментов и функций
- Возможность делать собственные фото и раскрашивать их;
В заключении можно сказать, что Pixel Art – интересное приложение, которое позволяет скоротать время и развить в себе творческие способности.
Приветствую! Идея создать свой редактор пиксель-арта (обязательно с блэкджеком) появилась на отдыхе, когда мне уже совсем надоело бездельничать и захотелось позаниматься любимым делом (а я занимаюсь играми и приложениями). А ноутбук я с собой не взял. Сейчас Pixel Studio активно набирает популярность, а нескромный заголовок «Лучший мобильный редактор пиксель-арта» нужно оправдывать) Под катом расскажу о том, сколько, как и в чем разрабатываю, как публикую и продвигаю, как развивается приложение и какие планы на будущее.
Кому оно вообще нужно?
Самый первый вопрос, который нужно себе задать. Ну, во-первых, понадобилось мне самому) Я занимаюсь разработкой игр, приложений и ассетов, увлекаюсь пиксель-артом. Иметь мобильную рисовалку под рукой было бы неплохо. Разумеется, я начал искать мобильные редакторы в сторах. На всякий случай уточню, что мне нужен был именно редактор на смартфоне. Достойные пиксельные редакторы для ПК существуют, например, Photoshop или всеми любимый Aseprite, который умеет всё. Их я рассматривать не стану. Пробежимся по самым популярным приложениям. Разумеется, все описывать смысла нет, на их изучение я потратил довольно много времени.
Pixel Art editor (SPC Mobile) — самый популярный редактор, более миллиона загрузок, средняя оценка 4,0. Есть в Google Play, в App Store я его не нашел. Последнее обновление — 2011 год. Интерфейс выглядит, мягко говоря, старомодно. Тем не менее, многие им пользуются. Анимацию не поддерживает.
dotpict — Easy to Pixel Arts (dotpicko) — мимимишный редактор, более миллиона установок, оценка 4,5. Мне очень понравился, несмотря на всю свою примитивность и довольно необычный способ рисования курсором. Анимацию не поддерживает. Зато в нем есть онлайн-галерея работ с лайками. А еще в dotpict встроены миниигры, это прям очень круто) Тем не менее, это скорее time killer, нежели профессиональный редактор.
8bit Painter (OneTap Japan) — выбор редакции Google Play, более полумиллиона загрузок, оценка 4,6. Минималистичный дизайн, умеет рисовать пиксели и ничего более. Никаких дополнительных инструментов. Могу предположить, что это скорее тоже time killer, нежели профессиональный редактор.
Pixly — Pixel Art Editor (Gustavo Maciel) — неплохой редактор, более 100.000 установок, оценка 4,1, последнее обновление в 2016. Первый профессиональный редактор, который мне попался, да и еще с анимацией. Очень неудобный и непонятный интерфейс, о чем чаще всего жалуются в отзывах. Проект, вероятно, заброшен.
Выводы
Выбранный сегмент приложений имеет место быть, у него есть широкая аудитория, при этом нет каких-либо превалирующих приложений от крупных разработчиков. Значит, будем работать) Чем можно выделить будущий редактор? Во-первых, он должен быть «Лучше всех». Это значит, что он должен иметь современный, простой и понятный интерфейс, удобное управление, экспорт в популярные форматы и конечно же, широкий набор инструментов. Но самое главное, он должен поддерживать анимацию! Забегая вперед скажу, что именно эта функция определила популярность приложения и высокие оценки. Кто будет целевой аудиторией? Я решил, что буду делать редактор для художников и разработчиков игр. Но при этом двери должны быть открыты для всех желающих, т.е. для самой широкой аудитории, включая детей. Как говорится:
Хотите просто порисовать, чтобы убить время? Без проблем! Хотите сделать раскадровку персонажа для своей игры? Пожалуйста!
Выбор среды разработки
В основном, я делаю игры на Unity. И хотя многие считают, что немного странно делать приложения на Unity, я придерживаюсь другого мнения. Если это целесообразно — почему бы и нет? Да, приложение на Unity будет «толстым» и будет весить намного больше, чем native приложения размером в сотню-другую килобайт. Но размером 20 мегабайт за простую рисовалку сейчас уже никого не напугать) Да, придется делать свой UI/UX вместо того, чтобы использовать интерфейс ОС. Но мы не ищем легких путей! С другой стороны, использование Unity дает весьма существенные плюсы:
- кросплатформенность, это и iOS, и Android, и UWP
- куча ассетов в Asset Store, которые можно использовать для разработки
- скорость разработки (на самом деле, было самое главное для меня)
Интерфейс (UI/UX)
На самом деле, интерфейс я нарисовал на бумаге уже в самолете, когда возвращался с отпуска. Лететь было 12 часов, времени было достаточно) Итак, я уже насмотрелся на UI наиболее популярных приложений для пиксель-арта, почитал отзывы и составил для себя список того, как надо и как не надо делать. Во-первых, был соблазн сделать интерфейс пиксельным. Ну ведь редактор же для пиксель-арта, да? Да, но пиксельный стиль, а особенно пиксельные шрифты, делают интерфейс сложнее для восприятия. Особенно, когда нужно показать много информации (кнопочки, инструменты, панельки), при этом не забывая, что основной элемент на экране, вообще-то, это холст. Я решил позаимствовать опыт у Photoshop. Это простой шрифт без всяких выкрутасов и простые серые кнопочки-панельки без дополнительных украшательств. В таком интерфейсе можно разместить больше мелких элементов, и при это все будет читабельно и кликабельно. Но в то же время я прекрасно понимал, что делаю не свой Photoshop с тяжелым и пугающим интерфейсом, а мобильный редактор. Все должно быть супер-просто и удобно, а дополнительные функции надо было спрятать. Но спрятать не так, чтобы их никогда никто не нашел.
Итак, каков минимальный набор инструментов, нужных пользователю, чтобы начать рисовать пиксель-арт? Наверное, инструмент карандаш точно понадобится. К нему должен быть выбор цвета. Но должны быть и пресеты цветов (готовая палитра). Пипетка для выбора цвета не помешает. И ластик, куда же без него?) Заливку тоже нет смысла куда-то прятать. Ну и конечно же, должна быть кнопка «вернуть все взад» (в то время как «вернуть вперед» можно и спрятать). Выбранные инструменты были обусловлены еще и вертикальным расположением экрана, которое я посчитал по-умолчанию. Я хотел, чтобы рисовать можно было даже на 5-дюймовом телефоне одной рукой. Итак, сверху я расположил палитру в 2 ряда по 12 цветов. Мне показалось, что 24 цвета для пиксель-арта будет в большинстве случаев достаточным. А в дальнейшем можно будет сделать и прокрутку слайдом. При этом 12 кнопок в ширину 5-дюймового экрана — это уже предел кликабельности. Внизу я расположил панель инструментов, 8 кнопок в ряд. Панель волшебная, будет раскрываться (выезжать снизу), показывая дополнительные инструменты.
Вот, что видит пользователь, который только что установил приложение. Бери и рисуй, так ведь и задумано?) Никаких мануалов и подсказок, все должно быть максимально просто!
А вот так выглядит интерфейс художника, который создает анимацию или персонажа для игры:
Про обучение
Я планирую добавить небольшой туториал при первом запуске. Ну, как это обычно бывает — листаешь странички с картинками или анимацией. Он просто назрел — как оказывается, например, не все пользователи додумываются нажать на стрелочку, чтобы развернуть панель инструментов. Кроме того, для некоторых функций, требующих разъяснения, я добавил небольшие вопросики, при нажатии на которые появляется всплывающая подсказка.
Про аналитику
Конечно, очень важную роль в оптимизации UI играет аналитика. Кстати, я использую Yandex AppMetrica и встроенную аналитику Unity. Я логирую нажатия всех кнопок, выполнение всех функций, а также ошибки и непредвиденные ситуации. Не бойтесь отправлять в аналитику все подряд, особенно поначалу).
Про локализацию
Когда наступила пора переводить приложение на другие языки, я сразу прикинул, что выйдет это совсем недешево) Значит, надо включать смекалку. Сделал небольшой плюсик рядом с выбором языка, который перекидывает пользователя на таблицу с переводами в Google Таблицы. Кто желает добавить свой перевод, может запросить разрешение на редактирование. Удивительно, но пользователи сами сделали переводы на немецкий, португальский, испанский, французский, польский и китайский языки. И это не стоило мне ни копейки) Да, в процессе разработки появляются новые тексты, которые остаются нелокализованными. Но это особо никого не беспокоит) Более того, некоторые авторы иногда сами дополняют свои переводы.
Что дальше?
Я вас уже, наверное, утомил) Хотя обещал рассказать и про разработку, и про продвижение, про статистику и про планы на будущее? Что ж, давайте оставим это для второй части?) Там я расскажу, как писал свою библиотеку GIF, как habr помог мне в ее реализации, как в результате работы над Pixel Studio в Asset Store появились 6 новых бесплатных ассетов, как, где и почем продвигал приложение, про общение с пользователями, про хейтеров и про хороших людей, которые бесплатно перевели Pixel Studio на кучу языков, про баги и недоработки в Pixel Studio, про замечательный сервис italki, который помог мне с изучением английского и разработкой Pixel Studio. Отдельно хотелось бы рассказать и про свой первый опыт публикации в Windows Store на UWP. А пока всем спасибо за внимание, удачи!
Об авторе
Я не считаю себя каким-то гуру дизайна или мега-крутым разработчиком. По многим техническим вопросам я даже не готов с вами спорить. Но у меня получается делать неплохие игры, приложения и ассеты (ах как хочется в это верить =). Tap Tap Builder — наверное, мой самый сложный проект. И у меня большие надежды на Pixel Studio) В Unity Asset Store мы на пару с художником неплохо продаем ассеты, например, наш редактор персонажей Fantasy Heroes. Еще я люблю общаться с пользователями и другими разработчиками и посещать различные мероприятия и хакатоны. Так что задавайте вопросы, пишите комментарии, при желании — плюсуйте и минусуйте).
Читайте также: