Как сделать анимированный профиль в Стиме?
Анимированный профиль Стим выглядит круто – вы тоже хотите поставить движущееся изображение? Расскажем о доступных возможностях и ограничениях!
Как сделать анимированный профиль Стим
Очень важно! Анимированные обои в профиле Стим можно поставить только после достижения минимум 10 уровня.
Почему? Для работы с анимацией нужна витрина иллюстраций – получить такую можно только на десятом уровне (следующая витрина дается после достижения следующего десятка уровней. Соответственно, на двадцатом, тридцатом и так далее). Если вы не доросли до десятого уровня, пока данное руководство придется отложить.
Если у вас есть нужный скилл, читаем, как сделать анимированный профиль Steam. Придется немного потрудиться – но оно того стоит!
Сначала мы должны подготовить два файла – один в формате PNG, другой GIF. Вы можете сделать анимированную картину через специальный сервис Giphy самостоятельно или скачать уже готовый вариант – решать вам.
У нас уже есть два подготовленных файла – как поставить анимацию в Стим профиле? Входим в аккаунт и начинаем работу. Важное условие: все действия нужно производить через веб-клиент. Десктопное приложение не подойдет, так как нужна консоль.
Рассказали, как придумать имя аккаунта на Стим и дали рекомендации в прошлой статье.
Сначала работаем с анимированным файлом GIF:
- Вошли и авторизовались? Нажмите на имя пользователя наверху справа;
- Перейдите к пункту «Открыть профиль» ;
- На панели справа ищем вкладку «Иллюстрации» и открываем ее;
- Кликаем по значку «Загрузить» ;
- Откроется окно выбора игры – нужно нажать на кнопку «Не из игры» чуть ниже;
- Впишите название в соответствующую строку (можно использовать любое);
- Ниже нажмите на кнопку «Выберите файл» и отыщите анимированное изображение через Проводник.
Важно! Анимация профиля Стим не должна весить больше 8 Мб. Поддерживаются форматы JPG, PNG и GIF.
Теперь немного поработаем в консоли.
- Сначала откроем ее сочетанием клавиш Fn + F12 или сочетанием Ctrl + Shift + I ;
- Открываем вкладку Console и вставляем команду document.getElementsByName(«image_width»)[0].value = 999999;document.getElementsByName(«image_height»)[0].value = 1 ;
- Жмем на кнопку Enter .
Возвращаемся к тому, как сделать анимацию в Стиме в профиле:
- Закрываем консоль;
- Выбираем видимость изображения «Для всех» ;
- Ставим галочку в строке «Я подтверждаю, что являюсь автором…» ;
- Кликаем «Сохранить и продолжить».
Теперь повторяем весь путь (с консолью) для второго файла. Заново загружаем с вводом соответствующей команды.
Переходим ко второму шагу – мы подготовили изображения, теперь можно поставить их на свою страницу. Подключаем!
Как включить Стим Гуард и что это, узнайте в нашей статье по ссылке.
- Возвращаемся в свой аккаунт, жмем на значок редактирования;
- Слева в меню выбираем пункт «Витрины» (только для тех, кто достиг минимум десятого уровня);
- Жмем по значку «Витрина иллюстраций» через выпадающий список;
- В центр добавляем анимированное изображение, справа должна стоять статичная картинка;
- Жмем «Сохранить изменения» и радуемся!
Теперь вы можете открыть страницу и увидеть плоды своего труда! Вы действительно усвоили, как сделать анимированный профиль Стим – только посмотрите, какого восхитительного результата получилось добиться.
Steam: Завезли анимированные фоны стим. Как сделать gif иллюстрацию этого фона? Подробнее. (Steam Design не работает)
Artyom Obuhov
25.06.2020
Вот такой фон. Кто правильно ответит — лайкну
Даниил Аксёнов
26.06.2020
Нашел способ. Заходишь в Браузерную версию стим (там заходишь на распродажу в раздел фоны) . Там будут фоны. Кликаешь правой кнопкой мыши по фону, и выбираешь Открыть видео в новой вкладке. Дальше скачиваешь.
Георгий Цикал
28.06.2020
Вот нормальное видео:
(https://steamcdn-a.akamaihd (ЗДЕСЬ ПОСТАВЬ ТОЧКУ) net/steamcommunity/public/images/items/1263950/b31c14955cd9e39d704f7dfd36cb9cc2129d6fbc.mp4)
- Steam: Давно завезли анимированные фоны стим. Как сделать gif иллюстрацию этого фона? (Steam Design не работает) Мне нужно сделать иллюстрацию для профиля. Когда я делаю через Steam Design мне выдаёт картинку, а не видео. Можете пожалуйста скинуть вырезанный gif файл фона Irid Novo из Hellpoint?
- Как сделать gif иллюстрацию данного анимированного фона в стим? Вот это тот фон для которого необходимо сделать иллюстрацию.
- Можно ли сделать анимированную иллюстрацию из анимированного фона профиля Steam С летней распродажей стим появились анимированные фоны профиля. Можно ли как-то сделать иллюстрацию (не самому анимированную) которая будет идти как часть анимированного фона.
- Как сделать анимированную иллюстрацию в профили стим? У меня стоит анимированный фон стим ( фото прикрепил), так вот, как мне сделать под него анимированную иллюстрацию?
Как сделать анимированную иллюстрацию в стиме под фон профиля
Как сделать длинную анимированную иллюстрацию со своим ником в STEAM
Моё первое руководство, не судите строго)
1
1
В избранное
В избранном
Поделиться
Этот предмет добавлен в избранное.
ベフィゼ
Не в сети
23 фев. 2019 в 5:09
11 апр. 2020 в 23:31
| 14,210 | уникальных посетителей |
| 135 | добавили в избранное |
Оглавление руководства
Обрезка фона
Добавление ника
Конвертирование
Загрузка в STEAM #1
Мини-туториал
Загрузка в STEAM #2
Заключение
Комментарии
И так, не для кого не секрет что можно сделать длинную иллюстрацию в 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 профиля. Заключительная часть, нам надо загрузить эту гиф в стим как РАСШИРЕННУЮ иллюстрацию.
1) Переходим по этой ссылке на официальный сайт STEAM ( steam (Если вы не в аккаунте, войдите) ).
2) Заходим в свой профиль и нажимаем вкладку Artwork (Иллюстрации).
3) Нажимаем кнопку «Upload artwork» (Загрузить иллюстрацию) и нажимаем «Not Game Specific» (Не из игры).
4) Дайте название своей иллюстрации и теперь правильно загрузите вашу гифку в STEAM.
Мини-туториал
Мини-туториал по правильной загрузке файла РАСШИРЕННОЙ иллюстрации:
ВАЖНО! Загружать длинную иллюстрацию можно только в браузере.
1) Откройте консоль вашего браузера (у каждого по разному), скопируйте и вставьте (ctrl+c, ctrl+v) этот скрипт в консоль и нажмите Enter на клавиатуре:
document.getElementsByName(«image_width»)[0].value=999999;document.getElementsByName(«image_height»)[0].value = 1;
2) Если в консоли после скрипта появилась цифра «1» тогда вы всё сделали верно 🙂
Загрузка в STEAM #2
5) Обязательно поставьте галочку что вы автор вашей иллюстрации и нажмите «Save and Continue» (Сохранить и продолжить).
Всё вы загрузили вашу гиф иллюстрацию с ником в STEAM! Теперь надо в витрине иллюстраций выбрать вашу гиф иллюстрацию в основную клетку, и добавить вторую часть вашего оформления:
1) Из архива загрузите файл Artwork_Right_Top.png также как мы делали основную гиф иллюстрацию но теперь просто загрузите изображение 🙂
2) после загрузки выберите её в витрине сначала в последней клетке потом выше и ещё выше чтоб убрать лишние.
Заключение
ВСЁ! Вы сделали анимированный профиль!
Спасибо всем кто прочитал и поставил лайк, так как это моё первое руководство в STEAM!
Пишите комментарии, находите ошибки и т.д. 😀
Всем удачи! 🙂
Как сделать фон с анимацией в стиме 2020.
В этом руководстве мы опишем как вы сможете абсолютно быстро и бесплатно украсить свой профиль в Steam в 2020 году.
Выбор фона.
Сначала вам потребуется определиться в выборе фона.Для примера возьмем фон Clear Skies из игры Sirius Online. Ссылка на покупку фона
Деление фона на части.
Для того,чтобы разделить фон на части вам потребуется:
1)После приобретения фона нажимаем на кнопку «Показать в полном размере»,находится она тут
2)Далее вам откроется полный размер фона в браузере,ваша задача будет скопировать полную ссылку с https,то есть в случае с нашим фоном-нужно скопировать данную ссылку https://steamcdn-a.akamaihd.net/steamcommunity/public/images/items/368720/99b9e080568fccda62e3e14a2c95f9ae83672012.jpg
3)Скопированную ссылку вставляем в выделенную строку на сайте https://steam.design/
Вот сюда
4)После того как вы вставили ссылку,жмем «Change BG .
У вас появится этот фон в размерах аватарки,середины иллюстрации и правой стороны иллюстрации.
5)После этого жмем «Download Images» и у вас закачается архив,вам нужно будет разархивировать 3 файла Avatar — это аватарка,Middle… — середина иллюстрации (левая,большая часть) и Right_Top… (правая длинная полоска).
Работа с анимацией.
Далее заходим на сайт https://giphy.com/ и нажимаем кнопку «Create» (помечена красным в правом углу) Сайт может потребовать регистрации,не поленитесь и зарегистрируйтесь,без этого не получится.
Выбираем раздел выбрать картинку
и вставляем Artwork_Middle
далее настраиваем всё под себя,можете найти во вкладках стикеры и по теме выбрать понравившиеся стикеры.
После завершения украшения картинки жмем «Continue To Upload» и еще раз по тому же месту.
Картинка загружается и после загрузки сохраняем ее правой кнопкой мыши куда хотим.
Весь процесс повторяется с Artwork_right_top.
Загрузка иллюстраций.
Чтобы загрузить свои иллюстрации в полном размере,ОБЯЗАТЕЛЬНО заходим через браузер в свой Steam аккаунт и заходим в раздел «Мастерская»(находится в «Сообществе»). Находим раздел мастерская иллюстраций и начинаем загружать иллюстрации,но перед тем как нажать «Сохранить и продолжить» нажимаем на клавиатуре F12,выбираем раздел «Console»
Вводим туда команду
document.getElementsByName(«image_width»)[0].value = 999999;document.getElementsByName(«image_height»)[0].value = 1;
и нажимаем ENTER.
Продолжаем,сохраняем и повторяем тот же процесс со 2 иллюстрацией.
Потом остается всего лишь вставить эти иллюстрации в витрину иллюстраций.
Удалите до этого все иллюстрации,которые были у вас в мастерской.Это может отразиться на красоте витрины,цифры будут мешать.