Слои и анимации
Слои
Слои помогают организовать рисунок и создавать многокадровые анимации.
Есть 2 стандартных слоя, которые нельзя удалить или изменить: fg (передний план) и bg (фон).
Новые слои создаются кнопкой Add… (Добавить…) на панели слоев. Можно создать слой выше или ниже текущего.
Ваши слои отмечены жирным номером на панели слоев.
ID слоя отражает порядок создания, а не позицию в стеке.
Удалить свой слой можно кнопкой Remove frame (Удалить кадр), если на нём остался только один кадр. Это действие нельзя отменить.
Внимание
Будьте осторожны, рисуя на чужих слоях (не на fg, bg и не на своих) — владелец слоя может удалить вашу работу. Лучше создайте свой слой.
Отдельные линии можно перемещать между слоями и кадрами через Move to frame (Переместить на кадр) в инструменте выделения (Selection).
Анимации
Набор инструментов пока минимальный, но анимации могут здорово оживить ваши рисунки.
Частота обновления фиксирована — 8 кадров в секунду (каждый кадр отображается 125 мс). Чтобы замедлить анимацию, используйте кнопку Duplicate Frame (Дублировать кадр) — она растягивает текущий кадр.
У разных слоёв может быть разное количество кадров. Подробнее о зацикливании — ниже.
Кадры можно редактировать в любой позиции. Например, в 4-кадровой анимации удаление кадра на 7-м тике удалит 3-й кадр, так как это 3-й тик второго цикла.
Как создать простую анимацию
Мы не только создадим эту анимацию по шагам, а ещё и и посмотрим, где могут возникнуть проблемы и как их исправить.
Прежде чем мы начнем
Есть идея для туториала получше или хотите поделиться творческими советами? Снимите видео на YouTube, Instagram или TikTok о том, как используете наши анимации!
Режимы анимации
Для слоёв с двумя и более кадрами доступны следующие режимы:
- Sequential (Последовательный) — кадры по порядку. Режим по умолчанию для обычной анимации.
- Random (Случайный) — кадры в случайном порядке, ещё и отличающимся у каждого пользователя.
- Roll (Бросок) — тик выбирается случайно по команде
/rollв чате и держится до следующего броска. Тик генерируется на сервере и одинаков для всех — отлично подходит для настольных игр.
/roll в чате.Последовательный цикл (Sequential)
Последовательный режим зацикливается бесконечно. Если слои имеют разное количество кадров (например, 3 и 4) и они не кратны друг другу (как 3 и 6), циклы будут смещаться, создавая разные комбинации кадров (см. пример в туториале).
Например, когда 3-кадровый слой завершает цикл и начинает с 1-го кадра, 4-кадровый ещё показывает свой 4-й. На следующем тике 3-кадровый перейдёт ко 2-му, а 4-кадровый вернётся к 1-му. Интерфейс поддерживает бесконечную прокрутку, так что можно пролистать до нужной комбинации.
Нажав Pause (Пауза), вы увидите текущий тик для всех последовательных слоёв в списке слоёв.
Случайный (Random) и Бросок (Roll)
Режимы Случайный и Бросок одинаково воздействуют на все слои — рисунок можно распределить по нескольким слоям, и всё будет работать предсказуемо.
Если у всех слоёв одинаковое количество кадров, в любой момент времени будет отображаться один и тот же случайный кадр на всех слоях.
В примере ниже на слоях 3 и 4 нарисованы цифры от 1 до 3. На обоих слоях всегда показывается одно и то же число.
Под капотом кадр выбирается через случайный процент, который применяется к каждому слою по отдельности. Например:
- Для слоя с 4 кадрами процент ниже 25% соответствует 1-му кадру, процент между 25% и 50% - 2-му кадру и так далее.
- Для слоя с 3 кадрами процент ниже ~33% соответствует 1-му кадру, процент между ~33% и ~66% - 2-му кадру и так далее.
Это полезно знать, если вы хотите добиться предсказуемого поведения слоёв с разным количеством кадров в случайном режиме или режиме броска.