Как спланировать первый тест пиксельной анимации на основе одного простого действия персонажа
Для первого теста пиксельной анимации выберите одно действие, которое можно понять за один цикл — например, моргание персонажа, взмах рукой или один шаг. Прежде чем прорисовывать лишние детали, определитесь, что должно двигаться, что должно оставаться неподвижным и как должно выглядеть удачное воспроизведение. Затем создайте небольшую последовательность поз, просмотрите ее с постоянной скоростью и исправьте только те части, которые мешают четкому считыванию действия.
Выберите действие, достаточно простое для завершения
Выберите действие с четким началом и концом или такое, которое может естественным образом возвращаться в исходную позу. Моргание компактно; взмах рукой можно свести к подъему и опусканию одной руки; шаг может сосредоточиться на перемещении стоп и тела. Для первого теста избегайте объединения отдельных действий — например, одновременной ходьбы, поворота и взмаха рукой — так как в этом случае становится сложнее понять, какое именно движение требует доработки.
Прежде чем открывать таймлайн, напишите краткое резюме в одно предложение: «Персонаж поднимает одну руку, делает паузу, затем опускает ее». Обозначьте ключевое изменение в силуэте персонажа. Если действие зависит от детали шириной всего в один или два пикселя, проверьте, остается ли эта деталь различимой при предполагаемом масштабе отображения. Это практическая проверка дизайна, а не требование использовать определенный размер спрайта или количество кадров.
Задайте небольшой, стабильный объем рисунка
Выберите холст, который оставляет персонажу пространство для движения без изменения размеров холста между кадрами. Держите персонажа в неизменном положении, если действие должно происходить на месте. Это упрощает оценку изменений позы и помогает не принять случайное смещение рисунка за намеренное движение.
Начните с простого силуэта и ограниченного набора цветов. Добавляйте только те детали, которые необходимы для считывания действия: при взмахе рукой форма руки и кисти может иметь большее значение, чем текстура одежды. Размер пикселей, размер палитры и размеры холста зависят от предполагаемого стиля и назначения; универсальных настроек для начинающих не существует. Цель этого теста — понять, считывается ли движение, поэтому дополнительную прорисовку можно отложить.
Планируйте позы перед заполнением кадров
Прежде чем переходить к полировке, наметьте важные позы в виде короткой последовательности. Для взмаха рукой это могут быть: рука внизу, рука поднята, кисть повернута наружу, рука возвращается вниз. Для моргания: глаза открыты, глаза закрыты, глаза открыты. Для шага: одна нога вытягивается вперед, тело перемещается над ней, затем вперед выходит другая нога. Эти примеры служат вспомогательным средством при планировании, а не обязательными шаблонами анимации.
Задайтесь вопросом, что именно меняется между каждой позой. Если ответ неочевиден, удалите позу или сделайте ее изменение более выразительным. Следите за тем, чтобы туловище, голова и другие части, которые не должны двигаться, оставались на одной линии во всех кадрах. В пиксель-арте сдвиг всего на один пиксель может изменить контур или вызвать ощущение дерганья элемента, поэтому сравнивайте как контур, так и позу.
Постройте последовательность на таймлайне
Создайте первый кадр, затем добавьте кадры для запланированных поз. В Aseprite на временной шкале (таймлайне) отображаются кадры и слои, а в документации программы описаны добавление кадров, предварительный просмотр воспроизведения, повторное использование кадров и настройка длительности отдельного кадра. Другие инструменты анимации могут использовать иные названия или элементы управления, но применяется тот же принцип планирования: соблюдайте порядок последовательности и делайте роль каждого кадра легко узнаваемой. (Aseprite: Animation)
Используйте кальку («onion skinning») в качестве ориентира при рисовании переходов. Она отображает соседние кадры как ориентиры, позволяя сравнивать текущий рисунок с предыдущими или последующими положениями; Aseprite позволяет настроить количество отображаемых кадров до и после текущего. (Aseprite: Onion Skinning) Используйте ровно столько полупрозрачных слоев, сколько необходимо для сравнения корректируемого движения. Если накладывается слишком много полупрозрачных поз, ненадолго отключите эту функцию и осмотрите текущий кадр отдельно.
Для первого прохода продублируйте позу, если требуется пауза, затем скорректируйте длительность кадра или добавьте отдельный рисунок, если воспроизведению нужен другой ритм. В Aseprite длительность отображения кадра измеряется в миллисекундах, поэтому изменение тайминга не всегда требует прорисовки еще одной позы. (Aseprite: Sprite structure) Относитесь к любому начальному таймингу как к тестовому значению: единой правильной длительности для каждого действия или стиля не существует.
Просматривайте в том размере и на той скорости, которые имеют значение
Воспроизведите последовательность со стабильной скоростью и оцените персонажа в предполагаемом масштабе отображения. Сначала посмотрите без пауз: понятно ли, что делает персонаж? Затем пролистайте кадры по очереди, чтобы найти позу или переход, вызвавшие путаницу. Рабочий процесс анимации в Aseprite включает предварительный просмотр воспроизведения, а таймлайн поддерживает изменение длительности кадра. (Aseprite: Animation)
Полезный первый тест включает три проверки: действие узнаваемо с первого просмотра; части персонажа, которые должны оставаться неподвижными, не смещаются; и цикл, если он есть, возвращается в исходную точку без случайного скачка. Эти проверки служат редакторским методом диагностики теста, а не гарантией того, как отреагирует аудитория.
Если движение кажется слишком резким, попробуйте изменить интервал или длительность между ключевыми позами. Если оно кажется слабым, сделайте ключевую позу более выразительной, прежде чем добавлять множество промежуточных рисунков. Если персонаж будто бы шатается, сравните его неподвижные опорные точки — такие как центр головы или основание туловища — на разных кадрах. Исправляйте за раз только одну проблему, а затем снова запускайте просмотр, чтобы увидеть, помогла ли эта корректировка.
Не расширяйте рамки первого теста
Не расширяйте тест до полной анимации персонажа, пока выбранное действие не будет работать в текущих границах. Сохраните редактируемый проект со всеми кадрами и слоями; экспортируйте превью только в том случае, если вам нужно оценить или показать воспроизведение вне редактора. В документации Aseprite разграничиваются понятия кадров, слоев и ячеек (cels) на таймлайне, а также поясняется, что каждый кадр имеет определенную длительность отображения. (Aseprite: Sprite structure)
Как только тест начнет четко считываться, запишите сделанные выводы: какие позы оказались ключевыми, какому кадру потребовалась настройка тайминга, а какая деталь была слишком мала, чтобы ее заметить. Эта заметка даст надежную отправную точку для следующей анимации, сохранив при этом ценность намеренно небольшого первого эксперимента.