Если вы не любитель читать много текста, то можете посмотреть мой краткий гайд про легкую анимацию в данном ролике:

Нам нужен Adobe Photoshop и After Effects с плагином Animation Composer

• Animation Composer (Плагин): https://misterhorse.tv/

• Adobe Photoshop CC: https://www.adobe.com/ru/products/photoshop.html

• Adobe After Effects CC: https://www.adobe.com/ru/products/aftereffects.html

И самое главное - это выбор фона (выбирайте на свой вкус):

• Мой гайд будет на основе фона Cave Wit The Bar

• После выбора фона мы должны его обрезать для витрины. Вот сайт для нарезки фона: https://steam.design/

Перед началом этого пункта вам следует установить Animation Composer на свой AE. (надеюсь вы сами разберётесь как. Я бы вам объяснил, но руководство не об этом, итак очень объемная)
Чтобы было понятно - я всё распишу по пунктам:
1. Запускаем After Effects и создаём новый проект.
2. Создаём новую композицию (нажав ПКМ, как показано на скриншоте)

3. Создаём текст с желаемым надписем (например ником)

4. Заходим собственно в меню нашего плагина.

5. И в появившемся окне мы видим все шаблоны анимации (выбираем то, что вам нравится). В каталоге не только анимации текстов, там есть ещё много других анимаций и эффектов. Ах да, чтобы выбрать анимацию нам нужно сначало шёлкнуть по нашему тексту и потом шелкнуть на предпочитаемую анимацию в каталоге.

* Я выберу Flickering decode (так как мне нравится эта анимация)
6. Рендер:

• Нажимем "Ctrl + M"

• Потом на модуль вывода:

В появившемся окне выбираем следующее (формат "Quick Time", Каналы "RGB+альфа канал")

• и нажимем на кнопку рендера

Анимация у нас готова, теперь нужно перенести это на фон.

Перед началом данного пункта вы должны иметть уже обрезанный фон профиля (если вы использовали сайт steam.design, то распаковываем скачанный архив и нашим фоном будет являтся файл под названием Artwork_Middle)
*Опять же, я не буду объяснять азы, если вы не знаете как обрезать свой фон, то обратитесь в Гугл.
Итак, если у вас всё готово, то выполняем следующие пункты:
1. Запускаем Adobe Photoshop
2. Меняем рабочую среду на "Движение"
3. Открываем наш фон:
4. Создаём шкалу времени:
5. Переносим нашу анимацию (просто зажимаем наш файл и переносим с папки в окошко (!не в шкалу времени) с фоном)
6. Помещаем.
7. Рендер:

• Сохранияем нашу работу (Нажимаем на кнопку в шапке Photoshop "Файл" > "Экспортировать" > "Сохранить для Web")

В появившемся окне меняем формат на "GIF"
Параметры повтора на "Постоянно"
И тут же сохранияем.

Вот и всё, мы сделали гиф-фон с анимацией, если есть вопросы по поводу анимации и плагина, то пишите мне в лс стима. (Я не буду отвечать на банальные вопросы, например "Как поменять фон в витрине иллюстрации?", "Как обрезать фон?", "Как скачать фон?" и т. д.

Если у вас нету времени, не хватает мощности компьютера на программы или попросту не хотите париться над анимацией. То вы сможете заказать анимации по низким ценам у меня, я буду делать анимации не только через Animation Composer.
Вот примеры моих работ (Если заинтересовало, то пиши в ЛС стима( http://steamproxy.net/id/TwikleOfficial/ ) или ВК( https://vk.com/twiklechannel ):