Everlasting Summer

Everlasting Summer

Not enough ratings
Гайд на витрину мастерской в Стиме
By SleepDreams
ʙ ϶ᴛоʍ ᴩуᴋоʙодᴄᴛʙᴇ я ʍᴀᴋᴄиʍᴀᴧьно ᴨодᴩобно и доᴄᴛуᴨно объяᴄню, ᴋᴀᴋ оɸоᴩʍиᴛь ʙиᴛᴩину ʍᴀᴄᴛᴇᴩᴄᴋой ʙ sᴛᴇᴀᴍ.
   
Award
Favorite
Favorited
Unfavorite
Краткое вступление
Привет! Ты здесь, значит хочешь сам сделать крутую витрину для Steam-мастерской. Но предупреждаю сразу - есть один нюанс!

Для создания первой витрины мастерской ваш профиль Steam должен быть как минимум 10 уровня. Каждые следующие 10 уровней (20, 30 и так далее) открывают доступ к новым витринам. Однако, чтобы получить несколько витрин одного типа, их нужно либо покупать за очки, либо улучшать уже доступные!

На примере витрины из моего профиля, сейчас покажу вам, как быстро и просто сделать так же!

P.s. Да, я понимаю: всё, что написано ниже, может показаться многим слишком сложным, непонятным или даже пугающим. Самое тяжелое просто найти эдит/видос/момент и обрезать.
Но всё же, советую попробовать! Хотя бы для разнообразия.

И если не сложно, то поставте лайк :)
Как улучшить готовую витрину в магазине
Если интересно улучшение витрины, вот как это сделать:
Наведите курсор на «Магазин Steam»
Выберите «Предметы за очки»
Перейдите во вкладку «Витрины»
Здесь отображаются все доступные улучшения, но, к сожалению, для них требуется много Steam-очков.



Например, я так улучшал одну и ту же витрину до третьего уровня:

Начало
Что ж, приступим! Вы можете скачать любое понравившееся видео с YouTube с вашим любимым персонажем, героем или моментом.
Да и впринципи любой видос из интернета!
Имейте в виду: видео из TikTok, Pinterest и других мобильных приложений могут не подойти просто из-за разрешения экрана.
Смотрите там разрешение, если оно будет ниже 750Х720, то не сможите сделать никак. А если выше то может получиться.

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

Я покажу вам на примере видио с Канроджи Мицури из YouTube.



Нажимаем три точки справа, затем выбираем «Поделиться». Так вы скопируете ссылку на видео.


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

Сайт для скачивания видио из Телеграма:

P.S. это не реклама сайта!

https://t.me/Gozilla_bot


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

Для видео в 720p не рекомендуется делать фрагмент длиннее 7-10 секунд т.к. файл может получиться слишком большим для загрузки в дальнейшем.
Если вы скачали видео в 1080p, HD или 4K, то после обрезки фрагменты могут оставаться слишком объёмными. Вам придётся выбирать: либо сокращать длительность, ради качества. Либо жертвовать качеством, зато увеличивать длину видио.
Советую оставить около 5 сек в 720р

Сайт для обрезания видио:

https://online-video-cutter.com/ru/

1 Часть по созданию
Отлично! Если вы уже выбрали видео и обрезали его до нужной длины, пришло время преобразовать его из MP4 формата в GIF. Для этого вам понадобится специальный онлайн-конвертер.

Сайт для конвертации видио в гиф:
https://online-converting.ru/video/convert-video-to-gif/

Он будет выглядить так:



Нажимаем на настройку количества кадров и выбираем значение "15". Размер видео оставляем без изменений.



Затем нажимаем кнопку «Добавить видеофайлы» в центре экрана и выбираем наше подготовленное короткое видео.

После этого ждём завершения конвертации. В конце процесса просто нажимаем кнопку «Скачать» напротив файла.



2 Часть по созданию
Если всё получилось - отлично! Теперь нам нужно обрезать готовую GIF-анимацию, с которой мы будем работать для загрузки 5 элементов в Steam.

Вот сайт для обрезания фото:

https://www.iloveimg.com/ru/crop-image

Очень важное замечание, если у вас будет вот так:



Просто погуглите сайт отдельно



Обрезаем по такой схеме:
Ширина - 750
Высота 720 или (1024)
Положение Х Любое на ваше желание, тк это и будет момент в дальнейшем.



Обрезаем, нажиаем скачать. И дожидаемся загрузки.



После выполнения всех операций проверьте параметры полученного GIF-файла.
Требуемые характеристики должны быть следующими:

750х720 для обычной
или
720х1024 для большой

3 Часть по созданию
Теперь необходимо разделить готовую GIF-анимацию на 5 равных частей. Это просто:

Вернитесь на тот же сайт для обрезки

Загрузите созданную ранее GIF-анимацию
Выполните последовательную обрезку на 5 одинаковых фрагментов (как показано на скриншоте).
Рекомендую переименовать полученные файлы (от 1 до 5) для удобства работы.

ВАЖНО: Псоле скачивания обязательно проверьте, чтобы НИ ОДНА из 5 частей не превышала 5 МБ! В противном случае Steam не позволит загрузить файлы. И вам все делать сначала, делая видио короче!

1) часть левая:
Ширина - 150
Высота 720 или (1024)
Положение Х 0


2) часть левая-центральная:
Ширина - 150
Высота 720 или (1024)
Положение Х 150


3) часть центр:
Ширина - 150
Высота 720 или (1024)
Положение Х 300


4) часть правая-центральная:
Ширина - 150
Высота 720 или (1024)
Положение Х 450


5) часть правая:
Ширина - 150
Высота 720 или (1024)
Положение Х 600


Проверьте файлы:


ОБЯЗАТЕЛЬНО посмотрите, чтобы ни 1 из 5 файлов не весил более 5мб.

Каждый мини-файл файл должен быть в разрешении 150х720(150х1024)
Они и будут показаны у вас в профиле.
4 Часть по созданию
Теперь перейдите на указанный сайт, чтобы внести финальные правки в вашу GIF-анимацию. Нам потребуется изменить всего два параметра.

Сайт:

https://hex-works.com/

Он будет выглядить так, страшновато, но не пугайтесь нам нужно самое простое.



Нажием на кнопку открытия файла. Выбираем наш 1й файл.

Затем листаем в самый низ, и находим буквально в конце кода 3В.



Именно это нам надо изменить во всех 5 гифках.
Меняем на 21 и нажимаем enter



Должно быть так, как на скрине выше.
Сохранем в удобное место. И делаем так со всеми файлами.
5 Часть по созданию
Осталось только загрузить подготовленные изображения и активировать их в витрине мастерской. Выполните следующие шаги:

Откройте Steam в браузере (Обязательно используйте desktop-версию, мобильное приложение не подходит)!
Перейдите в профиль
Нажмите на ваш никнейм в правом верхнем углу
В меню профиля найдите вкладку "Иллюстрации".
Откройте раздел иллюстраций

Выбираем пункт загрузить илюстрацию.





Не из игры.

Теперь по очереди загружаем сначала 1-й файл. Подтвердите, что вы автор, и дайте название.



Теперь нажимате f12 или правой клавигей мышки для открытия консоли.



вот так:
Кликаем "посмотреть код"
(Если не получается проверте, точно ли вы в браузере)



Нажмите на console.
И вводите команду:

$J('[name=consumer_app_id]').val(480);$J('[name=file_type]').val(0);$J('[name=visibility]').val(0);



Нажимаете Enter



Теперь опубликуйте изображение - нажмите кнопку внизу страницы.
Не забудте поставить тут галочку:




Повторите эти действия ещё 4 раза, чтобы опубликовать все 5 изображений в Steam.
Обратите внимание: из-за особенностей кода эти изображения будут отображаться не в разделе иллюстраций, а непосредственно в мастерской.

Финал
Вернитесь в свой профиль. Нажмите редактировать профиль.



Кликните на "Витрины"

И дальше просто повторите, как на скринах ниже:

Витрины - Выбор витрины



Витрина моей мастерской



Кликаем на карандаш ( у вас там может быть пусто тк до этого ничего не было)



Загрузите все 5 изображений поочерёдно, слева направо.




Должно быть вот так:



Если все получилось - умницы!
Теперь у вас есть красивая витрина мастерской .o(≧▽≦)o

11 Comments
спасибо огромное за гайд:steamthumbsup:
4elovek_XD 1 Aug @ 6:28am 
окак
ɐʇɹǝH 1 Aug @ 2:24am 
Хорошо, понял. Благодарю за обратную связь, можете посмотреть что у меня получилось в профиле, на будущее стоит обратить внимание на формат самого видеоролика и помнить, что из-за 15 фпс все это замедлится и всплывет наверх.

Благодарю за качественный и понятный гайд!
fobi60 (BT) 31 Jul @ 12:15pm 
грузить через илюстрации и тогда будут всё ок
SleepDreams  [author] 31 Jul @ 12:05pm 
@Я отжал у людей 100 домов, если проще говоря, то эти промежутки создает сам Steam (по крайней мере, мне так кажется). Когда изображения загружаются, эти пустые участки всё равно появляются. Вот пример из гайда: там используется разрешение 750, и картинка обрезается 5 раз. В итоге получается 5 частей по 150. Но ведь эти части никуда не исчезают при загрузке. А если склеить их обратно в одно изображение, промежутков не будет.
Я думаю, что вряд ли получится это как-то обойти. :kitaria_fables_sad:
ɐʇɹǝH 31 Jul @ 11:46am 
Полезный и прекрасный гайд.

У меня вопрос: Вам известно, сколько пикселей занимает пространство между "кусками" видеофайлов?
Я заметил, что многие материалы для иллюстрации мастерской игнорируют этот пиксель и картинка по итогу приемлемая, но не идеальная.
fobi60 (BT) 30 Jul @ 11:21am 
Автор этого руководства солнышко
Shadow 29 Jul @ 8:38am 
пиздэц
F1xer.aep 28 Jul @ 2:03am 
руководство имба, автору лайк:EvilGrin:
SleepDreams  [author] 27 Jul @ 10:26am 
@Hetomoni, это довольно просто если пару раз попробовать:akemi:. На счет красивее не знаю, у всех свой вкус, но если есть желание преобразить профиль - почему нет?:spiffo: