Перейти к содержимому
Moriqa
ПоддержатьВойти

Редактор

Спрайты и тайлы

Пиксель-арт и цвет

Редактирование изображений

Конвертация изображений

ИИ

Moriqa

Конвертер спрайт-листа в GIF

Перетащите спрайт-лист и посмотрите, как он играет, а затем сохраните его как анимированный GIF. Перетащите GIF, чтобы получить спрайт-лист или отдельные кадры. Ничего не покидает ваше устройство.

Создаётся на вашем устройстве. Ваши изображения никуда не загружаются.

  • Никуда не загружаются
  • Работает в обе стороны
  • Живой предпросмотр

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

Как превратить спрайт-лист в GIF

  1. Шаг 1: Добавьте лист

    Выберите, перетащите или вставьте спрайт-лист. Подойдёт и анимированный GIF: он разбирается обратно на кадры.

  2. Шаг 2: Проверьте кадры

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

  3. Шаг 3: Скачать

    Сохраните анимированный GIF, спрайт-лист в PNG или каждый кадр отдельным PNG в ZIP.

Спрайт-лист в GIF

Посмотрите анимацию до публикации

  • Играет, пока вы настраиваете

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

  • Находит сетку

    Распознаются распространённые размеры кадров и ленты, а пустые ячейки в конце листа пропускаются.

  • Выберите кадры

    Щёлкайте кадры в ленте, чтобы исключить их, и проигрывайте вперёд, назад или туда и обратно.

  • GIF, лист или кадры

    Чёткие увеличенные GIF, чтобы делиться, аккуратный лист для движка или отдельные кадры для всего остального.

Подробнее

Спрайт-листы, GIF и кадры

От листа к анимации

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

Сетка подбирается при открытии листа: лента квадратных кадров или распространённый размер вроде 16, 32 или 64 пикселей, который не разрезает ни один рисунок. Пустые ячейки пропускаются, поэтому наполовину заполненная последняя строка не заставит анимацию мигать.

Скорость, направление и кадры

  • Скорость: 8–12 кадров в секунду подходят большинству игровых анимаций; 24 — плавно, а 6 — намеренно отрывисто.
  • Направление: вперёд, назад или туда и обратно (пинг-понг), что даёт цикл ожидания или дыхания из вдвое меньшего числа кадров.
  • Кадры: щёлкните любой кадр в ленте, чтобы исключить его. Так лист с несколькими анимациями в строках можно сократить до одной.
  • Размер GIF: от 2× до 8× увеличивает с жёсткими краями, так что спрайт в 32 пикселя остаётся разборчивым в чате или на странице магазина.

От GIF обратно к листу

Анимированный GIF читается целыми кадрами, точно так, как их показал бы просмотрщик, с исходным таймингом. Сохраните их как спрайт-лист в одну строку, один столбец или почти квадратную сетку либо как пронумерованные файлы PNG.

GIF вмещает не больше 256 цветов и не поддерживает частичную прозрачность. Для пиксель-арта это подходит; для нарисованных кистью или фотографических кадров лист PNG сохранит все цвета.

Спрайт-лист в GIF

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

Мои файлы куда-нибудь загружаются?

Нет. Лист или GIF читается и преобразуется в вашем браузере, на вашем устройстве. Ничего не отправляется ни в Moriqa, ни кому-либо ещё.

Как превратить спрайт-лист в GIF?

Добавьте лист, убедитесь, что строки и столбцы совпадают с его сеткой, задайте скорость в кадрах в секунду и выберите «Скачать GIF». В предпросмотре играет именно то, что будет сохранено.

Как превратить GIF в спрайт-лист?

Добавьте GIF и в разделе «Сохранить как» выберите «Спрайт-лист». Выберите одну строку, один столбец или сетку и скачайте PNG. Выберите «Кадры», чтобы получить каждый кадр отдельным PNG.

Анимация выглядит разрезанной. Что не так?

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

Зачем увеличивать GIF?

Мелкий пиксель-арт размывается, когда сайт или мессенджер увеличивает его. При сохранении в 4× или 8× каждый пиксель повторяется чётким квадратом, и картинка остаётся резкой где угодно.

Нужен ли листу прозрачный фон?

Нет, подойдёт любое изображение. С прозрачным фоном сетка подбирается надёжнее, а пустые ячейки можно пропускать.

Можно ли потом отредактировать анимацию?

Да. В редакторе пиксель-арта Moriqa команда «Импортировать спрайт-лист…» в меню «Файл» открывает лист как анимацию, которую можно перерисовать кадр за кадром и снова экспортировать для Godot, Unity и GameMaker.

Хотите нарисовать анимацию сами?

Откройте редактор пиксель-арта Moriqa, чтобы рисовать и анимировать спрайты кадр за кадром, бесплатно в браузере.