Как экспортировать видео из Spine. Большой гайд от Пени
PenyaWithLove из нашего тг чатика подготовил длиннопост о том, как правильно и в каком формате экспортировать видео из Спайна. Пользуйтесь!
Одним из важных аспектов при выполнении анимации является превью.
То, как оформлена ваша анимация влияет на то, как зритель будет ее воспринимать, и это имеет значение, если вы делаете видео чтобы его заметили эйчары в вашем портфолио, показать лиду на работе, попросить фидбека у более опытных ребят или же просто похвастаться хорошим результатом.
Если ваша работа будет открываться на весь экран, иметь выдающееся качество в 10 шакалов из 10, весить 100мб и не встраиваться в мессенджеры, то зритель будет куда больше внимания обращать на то, как бы запустить видео и понять что там происходит, чем на саму анимацию. При хорошем же оформлении ваша анимация будет выглядеть еще выигрышнее и повысит ваши шансы на успех.
Обратить внимание следует на следующие моменты:
1. МАСШТАБ:
По умолчанию, если вы не задаете область вывода, то спайн обрезает вашу анимацию ровно по границе ее видимости, из-за чего она начинает занимать все доступное пространство. Если это персонаж или какой-то быстро двигающийся объект то в этом случае труднее целостно ее оценить, т.к. она будет занимать весь экран.
Чтобы этого избежать, лучше самому задать область отображения и дать объекту область для маневра. Если вы делаете анимацию для какого-то проекта или мобильный игры, то лучше брать разрешение, которое соответствует данному проекту, чтобы сразу можно было увидеть, как данная анимация будет выглядеть в таком масштабе.
Чтобы задать область отображения, достаточно при экспорте нажать кнопку "preview", поставить галочку в поле "crop" и затем либо цифрами указать масштаб, либо на глаз подвигать оранжевые уголки в окне предпросмотра:
Примеры превьюшки со свободным пространством и без:
2. ФОН:
Из первого пункта плавно вытекает второй. Помимо масштаба на восприятие также влияет фон. В зависимости от фона одна и та же анимация может выглядеть очень по разному, особенно если в ней есть эффекты с режимами наложения.
Если вы делаете анимацию для проекта, то старайтесь использовать тот фон, на котором анимация будет проигрываться в проекте, это позволит полноценно оценить как будет выглядеть анимация в проекте и заметить все недочеты.
Если же нету готового фона, то лучше не оставлять его прозрачным, а использовать в качестве подложки нейтральный цвет, на фоне которого не будут теряться элементы анимации. Не стоит использовать слишком яркие цвета, т.к. они будут отвлекать на себя внимание.
Так же стоит учитывать, что если в анимации используются эффекты с режимами наложения, то в зависимости от цвета фона они будут выглядеть по разному. Цвет фона можно задать при экспорте анимации в спайне для этого достаточно выбрать его в поле "background" или оставить галочку на "transparent", чтоб оставить фон прозрачным:
— Белый фон:
— Прозрачный фон:
— Синий фон:
— Серый фон:
3. ФОРМАТ:
При выборе формата стоит обратить внимание на качество, видимость полупрозрачных элементов, размер файла и возможность встраивании в мессенджеры.
Одним из самых распространённых форматов для мессенджеров является GIF, однако он плохо работает с прозрачностью и не позволяет сохранить хорошее качество. Поэтому как альтернатива используется куда более гибкий формат mp4, который позволяет получить файл маленького размера, хорошего качества, с корректным отображением прозрачности и удобно встраиваемый в мессенджеры.
Однако напрямую файл mp4 нельзя получить экспортом из спайна. Для этого придется воспользоваться любым конвертором. Для начала необходимо выгрузить анимацию в формате MOV, который позволяет сохранить качество и работать с прозрачностью, а затем перевести его в mp4. Небольшой гайд, как сделать это в медиа энкодере:
Сравнение GIF и mp4. Обратите внимание на обводку у портала:
GIF
mp4
Немаловажен и размер файла. Многие мессенджеры позволяют включить предпросмотра только для файлов размером меньше 8мб, из-за чего файлы большего размера придется скачать перед просмотром. Смотреть файлы напрямую из мессенджера бывает на много удобнее, особенно с мобильных устройств.
Также для быстрой записи превью можно использовать программы, позволяющие записывать видео напрямую с экрана. Для этого можно воспользоваться, например, одной из следующий программ:
1. OBS — Программа записывающая с экрана, позволяет выбирать с какого окна будет записываться видео, однако требует дополнительной настройки.
2. Bandicam — Максимально интуитивно понятная программа, позволяет записать видео из определенной части экрана всего за пару кликов. Однако добавляет на видео вотермарку.