Как сделать анимированную картинку в стиме

Как сделать анимированную картинку в стиме

Counter-Strike: Global Offensive

И так, не для кого не секрет что можно сделать длинную иллюстрацию в STEAM профиле. Многие её делают по разному. Я пишу это руководство чтобы научить вас сделать длинную иллюстрацию в профиле, так ещё и почти полностью онлайн (Без программ, только сайты).

Для начала вам необходимо найти и купить нужный фон который вы хотите использовать для профиля. Лично я нахожу их вручную, но можно и найти фон на сайте steam.tools [steam.tools] во вкладке backgrounds.

Теперь можно приступать к обрезке фона для STEAM профиля:

1) Перейдите на сайт steam.design [steam.design] и в поле “Paste a background URL here” вставьте ссылку на полное изображение вашего фона (Ссылку можно получить здесь: Зайдите в свой инвентарь STEAM найдите свой купленный фон и нажмите на него для пред. просмотра, затем нажмите на кнопку “Посмотреть в полном размере”. Далee откроется страница с вашим фоном и теперь копируем ссылку на эту страницу) и нажмите кнопку “Change BG”.

2) После загрузки вашего фона на сайте, нажимаем кнопку “Download Images” и скачиваем архив с нашим обрезанным фоном для STEAM профиля.

3) Дальше распаковываем архив на рабочий стол любым архиватором (пользуюсь WinRAR)

Приступаем к добавлению вашего ника на обрезанную иллюстрацию с архива:

1) С архива нам понадобиться файл Artwork_Middle.png.

2) Заходим на сайт giphy [giphy.com] и нажимаем сверху кнопку “Create”.

3) Кидаем сюда нужный файл (Artwork_Middle.png).

4) После появления страницы редактирования, понятным интерфейсом добавляем текст и выбираем для него стиль и анимацию (не богатый выбор но онлайн :D).
P.S. Лучше не использовать фильтры если хотите чтоб ваша иллюстрация выглядела красиво.

5) Нажимаем кнопку “Continue to Upload” потом ничего не пишем и нажимаем кнопку “Upload to GIPHY”.

6) После появления страницы результата нажимаем справа от вашей гифки кнопку “Media” и тут копируем ссылку строчки “Source”.

7) Переходим по указанной ссылке и правой кнопкой мыши по гифке выбираем “Сохранить видео как. “, даём название и скачиваем видео файл (.mp4) на рабочий стол.

Следующее нам надо перевести видео файл (.mp4) в полноценную гифку более менее хорошего качества!

1) Заходим на сайт ezgif [ezgif.com] , выбираем наш видео файл и нажимаем кнопку “Upload video!”.

2) После открытия страницы редактирования выбираем настройки нашего гиф:
1) Size – Original (Up to 800px)
2) Frame rate (FPS) – 25 (max 10 seconds)
method не трогаем.
Optimize for static background не трогаем.

Читать еще:  Жидкие камни на ногтях как сделать видео

3) Нажимаем кнопку “Convert to GIF!”.

4) Ниже появляется результат и под гифкой нажимаем кнопку “Save” и сохраняем файл на рабочий стол.

Вот и пол работы сделано! Если вы дошли до этого места то у вас должен быть готовый файл вашей гифки для STEAM профиля. Заключительная часть, нам надо загрузить эту гиф в стим как РАСШИРЕННУЮ иллюстрацию.

1) Переходим по этой ссылке на официальный сайт STEAM ( steam (Если вы не в аккаунте, войдите) ).

2) Заходим в свой профиль и нажимаем вкладку Artwork (Иллюстрации).

3) Нажимаем кнопку “Upload artwork” (Загрузить иллюстрацию) и нажимаем “Not Game Specific” (Не из игры).

4) Дайте название своей иллюстрации и теперь правильно загрузите вашу гифку в STEAM.

Мини-туториал по правильной загрузке файла РАСШИРЕННОЙ иллюстрации:
ВАЖНО! Загружать длинную иллюстрацию можно только в браузере.

1) Откройте консоль вашего браузера (у каждого по разному), вставьте этот скрипт в консоль и нажмите Enter на клавиатуре:
document.getElementsByName(“image_width”)[0].value=999999;document.getElementsByName(“image_height”)[0].value = 1;

2) Если в консоли после скрипта появилась цифра “1” тогда вы всё сделали верно 🙂

5) Обязательно поставьте галочку что вы автор вашей иллюстрации и нажмите “Save and Continue” (Сохранить и продолжить).

Всё вы загрузили вашу гиф иллюстрацию с ником в STEAM! Теперь надо в витрине иллюстраций выбрать вашу гиф иллюстрацию в основную клетку, и добавить вторую часть вашего оформления:

1) Из архива загрузите файл Artwork_Right_Top.png также как мы делали основную гиф иллюстрацию но теперь просто загрузите изображение 🙂

2) после загрузки выберите её в витрине сначала в последней клетке потом выше и ещё выше чтоб убрать лишние.

КАК СДЕЛАТЬ АНИМАЦИЮ ДЛЯ STEAM / АНИМАЦИЯ ПЕРСОНАЖА / ОФОРМЛЕНИЕ STEAM / 2019

Для просмотра онлайн кликните на видео ⤵

КАК СДЕЛАТЬ АНИМАЦИЮ ДЛЯ STEAM / ОФОРМЛЕНИЕ STEAM / ПОДРОБНАЯ ВЕРСИЯ / 2019 Подробнее

КАК СДЕЛАТЬ АНИМАЦИЮ ДЛЯ STEAM / ОФОРМЛЕНИЕ STEAM / 2019 Подробнее

КАК СДЕЛАТЬ КРАСИВУЮ АНИМИРОВАННУЮ ИЛЛЮСТРАЦИЮ В STEAM / АНИМАЦИЯ ПЕРСОНАЖА / 2019 Подробнее

КРАСИВОЕ ОФОРМЛЕНИЕ STEAM В 2019 ГОДУ! (АНИМАЦИЯ, НАСТРОЙКА, ПРОКАЧКА) Подробнее

КРАСИВОЕ ОФОРМЛЕНИЕ STEAM В 2019 ГОДУ! (Настройка профиля, прокачка, анимация) Подробнее

САМАЯ КРАСИВАЯ ВИТРИНА С АНИМАЦИЕЙ В ТВОЁМ ПРОФИЛЕ STEAM! | КАК СДЕЛАТЬ ТАК ЖЕ? Подробнее

КАК СДЕЛАТЬ АНИМАЦИЮ ДЛЯ STEAM / ОФОРМЛЕНИЕ STEAM / 2018 Подробнее

️КАК АНИМИРОВАТЬ ПЕРСОНАЖА В AFTER EFFECTS | АНИМАЦИЯ ПЕРСОНАЖА ДЛЯ ПРОФИЛЯ STEAM Подробнее

Читать еще:  Дидактическая игра из чего сделано

КАК КРАСИВО ОФОРМИТЬ СТИМ ПРОФИЛЬ БЕЗ ПРОГРАММ | АНИМАЦИЯ В STEAM Подробнее

КАК СДЕЛАТЬ АНИМАЦИЮ В STEAM / ОФОРМЛЕНИЕ STEAM АККАУНТА Подробнее

КАК СДЕЛАТЬ КРУТУЮ АНИМИРОВАННУЮ АНИМЕ ОБЛОЖКУ/ИЛЛЮСТРАЦИЮ ДЛЯ ПРОФИЛЯ СТИМ/STEAM l ОФОРМЛЕНИЕ Подробнее

САМЫЙ КРАСИВЫЙ ПРОФИЛЬ В МИРЕ | ПРОФИЛЬ В СТИМ Подробнее

КРАСИВОЕ И ЛЕГКОЕ ОФОРМЛЕНИЕ STEAM! (Повышение уровня, настройка профиля) Подробнее

ДЕЛАЕМ WINDOWS 10 КРАСИВЕЕ | ЛУЧШИЕ ПРОГРАММЫ И УТИЛИТЫ ДЛЯ ПК Подробнее

КРАСИВОЕ ОФОРМЛЕНИЕ СТИМ-ПРОФИЛЯ / КАК ОФОРМИТЬ СТИМ? Подробнее

КРУТАЯ АНИМАЦИЯ В ПРОФИЛЕ STEAM | КАК СДЕЛАТЬ АНИМАЦИЮ В ПРОФИЛЕ STEAM? Подробнее

Как поставить гифку в стиме? Легко! (2019 – актуально) Подробнее

КАК СДЕЛАТЬ САМУЮ КРУТУЮ АНИМАЦИЮ В СТИМ НЕ ИСПОЛЬЗУЮ НИ ЕДИНОЙ ПРОГРАММЫ?! Подробнее

ДЕЛАЕМ КРАСИВОЕ ОФОРМЛЕНИЕ В STEAM! | 2019 Подробнее

И так, не для кого не секрет что можно сделать длинную иллюстрацию в STEAM профиле. Многие её делают по разному. Я пишу это руководство чтобы научить вас сделать длинную иллюстрацию в профиле, так ещё и почти полностью онлайн (Без программ, только сайты).

Для начала вам необходимо найти и купить нужный фон который вы хотите использовать для профиля. Лично я нахожу их вручную, но можно и найти фон на сайте steam.tools [steam.tools] во вкладке backgrounds.

Теперь можно приступать к обрезке фона для STEAM профиля:

1) Перейдите на сайт steam.design [steam.design] и в поле “Paste a background URL here” вставьте ссылку на полное изображение вашего фона (Ссылку можно получить здесь: Зайдите в свой инвентарь STEAM найдите свой купленный фон и нажмите на него для пред. просмотра, затем нажмите на кнопку “Посмотреть в полном размере”. Далee откроется страница с вашим фоном и теперь копируем ссылку на эту страницу) и нажмите кнопку “Change BG”.

2) После загрузки вашего фона на сайте, нажимаем кнопку “Download Images” и скачиваем архив с нашим обрезанным фоном для STEAM профиля.

3) Дальше распаковываем архив на рабочий стол любым архиватором (пользуюсь WinRAR)

Приступаем к добавлению вашего ника на обрезанную иллюстрацию с архива:

1) С архива нам понадобиться файл Artwork_Middle.png.

2) Заходим на сайт giphy [giphy.com] и нажимаем сверху кнопку “Create”.

3) Кидаем сюда нужный файл (Artwork_Middle.png).

4) После появления страницы редактирования, понятным интерфейсом добавляем текст и выбираем для него стиль и анимацию (не богатый выбор но онлайн :D).
P.S. Лучше не использовать фильтры если хотите чтоб ваша иллюстрация выглядела красиво.

5) Нажимаем кнопку “Continue to Upload” потом ничего не пишем и нажимаем кнопку “Upload to GIPHY”.

Читать еще:  Как сделать врезку в полипропиленовую трубу

6) После появления страницы результата нажимаем справа от вашей гифки кнопку “Media” и тут копируем ссылку строчки “Source”.

7) Переходим по указанной ссылке и правой кнопкой мыши по гифке выбираем “Сохранить видео как. “, даём название и скачиваем видео файл (.mp4) на рабочий стол.

Следующее нам надо перевести видео файл (.mp4) в полноценную гифку более менее хорошего качества!

1) Заходим на сайт ezgif [ezgif.com] , выбираем наш видео файл и нажимаем кнопку “Upload video!”.

2) После открытия страницы редактирования выбираем настройки нашего гиф:
1) Size – Original (Up to 800px)
2) Frame rate (FPS) – 25 (max 10 seconds)
method не трогаем.
Optimize for static background не трогаем.

3) Нажимаем кнопку “Convert to GIF!”.

4) Ниже появляется результат и под гифкой нажимаем кнопку “Save” и сохраняем файл на рабочий стол.

Вот и пол работы сделано! Если вы дошли до этого места то у вас должен быть готовый файл вашей гифки для STEAM профиля. Заключительная часть, нам надо загрузить эту гиф в стим как РАСШИРЕННУЮ иллюстрацию.

1) Переходим по этой ссылке на официальный сайт STEAM ( steam (Если вы не в аккаунте, войдите) ).

2) Заходим в свой профиль и нажимаем вкладку Artwork (Иллюстрации).

3) Нажимаем кнопку “Upload artwork” (Загрузить иллюстрацию) и нажимаем “Not Game Specific” (Не из игры).

4) Дайте название своей иллюстрации и теперь правильно загрузите вашу гифку в STEAM.

Мини-туториал по правильной загрузке файла РАСШИРЕННОЙ иллюстрации:
ВАЖНО! Загружать длинную иллюстрацию можно только в браузере.

1) Откройте консоль вашего браузера (у каждого по разному), вставьте этот скрипт в консоль и нажмите Enter на клавиатуре:
document.getElementsByName(“image_width”)[0].value=999999;document.getElementsByName(“image_height”)[0].value = 1;

2) Если в консоли после скрипта появилась цифра “1” тогда вы всё сделали верно 🙂

5) Обязательно поставьте галочку что вы автор вашей иллюстрации и нажмите “Save and Continue” (Сохранить и продолжить).

Всё вы загрузили вашу гиф иллюстрацию с ником в STEAM! Теперь надо в витрине иллюстраций выбрать вашу гиф иллюстрацию в основную клетку, и добавить вторую часть вашего оформления:

1) Из архива загрузите файл Artwork_Right_Top.png также как мы делали основную гиф иллюстрацию но теперь просто загрузите изображение 🙂

2) после загрузки выберите её в витрине сначала в последней клетке потом выше и ещё выше чтоб убрать лишние.

Источники:

http://steamcommunity.com/sharedfiles/filedetails/?id=1664245360

http://putinizm.ru/kak-sdelat-animaciyu-dlya-steam-animaciya-personazha-oformlenie-steam-2019

http://csgodb.ru/1664245360-kak-sdelat-dlinnuyu-animirovannuyu-illyustraciyu-v-steam-2019.html

Ссылка на основную публикацию
Статьи на тему: