Статьи » Обучающие статьи » Общая


Меняем Steam под себя! #1


FyFen


Автор статьи: FyFen

Добавлено: 27 Сентября 2015 в 17:00 | Обновлено:
Просмотров: 4241 | Комментарии: 16




Что тут происходит?!

Это статья является частью статей объединенных общей целью: пояснение принципа создания и настройки своей темы для Steam. Нет, я не буду радостно сообщать вам о том, какие есть интересные темы для стима и как их установить. Мне было куда интересней самостоятельно разобраться в принципе создания и настройки, в результате чего, образовался хороший базовый опыт в таких вещах. Вот именно этим опытом, я и хочу с вами поделиться!

Тема для Steam - это визуальное изменения основных элементов программы (цвет кнопок, текста, наложение текстур и т.д.). Ниже приведен мой пример. По итогу, вы сможете в течении пяти минут, изменить любой-основной элемент интерфейса. Большая часть из этих элементов, изменяются без использования фотошопа или других сторонних программ. Поясню, что речь идет об изменении цвета и прозрачности. Для замены некоторых текстур, я использовал фотошоп. Но, обо всем по порядку!


Меняем Steam под себя!

Часть 1: Вступление. Работа с цветом и прозрачностью.
Часть 2: Полный список параметров с примерами.
Часть 3: Графическая составляющая.
Часть 4: Дополнительные материалы.


- Часть 1: Вступление. Работа с цветом и прозрачностью - 
 
Постарался воссоздать атмосферу всеми любимого сайта! 
Скачать тему и ознакомиться с подробной инструкцией по установке, можно по ссылке с сайта: СКАЧАТЬ 
 
Толчком для создания темы, послужила гибель стационарного компьютера и переход на ноутбук. До этого, у меня была самопальная тема, прослужившая мне порядка двух лет. Это к слову, про заблуждения некоторых людей, о недолговечности подобных тем. Мол, со следующим же обновлением, все полетит к чертям и далее. На ноутбуке же, был чистенький стим. Долгие месяцы борьбы с ленью, наконец-то дали свои результаты и я взялся за дело. Прошло слишком много времени и пришлось абсолютно все вспоминать с нуля.
 
В первую очередь, я взял первую попавшуюся под руки готовую тему (скин... кому, как проще). Тема была необходима только для определения основных папок, в куупе с которыми получается наша тема. Папки на скриншоте ниже, я скопировал из корневой папки Steam. Все готовые темы хранятся в папке "skins" (тоже лежит в корне стима). Логично, что там и необходимо начинать создание новой темы. На скриншоте, предоставлен готовый для редактирования вариант. Чтобы выбрать свою тему в стиме, заходим в настройки -> интерфейс.
 

По итогу создания своей собственной темы, начинаем поиски источника волшебства! Сейчас я говорю о файле, в котором, прописываются значения для того или иного параметра (каждого элемента нашего интерфейса). Путь данного файла указан на скриншоте. Файл "steam" открывается и редактируется обычным блокнотом.
 

В открывшемся файле мы увидим перечисление основных цветов, только часть из которых, реально используется. Далее, уже следуют параметры и присваиваемые им цвета. Как пример: Text="196 196 196 255", где "Text" - параметр отвечающий за текст в определенных местах, а "196 196 196 255" - присваиваемый цвет. В данном случае, цвет я ставил свой (по поводу того, как подбираются эти значения, чуть позже). Но, для наглядности обратимся к скриншоту. Во избежании громоздких картинок, я ограничился только началом файла.
 
Чтобы присвоить параметру "Text" серый цвет, просто заменим значения из списка стандартных цветов: Text="153 153 153 255". К слову, ничего не изменится, если задать серый цвет и таким образом: Text="grey". Теперь, вы сможете присвоить нескольким параметрам одно значение и впоследствии, изменять цвет всех параметров, путем редактирования значений самого цвета. Хотя, это так, минутка об удобстве.
 

Итак, у нас есть список параметров, которые хочется заменить на свой цвет. Сразу возникает вопрос выбора подходящего цвета и получение его RGB значений. С решением этой проблемы нам помогут тысячи различных онлайн палитр. Достаточно хорошенько полазить на просторах интернета, чтобы найти ту палитру, которая будет удобна именно для вас. Не обязательно оставаться на первой же палитре. Выбор очень большой. При создании своей темы, я пользовался фотошопом. Однако, для вас нашел достаточно удобную на мой взгляд онлайн палитру.
 
Ссылка на палитру: http://colorscheme.ru/color-converter.html

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

На деле все выглядит вот так:
Text="R G B A"
Text="93 209 40 A"
Text="93 209 40 255"

Буква "А" выступает в роли альфа-канала. Говоря русским языком - влияет на степень прозрачности элемента. Минимальное значение "0" - полностью невидимый объект, максимальное значение "255" - непрозрачный элемент. Старайтесь очень внимательно играться с этим значением и чаще всего придерживайтесь "255", за исключением редких случаев, где это действительно выглядит хорошо.
 
При подборе цветов, старайтесь слишком не разбегаться и используйте для своей темы не более 3-4 основных цветов. Из них: один-два ярких (зеленый, оранжевый, синий), два светлых (белый, серый), один темный (коричневый, черный). После выбора основных цветов, можете подобрать близкие к вашим цветам оттенки. Только после сбора собственной палитры для оформления, можно уже приступать к созданию темы.
 
Напоследок, дам всем желающим поиграться с цветом основного фона и некоторых окон, кнопок. Ищем данный параметр в текстовом файле, ставим свои значения и перезагружаем стим. Желтый цвет в примере, показывает, на что именно влияет параметр. Смотрим, что получилось в итоге!
 

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

Благодарю за внимание!




Теги: Инструкция по созданию темы, Создаем тему для Steam


Добавлять комментарии могут только зарегистрированные пользователи.
[ Регистрация | Вход ]
Всего комментариев: 16


0
№:8 от N3K0K0T3
970134
| Проверенный | в 16:30 (30 Сентября 2015)
#Steam_Не_нужен
Посмотреть профиль N3K0K0T3

0
№:9 от FyFen
131142
| Редактор | в 17:13 (30 Сентября 2015)
Сразу представил соц. рекламу: "Скажи игровой зависимости - нет! Открой для себя реальность! Закрой интернет! Поставь хештег! #Steam_Не_нужен!"
Посмотреть профиль FyFen

0
№:14 от BalorMysko
40860
| Гражданин | в 00:29 (01 Октября 2015)
Ну эту реальность... всего одна жизнь.  smile2
Посмотреть профиль BalorMysko

0
№:15 от zl_leshiy
281241
| | в 18:18 (01 Октября 2015)
как фсё  мрачно, а  ты про патриотизм не  думал или  после массового флешмоба с плакатами по красной  площади он нафиг сдался? 
тогда  уж так, купи себе  игру в стим и поддержи АМЕРИКОСИЮ, АМЕРИКОСИЯ-РУЛИТ!  :D
Посмотреть профиль zl_leshiy

0
№:6 от JustOnePill
841005
| Проверенный | в 00:01 (30 Сентября 2015)
Всё это очень прекрасно, а как можно сменить этот ужасный звук входящего сообщения в стиме?
Посмотреть профиль JustOnePill

0
№:7 от FyFen
131142
| Редактор | в 08:06 (30 Сентября 2015)
По этому поводу, скорее всего знаю решение проблемы. Я все вопросы вижу и в последующих статьях постараюсь найти решение, что максимально подробно объяснить принцип замены звука... шрифтов...
Посмотреть профиль FyFen

0
№:10 от W@nTeD
204794
| Гражданин | в 19:41 (30 Сентября 2015)
Посмотри в Steam\friends файл message.wav. Меняешь его на другой, с таким-же названием, и форматом!

P.S. Steam, так-же может каждый раз обновлять этот файл, до оригинального, тем самым, не давая возможности его изменить!
Посмотреть профиль W@nTeD

0
№:11 от FyFen
131142
| Редактор | в 20:55 (30 Сентября 2015)
Если ты будешь это делать в своей теме, тогда ничего обновлять он не будет. Главный вопрос заключается в самом файле. Много нюансов может быть. Все проверять надо.
Посмотреть профиль FyFen

0
№:12 от W@nTeD
204794
| Гражданин | в 21:03 (30 Сентября 2015)
А будет, ли он использовать новый звук из новой темы? Или же, всегда будет использовать только один файл! Я вот думаю, что со звуковыми файлами, он париться не будет, и будет работаться только с оригинальными! Хотя опять-же, это моё предположение, точно сказать не могу!
Посмотреть профиль W@nTeD

0
№:13 от FyFen
131142
| Редактор | в 23:25 (30 Сентября 2015)
Нет, он будет привязан к теме. В любом случае, нужно все тестировать и проверять. Я по этому и не предлагал человеку замену этого файла.
Посмотреть профиль FyFen

0
№:16 от JustOnePill
841005
| Проверенный | в 07:39 (02 Октября 2015)
Я уже пробовал так делать, даже на файлик ставил параметр "только чтение", но не вышло(
Посмотреть профиль JustOnePill

+12
№:4 от andrew2000bz
902598
| | в 13:17 (29 Сентября 2015)
Для меня более актуально сменить тему для торрента  lol
Посмотреть профиль andrew2000bz

0
№:3 от Биотрис
192184
| Журналист | в 13:02 (29 Сентября 2015)
Как изменить шрифт кнопок "Магазин" "Библиотека" "Сообщество" "Ник" и желательно отдельно всего стима
Посмотреть профиль Биотрис

0
№:5 от W@nTeD
204794
| Гражданин | в 16:59 (29 Сентября 2015)
Биотрис, Посмотри в Steam\resource\steamscheme.res и поковыряйся там, должно помочь!

Спускаешься до пункта Fonts
И меняешь постепенно каждую категорию, например в Default, вместо Arial подставляешь нужный тебе шрифт, и так далее!
P.S. Я не знаю как Steam воспримит новый Шрифт (и воспримет ли вообще!) так что, перед изменением лучше, сделать бекап!
P.S.S. Хотя скорее всего, он будет обновлять файл (обновлением), на стандартный, при каждом запуске Steam!
Посмотреть профиль W@nTeD

+2
№:2 от Asanti
89283
| Журналист | в 22:57 (28 Сентября 2015)
Отличная статья,много полезного узнал, хотя сам в Steam сейчас редко захожу, Ps4 поглотила меня good
Посмотреть профиль Asanti

+3
№:1 от 767
789553
| Проверенный | в 22:46 (28 Сентября 2015)
по фантазируем как ни будь со своим вечно серым стимовским миркком!!!!
Посмотреть профиль 767
Набор в команду сайта
Наши конкурсы
Каталог файлов
Skyrim Special Edition [225]
Fallout 4 [746]
TES V: Skyrim [4003]
TES IV: Oblivion [545]
Fallout: New Vegas [2139]
Fallout 3 [1061]
Моды в разработке [43]
Dragon Age: Inquisition [221]
Dragon Age 2 [244]
Dragon Age: Origins [574]
Ведьмак 3 [66]
GTA 5 [41]
GTA 4 [131]
GTA SA [95]
S.T.A.L.K.E.R. Зов Припяти [62]
S.T.A.L.K.E.R. Чистое Небо [43]
S.T.A.L.K.E.R. Тени Чернобыля [90]
Другие разделы

Подразделы:


Общая [31]
Adobe Photoshop [16]
Для мододелов [42]


Последние рецензии
Anima: Gate of Memories
Tyranny - когда плохим быть не плохо
Фоллаут 4: почему он так хорош...
DOOM. На Марсе классно. Часть 2
DOOM. На Марсе классно. Часть 1
Трудные будни полицейского в This is the Police
This War Of Mine: "In war, not everyone is a soldier".
Fallout 4: Vault-Tec Workshop - обзор
Следите за нами:



Статистика
Онлайн всего: 643
Гостей: 278
Пользователей: 365




Вверх Вниз