Анимированные GIF из пиксель-арта

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

Почему GIF подходит пиксель-арту

GIF хранит максимум 256 цветов на кадр — лимит, которого пиксель-арт никогда не замечает, — со сжатием без потерь, которое держит жёсткие края (в отличие от JPEG), и настоящей прозрачностью. Циклы — родная черта формата. Спрайт на 4 кадра и 12 цветов сжимается в килобайты и играет везде: в чатах, портфолио, превью игр.

Как сделать в PixiMelon

Соберите кадры в аниматоре, проверьте цикл в предпросмотре на целевом FPS, затем скачайте GIF. Экспорт крутится бесконечно, держит прозрачность и рендерит длинную сторону от 512 пкс, чтобы маленькие спрайты оставались чёткими при публикации. Тайминг живёт в выборе FPS — задайте его до экспорта, поскольку GIF-плееры просто слушаются файла.

GIF или спрайт-лист?

• GIF — публикация, превью, стикеры, циклы в портфолио. Играет сам везде.
• Спрайт-лист — игры и движки, которые сами нарезают кадры; полный контроль качества. См. объяснение спрайт-листов.
• Отдельный PNG — один идеальный кадр для миниатюр и иконок.

Если экспорт GIF когда-нибудь упадёт на огромном холсте, спрайт-лист — надёжная замена.

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

• Слишком много кадров на высоком FPS — файл раздувается; пиксельные циклы хотят 4–12 FPS, а не 24.
• Экспорт до проверки шва цикла — сначала всегда предпросмотр.
• Дизерные градиенты в GIF — формат их держит, но каждая крапина стоит байтов; чистые градиенты жмутся меньше.

Спрайт готов? Анимируйте онлайн

Продолжайте изучение

• Спрайт-листы
• Анимация пиксель-арта
• Аниматор пиксель-арта