Основы анимации в пиксель-арте
Анимация — это изменение во времени, а пиксели делают изменение считаемым: насколько далеко каждая точка проходит между кадрами — в этом всё ремесло.
Кадры, тайминг, интервалы
Кадр — это один рисунок; тайминг — как долго каждый длится. Интервалы — насколько далеко всё двигается за кадр — создают вес: ровные интервалы скользят, растущие разрывы ускоряются, сгущения тормозят в остановку. На 2–8 рисунках вы ставите всё это; число важно меньше, чем решения по интервалам. PixiMelon показывает предпросмотр на 1–24 FPS, чтобы тайминг можно было почувствовать, а не высчитать.
Сжатие, растяжение и обаяние
Деформация с сохранением объёма продаёт физику: прыгающий мяч сжимается при ударе и растягивается в полёте, сохраняя примерно то же число пикселей. В масштабе спрайта сжатия на 1–2 пикселя более чем достаточно — преувеличение читается лучше точности. Тот же приём применяйте к морганиям (сожмите глаз), прыжкам (растяните тело) и ударам (сожмите всё на один кадр).
Циклы без спотыканий
Большинство пиксельных анимаций крутятся бесконечно, поэтому последний кадр должен перетекать в первый: заканчивайте там, где начали, или проходите стартовую позу посреди цикла. Циклы покоя прячут шов симметричным движением (качнулись вниз, затем вверх); циклы ходьбы — совпадающими контактными позами. Смотрите цикл в предпросмотре, а не листайте кадры — шов виден только в движении. Аниматор крутит непрерывно ровно поэтому.
Работайте с калькой (onion skin), а не против неё
Калька (onion skin) (предыдущий красным, следующий синим) делает интервалы видимыми: ровные разрывы между красным, текущим и синим означают ровную скорость. Шагайте стрелками, следите за одним опорным пикселем и правьте кадр, а не интуицию. Совмещайте с общими фоновыми слоями, чтобы внимания требовали лишь движущиеся части.
Частые вопросы
Сколько FPS нужно пиксельной анимации?
Начните с 8. Ретро-щелчок живёт на 4–6, плавные циклы — около 12, эффекты — до 24. Судите в предпросмотре.
Что такое интервалы в анимации?
Насколько далеко всё двигается между кадрами. Ровные интервалы скользят; меняющиеся создают ускорение, вес и остановки.
Почему мой цикл прыгает?
Последний кадр не перетекает в первый. Заканчивайте стартовой позой или проходите её посреди цикла, затем смотрите в движении.
Какая первая анимация самая простая для пробы?
Моргание или прыжок на два кадра: дублируйте рисунок, меняйте горсть пикселей, смотрите на 6–8 FPS. Маленькие победы быстрее всего учат таймингу.
Спрайт готов? Анимируйте онлайн