Оформление стим профиля

В данном руководстве я расскажу и покажу, как красиво оформить свой профиль стим)

Фон

Если не нашли фон стим, то можно посмотреть фоны тут https://backgrounds.gallery/ru



Также особенность этого сайта, что можно посмотреть как будет выглядеть установленный фон или случайно найти свой фон https://steam.design/#https://steamcdn-a.akamaihd.net/steamcommunity/public/images/items/1004240/866e142fce4f91d8b8e2c99160e909bdf937ab9a.jpg

Создание и сохранение витрин иллюстраций и скриншотов

После загрузки красивой пикчи в иллюстрации, можно увидеть данную проблему в витрине(по размерам иногда пикча бывает ещё и маленькой)



Чтобы такого не было, при загрузки иллюстрации(тоесть после ввода названия, описания и выбора файла и принятия, что ты являешься автором) нужно нажать F12(если не работает, то правой кнопкой мыши нажать по пустому месту, и выбрать исследовать элемент), выбрать Console и ввести данную команду $J('#image_width').val('1000');$J('#image_height').val('1'); и нажимаем Enter. После чего можно закрывать и сохранять



При сохранении скриншота, всё точно так же(так же через иллюстрации и т.д.), но надо ввести другую команду $J('#image_width').val('1000');$J('#image_height').val('1');$J('[name="file_type"]').val("5");
И данная пикча уже сохранится как скриншот и на всю витрину.

P.S. данный способ не работает если у тебя квадратная пикча или пикча весит больше 8 мб(это написано, если выбрать файл больше 8 мб)

Создание и сохранение витрины иллюстрии с полоской

Покажу на примере своего старого фона стим. Дальше узнаешь почему именно фона.



Заходим в инвентарь, выбираем наш профиль и нажимаем показать в полном размере, после чего копируем ссылку или нажимаем правой кнопкой мыши и выбираем копировать URL картинки. После чего переходим на сайт https://steam.design/#https://steamcdn-a.akamaihd.net/steamcommunity/public/images/items/1004240/866e142fce4f91d8b8e2c99160e909bdf937ab9a.jpg и вставляем ссылку нашего фона.



И скачиваем архив. Разархивируем, после чего должно появится 3 файла.
По середине будет файл под название Artwork_middle. После находим пнг картинку и сверху накладываем(если уместно, можно наложить эффект размытия или резкости). Я делал в программе Picsart на телефоне(качайте сразу про версию, чтобы не было рекламы). Также можно сверху гифку наложить, но главное, чтоб при загрузке файлы не были больше 8 мб, иначе стим не загрузит. После должно получится что-то на подобии этого.



На счёт полоски, с ней точно так же, скачиваем и сверху можно наложить что-то, а можно так и оставить.

После чего заходим в иллюстрации, вводим название, выбираем наш файл, подтверждаем, что мы автор и после чего нажимаем F12(или правой кнопкой мыши на пустое место и исследовать элемент) и в Console вставляем вот эту команду document.getElementsByName("image_width")[0].value = 999999;document.getElementsByName("image_height")[0].value = 1; И нажимаем Enter.
С полоской тоже самое.

После загрузки заходим в витрину, и вставляем наши готовые иллюстрации.

Создание и сохранение витрины мастерской (gif)

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



Для начала находим любую гифку которая вам понравилась и вы хотите вставить в витрину мастерской.
Заходим на сайт https://www.iloveimg.com/ru , меняем ширину гифки на 750, нажимаем сохранить пропорции и сохраняем.



Заходим на главную этого сайта, и в обрезке изображения режим по частям нашу гифку(ту которой изменили пропорции) 1 кусочек ширина 150, высота фулл сколько можно, положение x 0, положение y 0. Обрезаем. После чего также загружаем гиф(фулл гифка, которой мы изменили с самого начала). и вводим те же значения, только х уже 150, обрезаем. И вот таким образом режим 5 кусокчов(положение x в каждом кусочке меняется, 0, 150, 300, 450, 600)



Заходим на второй сайт https://hex-works.com/eng , открываем наш первый кусочек, листаем в самый низ и последнее значение меняем на 21, после чего сохраняем. Итак со всеми 5 кусочками.



После чего заходим в иллюстрации, вводим название, выбираем наш первый кусочек, соглашаемся, что мы автор. Нажимаем F12(если не работает, то нажимаем правой кнопкой миши на пустое место и выбираем исследовать элемент) выбираем Console и вставляем команду $J('[name=consumer_app_id]').val(480);$J('[name=file_type]').val(0);$J('[name=visibility]').val(0); После чего сохраняем. И таким образом остальные 4 кусочка.

И в витрине моей мастерской уже вставляем наши кусочка( витрина мастерской по кусочкам идёт следующая после обычной мастерской)

Готовые профили на сайтах

Есть сайт с готовыми профилями стим, вот один из них https://www.deviantart.com/steamprofiledesigns/gallery/
Есть множество других, но возьму его в пример.

Выбираем понравившуюся иллюстрацию и загружаем
таким же способом как я рассказывал выше, но вставляем эту команду document.getElementsByName("image_width")[0].value = 999999;document.getElementsByName("image_height")[0].value = 1;

Также можно и с витриной мастерской, но вставляем уже вот эту команду $J('#ConsumerAppID').val(480),$J('[name=file_type]').val(0),$J('[name=visibility]').val(0);

Фон можно купить в магазине очков, ну а если не хватает очков, то можно поискать на тп этот фон(часто, фоны за 500 очков стим, стоят около рубля, но бывает и больше)

[Leͥgeͣnͫd]

RUS: Выберите что то одно из этого списка и напишите в моём профиле, отвечу тем же!
ENG: Choose the one that's on the list and write in my profile, I will answer the same!

+rep
+rep ♡
+rep <3
+rep good man
+rep chill guy
+rep relaxing teammate
+rep good player
+rep gg
+rep nice guy
+rep nice man
+rep good guy
+rep nice teammate
+rep thx for playing
+rep nice profile
+rep insane
+rep absolute

[Zef1rk1]

Сhalmer, а у тебя прям профиль вау, не хрень

[Chalmer]

Хрень

[Zef1rk1]

Жевастик, у меня так тоже было, попробуй другой браузер или погугли решение ошибки, там нужно ввести команду в консоль и ошибки больше не будет(команду не скажу, не помню уже какая там ошибка)

[Жевастик]

НУ НЕ ПОЛУЧАЕТСЯ У МЕНЯ, Я ПИШУ КОМАНДУ В КОНСОЛЬ, И ВЫДАЕТ КАКУЮ ТО ОШИБКУ

[BACK IN BLACK]

RUS: Выберите что то одно из этого списка и напишите в моём профиле, отвечу взаимно

+rep
+rep good aim
+rep good player
+rep frienldly
+rep nice profile
+rep good teammate
+rep insane player
+rep like god
+rep top fragger
+rep mvp
+rep pro player
+rep top 1
+rep talent
+rep genius
+rep high skill

[EBLAN?]

RUS: Выберите что то одно из этого списка и напишите в моём профиле, отвечу взаимно

+rep
+rep good aim
+rep good player
+rep frienldly
+rep nice profile
+rep good teammate
+rep insane player
+rep like god
+rep top fragger
+rep mvp
+rep pro player
+rep top 1
+rep talent
+rep genius
+rep high skill

[Ｙｕｋｉｔｅｒｕ]

RUS: Выберите что то одно из этого списка и напишите в моём профиле, отвечу взаимно

+rep
+rep good aim
+rep good player
+rep frienldly
+rep nice profile
+rep good teammate
+rep insane player
+rep like god
+rep top fragger
+rep mvp
+rep pro player
+rep top 1
+rep talent
+rep genius
+rep high skill

[꧁DeXter꧂]

ENG: Choose something from this list and write in my profile, I will answer you mutually

RUS: Выберите что то одно из этого списка и напишите в моём профиле, отвечу взаимно

+rep
+rep good aim
+rep good player
+rep frienldly
+rep nice profile
+rep good teammate
+rep insane player
+rep like god
+rep top fragger
+rep mvp
+rep pro player
+rep top 1
+rep talent
+rep genius
+rep high skill

[???]

ENG: Choose something from this list and write in my profile, I will answer you mutually

RUS: Выберите что то одно из этого списка и напишите в моём профиле, отвечу взаимно

+rep
+rep good aim
+rep good player
+rep frienldly
+rep nice profile
+rep good teammate
+rep insane player
+rep like god
+rep top fragger
+rep mvp
+rep pro player
+rep top 1
+rep talent
+rep genius
+rep high skill
+rep god aim