Steam

Steam

187 ratings
Витрина Мастерской
By wetpaz
Как красиво оформить вашу витрину мастерской
2
   
Award
Favorite
Favorited
Unfavorite
Вступление
Привет, хочу вам рассказать и показать как оформить свою витрину мастерской. Если вы не знаете, что такое витрины и как их получить, сначала прочтите это:

Витрина - способ украсить ваш профиль чем-либо, витрины могут содержать скриншоты, обзор или иллюстрации и так далее. Доступ к витринам открывается при достижении десятого уровня. Уровни получаются за счёт получения опыта, а опыт в частности за значки

Я когда-то уже делал подобное руководство, но решил его переделать. Если вам будет не понятно, то это можно считать другим взглядом на это руководство

На данную витрину можно выбрать пять ваших продуктов мастерской из любых игр, как первоначально подразумевается. Наверное как у вас, так и у меня, не будет пять работ из мастерских. Из продуктов к играм у меня только одна, так что выглядело бы это так:



Выглядит скучно, также вы не можете поставить свою единственную работу или парочку таких в иконки по середине или по бокам, они всегда будут смещаться влево

Витрина Мастерской представляет собой пять иконок ваших работ, к которым в левом нижнем углу прикреплена иконка игры, к которой загружен продукт. Все пять работ вместе совмещаются и образуют поле размерами 750 на 150 пикселей, каждая из работ занимает 150 на 150. Также витрину можно улучшить и купить новую, дополнительную, за очки Steam, - подробнее я рассказал об этом в разделе "Дополнение"

Что же можно сделать с витриной мастерской, кроме как классического использования? Вот примеры:
  • Картинка размерами, как обычная витрина мастерской (3 уровень витрины)



  • Картинка больших размеров



  • Гифка, которая может быть разных размеров

Витрина мастерской хороша тем, что вы можете поставить вашу гифку, не сжимая её, чтобы снизить её вес. На витрине 5 иконок и каждая не должна весить более 8 Мб, так получается, что вы можете загрузить гифку в ~40 Мб, предварительно разделив её на кусочки

Вступление на этом всё, мы приступаем к реализации не забудь поставить лайк

This guide has an English version
Витрина
Разбираем примеры: отличия примеров в том, что для большей картинки требуется ещё один шаг, чем от обычных размеров

Длинная картинка, загружается и обрабатывается как и гиф-анимация, запомните это. Я буду ссылаться на один сайт,[www.iloveimg.com] на котором представлены все нужные для нас инструменты в нашей работе

Нашли, сделали себе подходящую картинку для витрины? Если ещё нет, то помните, что в дальнейшем картинка будет длинной в 750 пикселей. Приступаем:
  • Открываем инструмент[www.iloveimg.com], чтобы довести нашу картинку до нужных размеров


    Загружаем изображение и выбираем ширину 750 пикселей, при сохранении соотношений сторон, нажимаешь на кнопку ниже и затем скачиваем

  • Далее нам нужно разделить нашу картинку на пять равных по ширине частей. Открываем инструмент обрезки изображения[www.iloveimg.com] и загружаем нашу работу



    Вводим максимальную высоту и вписываем ширину 150 пикселей и положение X = 0, обрезаем и сохраняем

    И так делаем дальше, для обрезки всего изображения на пять частей, постепенно вводя в положение X координаты, которые отличаются на 150, то есть 0-150-300-450-600. У вас должно получится в итоге пять частей, которые мы и будем загружать в Steam. Если по какой-то случайности, ваши кусочки гиф-анимации получаются больше, чем оригинальный файл, то попробуйте другой инструмент для обрезки[ezgif.com]

  • Данный шаг требуется только для длинных работ

    Открываем сайт[hex-works.com] и загружаем наши иллюстрации, кнопка "Open" слева сверху. Плюс данная сайта в том, что он хранит ваши последние загружённые файлы, если вы их не удалили, так, если вы потеряете свои работы, вы их найдёте здесь

    Затем листаем в конец блокнота и заменяем последнюю пару букв-цифр на "21". Когда вы ведёте, то справа рядом появится красная точка и надпись "Saved", значит всё сделано и жмём сверху слева кнопку "Save" и ваша часть иллюстрации начнёт скачиваться. Так проделайте для каждой части

Всё сложное осталось позади, осталось только загрузить наши труды в Steam. Открываем Steam в браузере и откройте раздел "Иллюстрации", здесь выберите "Загрузить иллюстрацию" сверху слева, неважно куда загружать, но для удобства выберите "Не из игры"

Выберите ваш файл, дайте любое название работе, в вашем профиле не будет отображаться название, если конечно пользователи не будут открывать вашу работу полностью, так можно оставить свои пасхалки. Перед загрузкой открой консоль вашего браузера сочетание клавиш, вот шпаргалка:



                     вставьте в консоль данный код
$J('[name=consumer_app_id]').val(480);$J('[name=file_type]').val(0);$J('[name=visibility]').val(0);

Жмите "Enter", после чего уже загружаете ваши работы поочерёдно. Для более быстрого выполнения, после загрузки одной иллюстрации, вернитесь на страницу назад, так у вас сохранится название иллюстрации и право на владение, остаётся только выбрать другой файл и ввести код снова

При таком раскладе у вас не будет пометки, что предмет загружен к стиму, если же вы хотите, что была пометка вашей любимой игры, то загрузите иллюстрацию первоначально к какой-то игре

Редактируем профиль, выбираем витрину мастерской, заполняем её нашими работами, сохраняем и радуемся. Вы молодец!

Если же вы, молодец, хотите удалить не понравившиеся, или же старые, ваши работы, то следует в редакторе профиля выбирать нужные элементы на витрине, сохранить, открывать в профиле и удалить каждый элемент на их собственных страницах

Количество работ в мастерской отображается в боковом меню и счётчиком на самой витрине, но никто не может посмотреть все элементы, которые мы загрузили таким способом
Дополнение
Стоит ещё упомянуть, что вы можете вставить и больше пяти элементов в свою витрину мастерской, улучшив её за очки Steam до 10 и 15 элементов. Каждые 5 дополнительных элементов будут стоит 3000 очков, что весьма немало, но есть достаточно способов, чтобы легко их получить. Улучшить свою витрину вы можете в магазине очков:



Открываем вкладку магазина очков, затем в боковом меню раздел витрин и в середине вы заметите нужную нам вещь. Здесь также можно улучшить и другие свои витрины на предмет вместимости, также и купить такую же, дополнительную витрину

С другой стороны "А зачем нужно улучшать витрину?", такой вопрос был поставлен и на него я ответил, что можно этого не делать. Вот сравнение моя витрина 3 уровня и возможная обычная витрина, где я собрал картинки вместе и загрузил как одну в пяти частях. Стоит упомянуть, что всё зависит от максимального размера файла



Как видите тратить 6000 очков необязательно, но благодаря этим же очкам вы сможете показать больше разнообразия в своих работах. Всё ограничивается только вашем желанием и фантазией
Итог
На этом всё. Спасибо, что прочитали данное руководство. Если вам понравилось, то оцените его и по возможности добавьте в избранное, выдайте награду стим

Если вы хотите поддержать меня, то можете:
Я буду очень благодарен! Удачи!


P.S Аватар руководства

https://steamproxy.com/sharedfiles/filedetails/?id=2553141416
96 Comments
потеряевчин 24 Jul @ 11:01am 
неправильно выразился, черные полосы в витрине мастерской, спасибо за ответ. Видел тут в комментариях у одного человека такая же проблема по описанию, но решения не нашел ,спапсибо за ответ
wetpaz  [author] 24 Jul @ 10:18am 
anevri4зма44, могу предположить, что эти издержки изначального материала или работы. При моём исполнении, не наблюдал чёрных полос

Если ты имеешь в виду чёрные полосы между ячейками витрины, то это просто расстояние между ячейками, такая витрина мастерской и её не поменять, другой лучший вариант для твоей задумки - витрина избранной иллюстрации
потеряевчин 23 Jul @ 3:50pm 
а почему у иллюстраций по бокам черные полосы?
wetpaz  [author] 3 Apr @ 10:59pm 
Синьёр Перфорато, был рад помочь
спасибо все получилось
Doyfo | astrog 30 Mar @ 8:38am 
wetpaz. сделал через другой редактор, все также
Doyfo | astrog 30 Mar @ 7:38am 
wetpaz, у меня в профиле
Doyfo | astrog 30 Mar @ 7:35am 
щас
wetpaz  [author] 30 Mar @ 6:22am 
astrog | Doyfo, покажи
Doyfo | astrog 30 Mar @ 4:02am 
у меня полоски жирные такие черные между гифами