Как сделать анимированную картинку в стиме
Как сделать анимированную картинку в стиме
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