Твоя игра — твои правила: анимированные логотипы для игр и лого. Сделай красиво 😎

Надоело, что в вашей библиотеке ничего не прыгает, не дергается и вообще всё выглядит статично? Не беда! Только с Atilla Dark вы сможете преобразить свою библиотеку. Ранее я помогал украсить ваш Steam-профиль, а теперь доведем до идеала и вашу библиотеку. 😎

Сегодня мы совместно с Vino решили подготовить для вас гайд.

Кто-то может сказать, зачем делать гайд, если это уже давно можно сделать в Steam? Вы правы, но я был бы не я, если бы не захотел сделать всё вручную. На сайте steamgriddb нет анимированных изображений под мои игры, и именно поэтому я создаю этот гайд. :)

Для загрузки готового видео нам с вами понадобится только сайт

На сайте пишем название интересующей нас игры. После этого идем в фильтр, указываем 'animated' и слева выбираем нужный размер постера в данном случае 600x900 пикселей.

Далее переходим к нужной картинке которая нам понравилась и скачиваем её в формате png

После этого ищем нужный размер под наш фон

Нам под фон лучше всего подойдет 1920x620, его мы тоже скачиваем. После того как скачали, переходим в Steam с интересующей нас игрой. Кликаем ПКМ — 'КАСТОМИЗАЦИЯ', видим, что можем заменить постер, кликаем и загружаем то, что мы скачали. Аналогично поступаем с постером. Для широкого изображения я загружаю тот же PNG-файл, что и для фона.

И на этом у нас всё. Мы всё загрузили и можем сидеть, радоваться. А теперь я расскажу вам, как самому загрузить нужное видео, чтобы выделиться из толпы. 😎

Для этого нам понадобится:

Сначала мы ищем видео, которое будем помещать на постер и фон. Сделать это можно разными способами: скачать с YouTube или, как я покажу, выкачать видео с программы Wallpaper Engine.

Переходим в программу

Видим, что в моем случае здесь скачано очень много разных обоев. Кликаем на мастерскую

Выставляем фильтр только на категорию 'Видео', так как на других не получится их выкачать, ведь они были сделаны именно в самой программе. Находим нужное нам видео, нажимаем 'Подписаться'. После скачивания обоев нажимаем ПКМ — 'Открыть в проводнике'.

У нас откроется папка с файлами здесь нам нужно только видео, теперь переходим в монтажную программу. В этот раз я буду использовать одну из лучших программ это Davinci Resolve

Нажимаем New project для того, чтобы мы могли создать проект

После создания нам нужно создать Timeline — область, в которой мы и будем размещать наши медиа-файлы. Слева, в панели Media Pool, нажимаем ПКМ — 'TIMELINE' — 'CREATE NEW TIMELINE'.

Сейчас я покажу лишь базовые настройки которые будут вам необходимы

Для постера у нас будет один таймлайн, для фона другой размеры:

Окей с этим разобрались, теперь мы загружаем наше видео в программу пкм-Import Media

После загрузки размещаем видео на нашем таймлайне. Чтобы зарендерить определённый кусок, а не всё видео, нажимаем на букву 'I' в начале кадра и на букву 'O' в конце. В конечном итоге у вас должно получиться вот так.

После этого мы можем зарендерить наше видео, переходим к разделу внизу Deliver

Здесь выбираем формат MP4, кодек — H.264. H.265 не советую, так как видео будет весить банально больше. Энкодер: если у вас карта Nvidia, выбираем Nvidia, если AMD — будет стоять свой кодек. К счастью, DaVinci Resolve даже на картах AMD хорошо монтирует видео, в отличие от софта Adobe. Внизу нажимаем на кнопку 'Добавить в очередь', а справа — 'Render'. Также не забываем указать название и место расположения файла.

После проделанной работы нам нужно превратить наше mp4 в анимированный png(APNG) здесь нам поможет сайт из моего предыдущего гайда.

Тут мы загружаем наше видео и ждем его полной загрузки на сайте.

После загрузки нам нужно настроить несколько параметров: указать хронометраж видео и количество кадров. Чем больше хронометраж и кадров, тем больше размер файла, поэтому старайтесь сделать так, чтобы ваше видео не весило больше 40 МБ. К счастью, на сайте мы сможем немного сжать размер. Для начала уменьшаем видео до 5 секунд. Если не хотим сильно анимированное видео, можно уменьшить количество кадров примерно в диапазоне от 8 до 16.

Теперь мы видим, что наше видео весит 56 мб, что нам не совсем не подходим, мы можем его ещё предварительно сжать, но я советую уменьшить хронометраж видео до 3-4 секунд и после проведем сжатие.

Отлично мы уменьшили хронометраж до 4 секунд и теперь видео весит 44 мб. Мы можем спокойно сжать его и добиться хорошего и оптимального размера. Нажимаем optimize the PNG

И ждем сжатия. После мы также скачиваем данный файл и загружаем в стим, как было показано выше.

Так-как это фон он по умолчанию будет весить выше, в случае постера когда вы будете преобразовывать его в APNG там вы больше сможете сделать хронометраж.

Переходим обратно к давинчи.

Создаем второй таймлайн для фона. Настройки перед вами, но возможно, придется сделать зум для вашего видео, чтобы оно поместилось. Переходим в Inspector — меню настроек видео. Видим параметр 'Zoom' и увеличиваем его, также используем параметр 'Позиции', чтобы правильно разместить фон с нашим персонажем.

На этом наша работа закончена и теперь мы можем экспортировать видео и превратить его в APNG.

Надеюсь этот гайд был много кому полезен, я благодарен Vino за то что подогнал мне такую идею! Украшайте свои профиля и игры совместно с Atilla Dark всем хорошего настроения и будьте красивыми!