Пиксель-арт онлайн: как сделать пиксельную картинку нейросетью

Коротко. Пиксель-арт — это картинка, нарисованная крупными квадратами-пикселями на маленькой сетке: 16×16, 32×32, 64×64. Так выглядели игры 80–90-х, и стиль снова популярен — в инди-играх, аватарках, стикерах и NFT. Сделать пиксель-арт онлайн можно двумя путями: нарисовать по клеточкам в редакторе или сгенерировать нейросетью и довести до чистой сетки. Разбираем оба, с промптами и типичными ошибками.

Два способа: рисовать или генерировать

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

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

Для начала подойдёт любой бесплатный онлайн-редактор пиксельной графики, например Piskel: он работает в браузере и умеет анимацию. Порядок работы:

1. Выберите размер холста. Для первого спрайта — 32×32. Меньше — сложно передать форму, больше — долго рисовать.
2. Ограничьте палитру. 4–16 цветов. Готовые палитры удобно брать из библиотеки Lospec.
3. Нарисуйте силуэт одним тёмным цветом. Если силуэт читается — форма удалась.
4. Добавьте основные цвета заливкой, затем тени и блики. Источник света — один, обычно сверху слева.
5. Почистите контур. Уберите «двойные» пиксели на линиях и случайные одиночные точки.
6. Экспортируйте с увеличением в 4–10 раз, иначе картинка 32×32 будет крошечной.

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

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

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

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

Шаблон промпта:

«pixel art, [что нарисовать], [размер] sprite, limited palette of [N] colors, clean outlines, no anti-aliasing, flat colors, [фон]».

Примеры:

• «pixel art, small knight with a sword, 32x32 sprite, side view, limited palette of 12 colors, clean outlines, no anti-aliasing, plain white background» — персонаж для игры.
• «pixel art landscape, night forest with a lake and full moon, 16-bit game style, limited palette, no anti-aliasing» — фон в стиле старых приставок.
• «pixel art portrait of a red-haired girl with headphones, 64x64, bust, limited palette, clean outlines» — аватарка.

Ключевые слова, которые реально влияют: no anti-aliasing (без сглаживания), limited palette (мало цветов), sprite (отдельный объект), 8-bit или 16-bit (эпоха и детализация), isometric (изометрия для зданий и комнат). Однотонный фон упростит вырезание персонажа.

Как превратить картинку ИИ в настоящий пиксель-арт

Это главный шаг, который пропускают новички.

1. Уменьшите изображение до целевой сетки — например, до 64×64 — с интерполяцией «ближайший сосед» (nearest neighbor). Любая другая интерполяция снова размоет края.
2. Сократите палитру до 8–16 цветов. Это есть почти в любом редакторе: «индексированные цвета» или «уменьшить палитру».
3. Откройте результат в пиксельном редакторе и почистите вручную: лишние точки, кривые контуры, неровные тени.
4. Увеличьте для публикации тоже «ближайшим соседом», в целое число раз — ×4, ×8.

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

Анимация и наборы спрайтов

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

Рабочий подход другой. Сгенерируйте одного персонажа в статичной позе, доведите его до сетки и утвердите палитру. Потом в редакторе сделайте кадры вручную, сдвигая ноги и руки на 1–2 пикселя. Для простого цикла ходьбы хватает 4–6 кадров. Нейросеть здесь полезна как советчик: языковую модель можно спросить, как устроен цикл бега в пиксельных играх, сколько кадров нужно для атаки и как передать вес персонажа.

То же с наборами предметов — зелья, мечи, монеты. Просите один лист со всеми объектами сразу: «pixel art item sprite sheet, potions, swords and coins, 16x16 each, same palette». Так стиль получится единым, а нарезать лист на отдельные спрайты редактор умеет сам.

Частые ошибки

• Слишком много деталей. На сетке 32×32 нельзя нарисовать пальцы и ресницы. Просите у модели простые формы.
• Сглаживание. Размытые края — главный признак «ненастоящего» пиксель-арта. Лечится промптом и уменьшением сетки.
• Разный масштаб пикселей. Если в одной картинке квадраты разного размера, стиль ломается. Решение — уменьшение до сетки.
• Копирование чужих персонажей. Спрайты известных игр защищены, использовать их в своём проекте нельзя.

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

Сколько стоит в Умке

В Умке 377 нейросетей, из них 7 бесплатных. Работает из России без VPN, подписки нет. Картинка обычной моделью стоит 35 токенов, сильной — 129 токенов.

При регистрации дают 60 токенов без карты — этого хватит на одну картинку обычной моделью, на сильную не хватит. Минимальный пакет — 290 ₽ за 725 токенов: около 20 обычных картинок или 5 сильных. Пакет за 690 ₽ даёт 1811 токенов — примерно 51 обычная картинка или 14 сильных. Для пиксель-арта обычно хватает обычных моделей: детализация всё равно уходит при уменьшении до сетки. Все пакеты — на странице тарифов.

Частые вопросы