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

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

Рисуйте спрайты, анимируйте их покадрово и экспортируйте в PNG, GIF или спрайт-листы — прямо в браузере.

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

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

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

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

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

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

Слои

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

Гибкий экспорт

Экспортируйте работу в PNG, анимированные GIF, спрайт-листы или видео MP4 в поддерживаемых браузерах. Масштаб экспорта — от 1x до 64x. Подходит для игровых движков 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 до 64x.

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

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

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

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

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

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

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

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

Открыть SpritePaint