Как анимировать пиксель-арт
Хорошая пиксельная анимация — это небольшое движение с точным таймингом. Это руководство охватывает полный цикл: кадры, тайминг, кальку (onion skin) и экспорт.
Спланируйте два кадра, прежде чем рисовать десять
Каждый цикл отвечает на два вопроса: что движется и что стоит? Сначала нарисуйте крайности (рука вверх / рука вниз, глаза открыты / закрыты), затем добавляйте промежуточные только там, где движение спотыкается. Большинство отличных циклов спрайтов — 2–4 кадра; эффекты вроде огня или искр заслуживают большего.
Дублируйте, затем меняйте как можно меньше
В аниматоре дублируйте кадр и двигайте самое малое, что продаёт движение. Малые смещения между кадрами читаются как плавность; большие прыжки — как телепортация. Переставляйте порядок кнопками ◀ ▶, когда последовательность выглядит неверно, — порядок можно править, это не приговор.
Настройте на 8 FPS, затем подкрутите
Смотрите предпросмотр на 8 FPS: значение по умолчанию выбрано не просто так. Дёргается? Добавьте кадр или поднимите FPS. Вяло? Уберите кадр или опуститесь до 6. Циклы ходьбы живут около 6–8, моргания и прыжки — около 4, мерцание и огонь — до 12–24. Доверяйте предпросмотру, а не числу кадров.
Пусть калька (onion skin) всё измеряет
Включите кальку (onion skin) и настройте Призрак так, чтобы соседи были видны, но бледно: красный — где вы были, синий — куда идёте. Равные интервалы между красным, текущим и синим означают равную скорость; сгущения — замедление. Шагайте клавишами ← →, следя за одним опорным пикселем.
Сделайте фон общим, экспортируйте цикл
Включите 🔗 на фоновых слоях, чтобы статичный арт никогда не перерисовывать — и он никогда не будет мерцать. Когда цикл в предпросмотре идёт чисто, экспортируйте GIF для публикации (зацикленный, прозрачный, увеличенный для чёткости) или спрайт-лист для игровых движков. Отдельные кадры по-прежнему уходят как PNG, SVG или PDF.
Частые вопросы
Сколько кадров нужно для цикла ходьбы?
Четыре читаются нормально, шесть–восемь — плавно. Начните с крайностей, добавляйте промежуточные, только где спотыкается.
GIF или спрайт-лист?
GIF — для публикации и предпросмотра; спрайт-лист — для игровых движков.
Почему фон дрожит?
Вы перерисовали его покадрово. Вместо этого сделайте его общим через 🔗, чтобы он хранился один раз.
Как исправить прыжок в цикле?
Пусть последний кадр перетекает в первый — заканчивайте стартовой позой, — а шов проверяйте в движении, никогда перелистыванием статичных кадров.
Сколько кадров нужно моему первому циклу?
Два–четыре: сначала нарисуйте крайности, промежуточные добавляйте лишь там, где движение спотыкается. Число важно меньше, чем интервалы.
Спрайт готов? Анимируйте онлайн