Начать рисовать

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

Рисуйте пиксель-арт и спрайты прямо в браузере, создавайте покадровую анимацию и экспортируйте в PNG, GIF или спрайт-листы. Бесплатно, без скачивания и регистрации.

Начать рисовать

Всё необходимое и ничего лишнего

Инструменты рисования

Карандаш, ластик, линия, круг, прямоугольник, заливка, пипетка и выделение лассо. Регулируемые размеры кисти от 1 до 64 пикселей. Зеркальное рисование по осям X и Y для симметричных спрайтов.

Покадровая анимация

Создавайте анимированные спрайты с количеством до 100 кадров. Калька показывает предыдущие и следующие кадры в качестве ориентиров. Настраиваемая частота кадров и предпросмотр анимации в реальном времени.

Слои

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

Экспорт куда угодно

Экспортируйте работу в PNG, анимированные GIF, спрайт-листы или видео MP4. Выбирайте масштаб экспорта — 1x, 2x, 3x, 4x и более. Готово для игровых движков Unity, Godot или GameMaker.

Цветовые палитры

Встроенные палитры, включая цвета NES. Выбирайте цвета с помощью ползунков RGB или HSL и сохраняйте собственные палитры. Пипетка для выбора любого цвета на холсте.

Мгновенный обмен

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

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

  1. Выберите небольшой холст. 16x16 или 32x32 — классический размер для персонажей, предметов и иконок.
  2. Нарисуйте силуэт. Карандашом в 1 пиксель и одним тёмным цветом обведите контур.
  3. Залейте основные цвета. Используйте заливку и ограниченную палитру — для начала достаточно 4–8 цветов.
  4. Добавьте свет и тень. Выберите направление света: более тёмный оттенок — с теневой стороны, более светлый — со стороны света.
  5. Экспортируйте. Сохраните PNG в масштабе 4x или 8x, чтобы каждый пиксель оставался чётким.

Пиксельная анимация

Добавьте кадры, включите кальку и рисуйте движение шаг за шагом. Для анимации ожидания хватает 2–4 кадров, для цикла ходьбы — 4–8. Частота 8–12 кадров в секунду обычно выглядит естественно. Готовую анимацию можно скачать как GIF, MP4 или спрайт-лист.

Для школ и Chromebook

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

Как это работает

1

Выберите размер холста

От 2x2 до 500x500. Популярные размеры: 16x16, 32x32, 64x64.

2

Нарисуйте спрайт

Используйте карандаш, фигуры и заливку. Добавляйте слои для персонажей, фонов и эффектов.

3

Анимируйте

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

4

Экспортируйте и делитесь

Скачайте в формате PNG, GIF или спрайт-лист — или поделитесь ссылкой.

Часто задаваемые вопросы

SpritePaint действительно бесплатный?

Да, полностью бесплатный. Никаких скрытых платежей, водяных знаков на экспорте или обязательной регистрации.

Нужно ли что-то скачивать?

Нет. SpritePaint полностью работает в вашем браузере — Chrome, Firefox, Safari, Edge и Яндекс Браузер на Windows, Mac, Linux и Chromebook.

Какие форматы экспорта поддерживаются?

PNG, анимированные GIF, спрайт-листы и видео MP4. Все экспорты поддерживают настраиваемое масштабирование (1x, 2x, 3x, 4x или любой размер).

Можно ли создавать анимированные спрайты?

Да! До 100 кадров с калькой. Экспорт в GIF или спрайт-лист для игровых движков Unity, Godot или GameMaker.

Моя работа будет сохранена?

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

Какие размеры холста доступны?

От 2x2 до 500x500 пикселей. Популярные размеры спрайтов: 8x8, 16x16, 32x32, 64x64. Изменяйте размер в любое время без потери работы.

Готовы творить?

Присоединяйтесь к тысячам пиксель-художников. Начните рисовать за считанные секунды.

Открыть SpritePaint