Как вставить гифку в профиль steam
Как поставить гифку в Стиме
Как поставить гифку в Стиме? Войдите в учетную запись и авторизуйтесь под своим логином и паролем. После этого зайдите в профиль, а после перейдите в раздел «Иллюстрации». Жмите на кнопку «Загрузить иллюстрацию». После этого выберите нужный файл и добавьте его на платформу. При желании можно поставить картинку на аватарку, но гиф-изображение дается только за очки. Есть также метод, позволяющий «оживить» вашу витрину.
Можно ли добавить гифку, и как это сделать.
Многим пользователям Steam не нравятся стационарные картинки, и они хотят разнообразить учетную запись. Эту работу легко сделать с помощью встроенных возможностей системы и дополнительных методов.
В иллюстрации
Наиболее простой способ, как добавить гифку в Стим — сделать это в разделе «Иллюстрации». Но учтите, что загружаемая картинка должна быть создана именно вами. Использовать изображения других авторов запрещено. Также нельзя поставить GIF-картинку с изображением сексуального характера, нагим телом или признаками жестокости. Если работа нарушает авторские права, ее удалят.
Теперь рассмотрим, как загрузить гифку в Стим. Сделайте следующее:
Таким способом можно добавить гифку в Стим профиль и в дальнейшем использовать ее в сообществе. При этом помните, что картинка добавляется не сразу, после проверки администрацией на факт соблюдения требований к изображениям.
На аватарку
Многих интересует, как сделать гифку в Стиме на профиле и поставить ее на аватар. К сожалению, сделать эту работу просто так не получится. В обычном режиме можно поставить только обычную картинку. Но после недавнего обновления появился «Магазин очков». В нем легко накопить баллы, купить и поставить анимированный профиль в Стим. Здесь же продаются рамки для аватарок. При покупке любого контента в магазине Steam пользователю добавляются очки. Так, за каждые 100 потраченных рублей дается 144 балла. Именно их можно потратить для создания уникального профиля.
Для входа в магазин жмите на одноименный пункт в меню и перейдите в магазин очков. Там можно увидеть доступные гифки. Их необходимо купить перед тем, как вставить гифку в Стим профиль для аватара. Выбор достаточно широк, поэтому подобрать подходящий вариант не составит труда.
В витрину скриншотов
Многие старые методы, позволяющие сделать витрину в Стиме с гифкой, уже не работают. Но есть один вариант, который, по отзывам многих пользователей, может дать результат. Пройдите следующие шаги:
Теперь загрузите гифку и дайте ей название, а после подтвердите, что являетесь автором иллюстрации. Таким способом можно «оживить» скриншоты и добавить нужный вариант в анимированную витрину.
Зная, как поставить гифку в профиль Стим, вы сможете настроить учетную запись и придать уникальности. В комментариях поделитесь опытом добавления GIF-изображений и наиболее актуальными секретами.
Как вставить гифку в профиль steam
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) в полноценную гифку более менее хорошего качества!
3) Нажимаем кнопку «Convert to GIF!».
4) Ниже появляется результат и под гифкой нажимаем кнопку «Save» и сохраняем файл на рабочий стол.
Вот и пол работы сделано! Если вы дошли до этого места то у вас должен быть готовый файл вашей гифки для 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» тогда вы всё сделали верно 🙂
5) Обязательно поставьте галочку что вы автор вашей иллюстрации и нажмите «Save and Continue» (Сохранить и продолжить).
Всё вы загрузили вашу гиф иллюстрацию с ником в STEAM! Теперь надо в витрине иллюстраций выбрать вашу гиф иллюстрацию в основную клетку, и добавить вторую часть вашего оформления:
1) Из архива загрузите файл Artwork_Right_Top.png также как мы делали основную гиф иллюстрацию но теперь просто загрузите изображение 🙂
2) после загрузки выберите её в витрине сначала в последней клетке потом выше и ещё выше чтоб убрать лишние.
Как вставить гифку в профиль steam
2.Нажимаем правой кнопкой мышки (или Ctrl+Shift+I) и выбираем пункт «Просмотреть код»
3. В этом коде, ищем строку:
(Просто нажимайте на все стрелочки, чтобы они смотрели вниз и ищите)
4. Найдя эту строчку, щелкните на нее правой кнопкой мышки и выберите пункт «Edit as HTML»
5. Теперь в строке value=»3″, вместо «3» впишите «5»
6. Можно закрыть окошко редактора и приступить к обычной загрузке вашей гифки.
Дайте ей название, напишите описание, поставьте галочку возле «Я подтверждаю, что я являюсь автором этой иллюстрации», все как обычно.
7. Нажимайте «Сохранить и продолжить»
Готово! Теперь переходим в наш профиль.
Справа в меню переходим к нашим скриншотам и видим в них нашу гифку.
Осталось только заменить обычный скриншот в «Витрине скриншотов», на нашу новую гифку, которую мы загрузили.
Для того что бы мы могли приступить к созданию анимации, нам нужно подготовить сам стим профиль. Согласитесь,что вот такой профиль не внушает доверия вне зависимости от даты создания самого аккаунта.
Назревает вопрос,что же можно с этим сделать? Самое элементарное,просто дать уникальный ник,установить аватарку,выбрать значок,заполнить описание. Делается это все практически в 2 клика. Нажимаем кнопку «Редактировать профиль» (она находится прямо под вашим уровнем стима) и нам открываются все доступные на данный момент возможности костомизации своего профиля стим.
Вот. Теперь выглядит конечно не так круто как мы сами хотели бы,но все же нужно учитывать что мы просто настроили свой профиль.
При достижении каждого круглого уровня (10,20,30. n0) вам открывается одна витрина стима (в общем их можно добавить только 10,на каждую категорию по одной). Но где можно проследить сколько осталось набрать опыта для следующего уровня? Просто тыкнув на свой нынешний уровень.
Как видно на скриншоте,у меня выполнено только 10 заданий из 28 возможных. Эти задания одноразовые и по выполнению их всех вы получите 9 уровень. Дальше в ход идут крафт значков. Карточки можно получить несколькими способами:
1)При покупке игры и препровождении в ней некоторого времени может выпасть от 3 до 8 карточек (В зависимости от того,насколько много карточек необходимо на значок. Это можно посмотреть как в стиме (там же, где и смотрите свой уровень), как и на сторонних ресурсах/сайтах).
2) Покупка самих карточек на торговой площадке стима или обмен с другими игроками/друзьями.
При создании значка выдается 100 очков (Один значок можно апнуть только 5 уровня,500 очков (Если это не распродажа стим конечно)),значок,фон,смайлик и скидка на какую нибудь игру стима. Зачастую они очень дешевые и не несут никакой ценности, но если правильно выбирать значок, можно получить очень красивые фоны или значки,с которыми не захочется расставаться.(Фон можно установить в настройках своего профиля,а значок использовать в диалогах и витринах)
Теперь нам нужно поставить цель. Что именно мы хотим видеть в своем профиле стима? Может это будет простой фон? Или надпись с «Welcome to my profile» на этом самом профиле? А может мы ходит анимешного персонажа,который будет двигаться? Все это конечно можно сделать,НО,нам нужны программы с помощью которых мы все это будем делать.Если мы сможем правильно поставить свою цель,мы поймем что именно нужно делать.
Первое что нам нужно,это выбрать фон.Тут каждый решает сам где и как искать,но лично я выбирал себе фон тут [steamprofiledesign.com] (Я никого не призываю переходить по ссылкам).
Выбрав фон, покупаем его или получаем другими способами (Крафт значков,обмен с друзьями/игроками). Открываем его в инвентаре стима.
После чего открываем его нажав «Показать в полном размере» и копируем ссылку (подчеркнуто).
НА ДАННОМ ЭТАПЕ НУЖНО УЧЕСТЬ,ЧТО В СТИМ МОЖНО ЗАЛИТЬ ГИФКУ РАЗМЕРОМ МЕНЬШЕ 8 МБ. Ну что же,приступим. Добавляем текст,стикеры и фильтры (На свой вкус и необходимость. Так же не забываем о 8 МБ.) После того ка сделали свой шедевр, нажимаем «Continue to Upload». Следом нажимаем на «Continue to GIFHY»
Когда гифка создалась,тыкаем на неё правой кнопкой мыши и выбираем «Сохранить изображение как. »
Уже не плохо, у нас есть анимация для стима,хоть и качество такое себе(Но не нужно забывать,это сделанно без каких либо программ!). Теперь тыкаем правой кнопкой мыши на нашу гифку и заходим в «Свойства».
Смотрим на размер, если он не превышает 8 МБ,то смело можно переходить к оглавлению «Установка в свой профиль»
Если ваше гифка больше 8МБ,то тогда переходим к разделу «Вес файла».
Если мы хотим сделать что то действительно интересное для профиля стим, то нам нужно 2 программы любой версии:
1) Photoshop
2) Adobe After Effects
Эти программы можно скачать как с официального сайта Adobe,так и с сторонних сайтов,подобия торрента (Ссылок не будет)
Фон у нас есть. А кого будем добавлять на этот фон? Каждый решает индивидуально,но главное что бы сам персонаж был в PNG формате. Это необходимо для того,что бы у персонажа не было заднего фона и мы могли спокойно добавить его на фон и анимировать. Искать будем это конечно в браузере,вписав что то подобия «Персонаж без фона» или «png персонаж для стима».
Лучше брать рисованных персонажей,потому что это проще всего редактировать по ходу анимации и работы в Photoshop. Вот я подумал что он неплохо подойдет для наших целей, но к сожалению у него есть белые места,их будем убирать с помощью Photoshop.
Ждем примерно такого окна программы
Нажимаем открыть и выбираем нужный файл,открываем его
У вас должно быть примерно вот это:
У каждого окна по левому и правому краю могут выглядеть по разному и это нормально,это напрямую влияет он стандартных настроек Photoshop.
В первую очередь снимаем замок (если он есть(просто кликнув на сам замок)) и создаем новый слой
После этого перетаскиваем новый пустой слой под нашу картинку
И теперь с помощью инструмента заливка заливаем весь слой одним слпошным цветом (Лучше всего брать цвет,которого нету на картинке,не слишком яркий,но и не слишком темный)
Теперь инструментом ластик на Фоне с персонажем аккуратно чистим «грязные» места,что бы не было резких по цветам краев.
Выглядит потрясающе,осталось лишь удалить нижний слой с заливкой и сохранить эту картинку как png файл с другим названием (для того,что бы если появились проблемы,могли так же оперативно изменить их)
После того,как мы нашли нужную png картинку,запускаем Adobe After Effects
После подгрузки всего After Effects у нас все будет выглядеть примерно вот так:
Берем наш фон и png персонажа и перетаскиваем вот в это поле
Потом перетягиваем по очереди фон,а следом и персонажа в нижнее окно
Персонаж у нас слишком большой для этого фона,нам нужно его уменьшить. Для этого нам нужно потянуть его вот за эти квадратики и зажимая Shift уменьшит до нужного размера
Лучше всего его ставить таким образом,что бы ноги уходили чуть чуть за край,это необходимо для того,что бы когда мы анимировали его,не было нъюансов что куски ног летали в воздухе(края ног).
После того,как мы разобрались с местоположением и размером,займемся анимацией. Нам нужно выбрать инструмент «Булавка марионетки»
После установить эти самые булавки на персонаже (Главное не перепутайте фоны). Сами булавки я обычно ставлю на голову,шею,плечи,локти, живот и коленки (Но тут напрямую зависит от позы персонажа или же того,что именно я хочу анимировать в нем)
На данный момент нам нужно открыть все эти булавки которые мы поставили и задать длину самой анимации. Слева видим в эффектах «Марионетка» и дальше «Сетка 1».Нам нужно её открыть,а там открыть «Деформировать» и открыть каждую булавку
Все это должно выглядеть примерно вот так
Следом нам нужно настроить длину анимации. Я не советую брать больше 5 секунд,потому что как я ранее говорил,у нас ограничение в 8 МБ. Я обычно беру 2-4 секунд (Что бы уменьшит длину анимации,просто нужно сжать шкалу,которая идет сразу под временем)
На шкале времени переходи примерно на середину времени от всей гифки (у меня она будет идти 3 секунды,я ставлю примерно на 1:15)
И начинаю саму анимацию. Просто каждый из ранее установленных булавок двигаем чуть чуть,что бы сделать анимацию дыхания(кроме самых нижних,это будет нашей основой,что бы персонаж не летал по фону).
После того,как подвигали каждую булавку,переходим на шкалу времени и переходим там в самый конец (В моем случае это 3 секунды)
Выделяем самые первые булавки
нажимаем Ctrl+C и сделом Ctrl+V (без плюса («+»)). Если вы все правильно сделали,у вас должно выйти примерно вот так
Дальше нам нужно выделить все точки
И нажать F9. Если все правильно сделано,то сами булавки на временной шлаке изменят форму
Если всем довольны,зажимаем Ctrl+M и следом «Рендеринг»
Выбираем место куда сохранить видео,сохраняем на всякий случай саму работу,которую мы делали в After Effects.
Открываем Photoshop и закидываем туда это видео
После того,как оно подгрузилось,переходим в вкладку «Файл»,находим строчку «Экспортировать» и выбираем там «Сохранить для Web (старая версия)»
Как откроется окно,выбираем в параметрах повтора «Постоянно» и сохраняем
За самим весом файла нужно начинать следить сразу после создания анимации,на моменте сохранения видео,как показывала практика,видео в 300-500 МБ может выдать гифки размером в 20 МБ причем очень спокойной. Что бы такого не было нужно или редактировать саму анимацию (как я ранее говорил,сохранять работу в After Effects,кто знает что может случится) или резать само качество (что конечно же гораздо проще). Лично я пользуюсь 2 способами:
1) Photoshop
Он конечно получше будет,если вы как раз делали саму работу в After Effects и преобразуете в гифку через Photoshop.
Нужно изменить буквально параметр, а если точнее во время сохранения гифки,нужно убавить «Дизеринг» с 100% до 99%(Подчеркнуто красным), а в левом нижнем углу можно увидеть размер самой гифки (Подчеркнуто желтым)
На скриншоте показано как 1% сбивает вес гифки практически в 2 раза(с 6 мб до 3 мб)
Так же сохраняем и идем в раздел «Установка в свой профиль»
2)Сторонние сайты
Тут тоже особо трудного нету, просто делаем все поэтапно. Для начала нужно зайти на сайт [ezgif.com] и загрузить свою гифку. Следом нажать на «Upload»
После загрузки гифки,переходим в вкладку «Optimize»
Скролим вниз и видим ползунок,это идет количество сжатий (как я понял),минимальное для гифки это 5,максимальное это 200 (Берите в районе 30-60,зачастую этого достаточно)
Тыкаем «Optimize GIF» и ждем
Если размер файла меньше 8 МБ (В теории лучше что бы файл был размером 7.98 МБ,тогда проблем вообще не будет с файлом,а то он как то раз через раз загружает гифки с 7.99 МБ и 8 МБ)
Если все устраивает,нажимаем «Save» и сохраняем сжатую гифку
Самое сложно уже далеко позади (конечно если это доставило кому то сложности). Теперь осталось лишь правильно залить эти гифки,что бы это не создало осложнений.
Переходим в свой стим профиль,наводим на ник и там нажимаем «Контент»
Там выбираем «Иллюстрации» и загрузить
В сплывающем окне выбираем «Не из игры»
Загружаем свою гифку,даем имя иллюстрации и ставим снизу галочку что вы «Являетесь автором»,но не не загружаем её
Нажимаем правую кнопку мышки и переходим в «Посмотреть код элемента»
Там переходим в «Console»(Консоль)
Вписываем следующее
document.getElementsByName(«image_width»)[0].value = 999999;document.getElementsByName(«image_height»)[0].value = 1;
И нажимаем Enter. Если вышла «1»,то все работает, если выходит «0»,то значит вы где то накосячили и нужно все делать по новой.
После чего можно закрыть это окно и заливать эту гифку. Она будет грузится гораздо дольше,но не нужно беспокоится,он просто загружается под другим разрешением из за чего стим адаптирует его и это требует времени. После полной загрузки гифки,можно загружать вторую (если она конечно есть).
Дальше переходим к себе в профиль и нажимаем «Редактировать профиль»,там выбираем «Витрину иллюстраций»
В витрине иллюстрации нажимаем на более широкую ячейку и выбираем саму гифку. Они будут выглядить как полоски (Это дефект команды,но он никак не влияет на качество самой гифки)
Потом сохраняем изменения и наслаждаемся гифками у себя в профиле
Я оставлю несколько ссылок на то что я сделал (Все гифки сделанны исключительно по запросам пользователей, если кто то попросил просто сделать небольшой глич и светящиеся глаза,я делаю что меня попросили,поэтому такой разброс в качестве работ).
Так же есть гифки,которые сделаны,но нигде не выставлены,если есть идеи как их показать,пишите в комментариях,там постараюсь всем показать их
Многое можно сделать даже не имея в этом достаточного опыта,главное практиковать и изучать дополнительные плагины и программы.
Надеюсь я смог кому то в этом помочь,может кто то закрепил какие то знания,а кто то узнал и вовсе новое. Я старался разъяснить для всех, показав все максимально наглядно,для тех кто просто хочет сделать фон и для людей,кто хочет заморочиться в этом.
Если кто то хотел бы поблагодарить меня или же помочь,подкинуть идей или же просто пообщаться,оставлю все ссылки чуть ниже:
Qiwi: +79046608984
Steam Трейд ссылка
Discord DRAkOH#5246
(Собираю редкие вещи стима,которые нельзя продать,которые уже никак не получить,скины,паттерны,ну наверное шарите)
Пишите в комментариях если не отвечаю (а то работа. не всегда могу отвечать)