Пиксель арт где рисовать

11 программ для работы с пиксель-артом

Список платных и бесплатных программ, а также онлайн-редакторов.

YouTube-блогер Брендон Джеймс Грир в своём видео рассказал об 11 программах для рисования в технике пиксель-арта. Автор описал особенности четырёх платных программ и семи бесплатных.

Aseprite (435 рублей в Steam) предназначена исключительно для пиксель-арта. В программе есть простые и интуитивно понятные инструменты для рисования. Одна из важных особенностей Aseprite — готовые цветовые палитры, которые можно использовать в работе. Например, там есть палитры Pico-8, EDG-32, Gameboy, NES и другие.

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

Pyxel Edit (9 долларов на официальном сайте) также предназначена исключительно для работы в технике пиксель-арта. Основное отличие программы заключается в том, что вся работа в Pyxel Edit основана на тайлах. Это очень полезно при разработке игры с повторяющимися паттернами в окружении.

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

Pyxel Edit

Pro Motion NG (699 рублей в Steam) обладает множеством полезных функций — анимирование, тайл-маппинг, антиалиасинг и продвинутый редактор для работы с цветом. Также программа позволяет легко интегрировать ассеты в игровые движки, например, Unity и Game Maker.

Есть бесплатная версия с ограниченным количеством функций. По словам Грира, у Pro Motion NG выше порог вхождения, чем у Aseprite или Pyxel Edit, но в ней есть множество полезных инструментов. Pro Motion NG используется в крупных студиях — Ubisoft, Halfbrick, WayForward.

Pro Motion NG

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

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

Также есть множество бесплатных программ для работы с пиксель-артом.

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

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

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

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

GrafX2 — простой редактор для пиксель-арта, в котором доступно 256 цветов. В нём есть возможность работы со слоями и базовый инструмент для покадровой анимации. PikoPixel — подобный редактор, который запускается на Mac и Linux.

Также существуют онлайн-редакторы, которые можно запустить прямо в браузере.

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

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

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

Aseprite — лучший платный редактор:

• отлично подходит для новичков;
• есть простой инструмент для анимирования;
• это популярный редактор, поэтому есть множество туториалов;
• невысокая цена.

GraphicsGale — лучший бесплатный редактор:

• предназначен только для пиксель-арта;
• есть инструмент для анимирования;
• бесплатный.

Piskel — лучший онлайн-редактор:

• есть все необходимые инструменты для пиксель-арта;
• можно запустить прямо из браузера.

Как рисовать пиксель-арт: программы, пайплайн, советы

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

Работа художницы Norma2D

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

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

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

Скриншот из Dead Cells — популярной игры, дизайн которой создан в жанре Pixel Art

В каких программах создают пиксель-арт

Рисовать пиксель-арт можно в Photoshop, Paint, GIMP, Krita и других популярных редакторах, но это не так неудобно, как рисование в специальных программах.

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

• Карандаш. Для рисования пикселями.
• Лупа. Для увеличения и уменьшения масштаба.
• Ластик. Для стирания лишних пикселей.
• Палитра. Для подбора цветов.

Пиксель-арт, созданного в Photoshop. Источник

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

Aseprite

• Цена: 435 рублей в Steam и 20$ на официальном сайте. Бесплатно, если сможете скомпилировать программу самостоятельно (об этом ниже).
• Платформы: Windows, MacOS и Ubuntu.

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

Программа платная, но её можно получить бесплатно. Дело в том, что Aseprite — это программа с открытым исходным кодом, которая выложена на GitHub. И если пользователь не против потратить несколько десятков минут на компиляцию исходников, то он может получить программу бесплатно.

Посмотреть гайд по компиляции можно здесь.

Программа на английском языке, но один из энтузиастов сделал для неё русификатор.

Интерфейс Aseprite

Piskel

• Цена: Бесплатно.
• Платформы: Windows, MacOS и Ubuntu.

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

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

Из минусов — у программы нет русского языка: ни официального, ни пользовательского.

Интерфейс Piskel

GameMaker Studio 2

• Цена: в зависимости от уровня подписки. От бесплатного до 1389 рублей в месяц.
• Платформы: Windows, MacOS.

Это не графический редактор, а игровой движок для создания 2D-игр, в котором есть встроенный редактор 2D-изображений, он же редактор спрайтов.

Программа подойдет, если вы хотите создавать 2D-игры, а не просто рисовать пиксель-арт. Для этого здесь есть все встроенные инструменты. Возможностей меньше, чем в Aseprite, но после создания картинки её можно сразу использовать в игровых целях — не нужно ничего экспортировать и подгонять под работу движка.

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

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

Интерфейс редактора спрайтов в GameMaker Studio 2

Другие профильные программы

Есть еще Pixel Studio, PyxelEdit, GraphicsGale и много других программ. Если перечисленных выше программ недостаточно, то рекомендуем почитать эту статью: 11 программ для работы с пиксель-артом.

Как рисовать пиксель-арт: пайплайн

Пайплайн — это последовательность этапов создания арта. Один из классических пайплайнов цифрового рисунка выглядит так: лайн -> светотень -> цвет -> текстурирование/рендер.

Пример такого пайплайна. Книжку нарисовала Катерина Сафронова на курсе по основам CG

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

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

Картинки и примеры взяты у блогеров Saultoons, Peter Milko, MortMort и Diseven, художника Lux и инди-разработчиков Pedro Medeiros и Derek Yu.

Этапы рисования пиксельного волшебника. Источник

Лайн

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

Как же я люблю пиксель-лайны, вот они слева направо: чёрный, усиленный, цветной, контур области, световой, выборочный, ломаный. Источник

Чаще всего лайн рисуют чёрной линией толщиной в один пиксель. Это стандартный чёрный лайн.

Обычный чёрный лайн и финальный рисунок. Источник

Цветной (coloured) лайн получается, когда в качестве контура художник использует более тёмные оттенки внутреннего цвета объекта. То есть если объект окрашен в синий цвет, то в качестве лайна используется тёмно-синий оттенок. Такой подвид лайна уменьшает контрастность и чёткость контура, что может пригодиться при отрисовке фона или второстепенного объекта.

Пример цветного лайна. Источник — книга «Pixel Logic — A Guide to Pixel Art»

Контур области (area outline) — это подвид цветного лайна, в котором контур повторяет цвета внутренней области, но отличается более тёмным оттенком. В отличие от цветного лайна, который повторяет один внутренний цвет, контур области повторяет множество внутренних цветов.

Сравнение цветового лайна и контура области. Источник

Падение света на объект можно показать как цветом, так и через контур. Если художник решил использовать для этой цели контур, то тогда он использует выборочный (sel-out) лайн,окрашивая контур с солнечной стороны в более светлые оттенки, а контур с затенённой стороны — в более тёмные.

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

Пример выборочного лайна. Посмотрите на мускулистую рыбу. Со светлой стороны нет чёрного контура, а с затемнённой — есть. Источник — книга «Pixel Logic — A Guide to Pixel Art»

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

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

Обратите внимания на надбровные дуги. Источник

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

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

Цвет

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

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

• Цвет. Температура и восприятие.
• Температура цвета меняет перспективу. Правда ли это?
• Помещаем объект в окружение. Изучаем свет и цвет.
• Работа с цветом. Опыт Марко Буччи, иллюстратора, сотрудничавшего с Walt Disney

Но всё же у жанра есть свои характерные особенности:

Не добавляйте в палитру одного объекта слишком много цветов

Слишком большое количество цветов на одном объекте может сделать рисунок «шумным». В примере ниже для создания пиксельного волшебника хватило шести цветов.

Слева — пример переизбытка цветов палитры. Справа — лаконичное её использование. Источник

Если художник рисует целую сцену, для палитры хватит от 16 до 32 цветов. Это не железное правило, а скорее напутствие. Цветов в палитре может быть и больше, и меньше — в зависимости от типа рисунка и вашей идеи.

Можно с минимальным количеством оттенков сделать «читаемую» композицию:

Всего трёх оттенков хватило, чтобы передать силуэт всех объектов композиции. Источник

Обращайте внимание на насыщенность палитры

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

Старайтесь комбинировать: простые и нейтральные оттенки для основной площади рисунка и насыщенные яркие цвета в важных акцентах.

Первые две палитры имеют явные проблемы с насыщенностью. Третья палитра включает в себя как яркие, так и пастельные тона. Источник

Полезные ссылки

Для создания собственной палитры цветов пригодится сайт coolors.co — здесь можно сгенерировать случайную палитру или выбрать одну из тысячи уже созданных. Выбранную или сгенерированную палитру можно экспортировать в любой графический редактор.

Ещё один полезный сайт — Lospec. Здесь можно скачать одну из более 2000 пиксельных палитр. Под большинством палитр приведена картинка в соответствующих цветах, чтобы художник мог на практике увидеть, как эти цвета будут выглядеть на его картине.

Палитры Lospec и как они выглядят на готовых рисунках

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

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

Создание палитры из готового рисунка

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

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

Пример удачного теневого градиента. Источник

Но в пиксель-арте это может сыграть против творца. Если на пиксельном объекте будет слишком много переходов от одного тёмного оттенка к ещё более тёмному, то на выходе можно получить неестественный и некрасивый теневой градиент. Для примера держите гифку, которые перевели крутые ребята из группы «Pixel Gif | Пиксельные гифки | Arts». Присмотритесь к оранжевому роботу в центре.

Автор упрощает излишне детальный теневой переход у оранжевого робота до нескольких оттенков. Источник

Затенение можно передать и с помощью цветного контура. Для этого в освещенных участках объекта сделайте контур более светлым, а в теневом участке сделайте цвет контура более тёмным и насыщенным.

Присмотритесь к контуру этого квадрата. Контур затемнённой стороны тёмно-коричневый, почти что бурый. Контур освещённой стороны гораздо светлее. Источник

Следует избегать «подушечного» затенения (Pillow Shading). Этот вид затенения возникает, если художник слабо представляет, как на самом деле работает свет. По итогу он окрашивает центр объекта в самый яркий цвет, а границы — в самый тёмный.

Слева — нормальное затенение. Справа — «подушечное» затенение. Источник

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

Куст слева — пример слабой работы с освещением. Справа автор применил несколько техник светотени сразу. Источник

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

Но техника не ушла в прошлое — у неё появились другие применения. Пиксель-арт художники выяснили, что дизеринг отлично подходит для смягчения перехода между цветами.

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

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

В третьем градиенте оттенков ещё меньше, но при этом сам переход в несколько раз мягче — так происходит как раз из-за использование техники дизеринга. Источник — книга «Pixel Logic — A Guide to Pixel Art»

Дизеринг создается либо вручную — автор расставляет пиксели между двумя цветами, — либо при помощи заливки с градиентом с включенной функцией дизеринга. Вот так это выглядит в Aseprite:

Сверху — включенная функция дизеринга. Справа — сам инструмент

Сглаживание

Сглаживание — ещё одна техника, которая смягчает острые и изогнутые объекты, а также размывает жёсткие контуры.

Слева объект без сглаживания, справа — со сглаживанием. Источник — книга «Pixel Logic — A Guide to Pixel Art»

Суть техники в расставлении пикселей по углам объекта или контура — при этом цвет «сглаживающих» пикселей должен быть промежуточным.

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

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

Первый волшебник без сглаживания, второй — с переизбытком сглаживания. У третьего волшебника всё идеально — сглаживающих пикселей не очень много. Источник

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

Пример смягчения цветовых переходов. Источник — книга «Pixel Logic — A Guide to Pixel Art»

Что важно знать, чтобы делать крутой пиксель-арт

Важен каждый пиксель

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

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

У этой летучей мыши меняются несколько пикселей, но вместе с ними изменяются и эмоции от рисунка. Источник — книга «Pixel Logic — A Guide to Pixel Art»

Избегайте зазубрин

Зазубрины — это неровности в контуре. Вот как они выглядят:

Зазубрины делаеют линии кривыми, а формы — угловатыми. Источник

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

Если предыдущий отрезок состоял из трёх линий, то следующий должен состоять из двух или четырёх. Важно сохранять шаг в один пиксель. Источник — книга «Pixel Logic — A Guide to Pixel Art»

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

Используйте острые и прямые углы

Интересную вещь об особенностях жанра сказал пиксель-арт художник Педро Медейрос:

Пиксели — это квадраты, и мы не можем ничего с этим сделать.

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

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

Если для создания объекта подходит длинная прямая линия — рисуйте длинную прямую линию:

В пиксель-арте очень удобно рисовать контуры под углом в 45 градусов. Старайтесь чаще использовать такие углы при рисовании объектов:

Рисуйте только важные детали

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

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

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

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

Основы пиксельарта (Часть 1)

В этом динамичном туториале я покажу вам основные приёмы создания пиксельарта. Спрайты — это картинки в 2D играх, которые представляют собой различные объекты: игрового персонажа, монстров, предметы и т.д.

Предыстория

​ Metal Slug 3 (Arcade). SNK, 2000.

Пиксельарт, также известный как дот-арт в Японии, это вид цифрового искусства, где рисование происходит на пиксельном уровне. В основном он ассоциируется с графикой игр 80-90 годов, в которых художники преодолевали технические ограничения (небольшое количество памяти и маленькое разрешение), создавая все более захватывающие картины.

В наши дни пиксель арт все еще актуален и используется в играх, несмотря на возможность создания реалистичной 3D графики. Почему? — cпросите вы. Если не брать во внимание ностальгию, то создавать хорошие рисунки с такими жесткими ограничениями все также интересно и достаточно сложно. Также, как мы восхищаемся тем, что художник, сделав пару мазков, может показать объем и вызвать у нас какие-то эмоции, мы любуемся несколькими соединёнными пикселями, выполняющими ту же работу.

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

Работая с 3D моделью ты, по крайней мере, можешь крутить ее, деформировать, перемещать её конечности, копировать анимацию с одной модели на другую и т.д, чего не скажешь о пиксельарте. Профессиональный пиксельарт почти всегда подразумевает под собой большое количество кропотливого размещения пикселей на каждом кадре анимации.

Как говорится “Кто предупрежден, тот вооружен!”, а теперь о моем стиле: по большей мере я использую пиксельарт для своих игр, они же и воодушевляют меня продолжать заниматься этим. Если быть точным, то я фанат Famicon(NES), 16 битных консолей и аркадных автоматов 90ых годов.

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

Использовать Pixel Studio — лучший редактор пикселей

Pixel Studio — это новый пиксель-арт редактор для художников и разработчиков. Простой, быстрый и удобный. Не имеет значения, новичок вы или профессионал. Создавайте потрясающий пиксель-арт когда угодно и где угодно! Тут можно работать со слоями и анимацией, а также тут есть куча полезных инструментов — все, что вам потребуется для создания крутых проектов. Используйте Google Drive, чтобы синхронизировать свою работу между разными устройствами и даже разными платформами! Присоединяйтесь к Pixel Network™ — нашему новому пиксель-арт сообществу! Не раздумывайте, просто попробуйте Pixel Studio и убедитесь, что вы выбрали самый лучший пиксель-арт редактор! Более 2.000.000 загрузок по всему миру, переведено на 23 языка!

Основные особенности

• Очень простой, интуитивный и дружелюбный интерфейс
• Творите на мобильных устройствах и синхронизируйтесь с ПК через Google Drive
• Используйте слои для продвинутого пиксель-арта
• Создавайте покадровую анимацию
• Сохраняйте анимацию как GIF, спрайт-листы или просто как последовательность PNG-файлов
• Делитесь своими работами с друзьями и сообществом Pixel Network™
• Создавайте свои палитры, используйте встроенные или загружайте прямо с Lospec
• Профессиональный выбор цвета в режиме RGBA или HSV
• Простое масштабирование и перемещение с помощью жестов или джойстиков
• Вертикальный режим для мобильных устройств и горизонтальный для планшетов и ПК
• Настраиваемая панель инструментов и много других настроек
• Мы поддерживаем Samsung S-Pen и Apple Pencil!
• Мы поддерживаем самые популярные форматы: PNG, JPG, GIF, PSP (Pixel Studio Project)
• Автосохранение и бэкап — вы не потеряете свою работу!
• Раскройте для себя много новых инструментов и других фишек!

Дополнительные функции

• Темная тема
• Рисование примитивов
• Рисование градиентов
• Встроенные и пользовательские кисти
• Библиотека спрайтов для ваших заготовок и наработок
• Режим плитки для создания бесшовных текстур
• Режим плитки для кистей
• Симметричное рисование (X, Y, X+Y)
• Точное рисование с помощью курсора (Dot Pen)
• Текст и разные шрифты
• Дизеринг-карандаш для создания теней и бликов
• Вращение пиксель-арта с помощью нашего собственного алгоритма Fast RotSprite
• Onion Skin для продвинутой анимации
• Можно применять палитры к изображениям
• Можно захватывать палитры из изображений
• Мини-карта и Pixel Perfect превью
• Неограниченный размер холста
• Изменение размеров, кадрирование и вращение холста
• Настраиваемый цвет фона
• Настраиваемая сетка
• Многопоточная обработка изображений
• Поддержка палитр в формате JASC Palette (PAL)

Системные требования:

• 2GB+ оперативной памяти для больших проектов и анимаций
• Мощный процессор (100.000+ очков в AnTuTu)

Демонстрационные изображения, созданные lorddkno, Redshrike, Calciumtrice, Buch, Tomoe Mami используются по лицензии CC BY 3.0.