Как создавать скины Steam
Steam — это широко используемая консоль для управления видеоиграми и сообщества, созданная Valve Entertainment. В приложении есть интернет-магазин, чат-клиент и социальная сеть. Одной из самых популярных функций является оверлей в игре, который позволяет проверять онлайн-друзей или общаться в чате, не выходя из игры. Steam позволяет создавать собственные скины интерфейса (графический вид приложения) с помощью консоли разработки или с помощью простых в использовании сторонних инструментов.
Использование Skin Creator
Шаг 1
Загрузите Steam Skin Creator с Fileplanet. По завершении разархивируйте файл «ilovesteam10.zip» в папку по вашему выбору или нажмите кнопку «>», если использовалось приложение для загрузки. Откройте папку «ilovesteam10» и запустите «ilovesteam_19.exe».
Шаг 2
Нажмите «Далее» в программе установки и примите лицензионное соглашение на следующей странице. Выберите место для установки Skin Creator и нажмите «Установить». Не снимайте флажок "Выполнить" и нажмите "Готово".
Шаг 3
Нажмите «Параметры> Изменить путь Steam» и нажмите кнопку «Путь». Перейдите к местоположению вашего каталога Steam. Обычно это C:\Program Files\Steam (Program Files (x86) в 64-разрядных системах). Выберите Steam.exe и нажмите «Открыть».
Шаг 4
Нажмите кнопку «Новый проект» в интерфейсе Skin Creator. Введите имя проекта и нажмите «ОК». Сначала будет показано изображение «Корень», а на второй вкладке окно «Сервер». Эти изображения представляют основные части клиента Steam и то, как другие диалоги будут выглядеть с вашими изменениями.
Шаг 5
Отредактируйте цвета, фоновые изображения и значки, используя поля слева. Цвета необходимо вводить в шестнадцатеричном формате со знаком #. При желании вы можете использовать палитру цветов, которая появится, если щелкнуть цветной квадрат справа от поля ввода.
Шаг 6
Преобразуйте нужные фоновые изображения или изображения значков в формат TarGA с помощью графического редактора, такого как Photoshop, Corel Paint Shop Pro или Gimp. Загрузите существующее изображение в программу, затем просто выберите «Сохранить как» в меню «Файл», выберите файл и выберите тип файла «tga».
Шаг 7
Нажмите кнопку «Сохранить проект ILS», когда закончите. Нажмите «Файл> Сохранить и экспортировать в Steam». Должно появиться сообщение об успешном выполнении.
Расширенное редактирование в режиме разработки
Шаг 1
Загрузите и установите совместимый скин 2010 или более поздней версии с веб-сайта Valve. Это послужит вашим шаблоном для вашего пользовательского скина.
Шаг 2
Откройте проводник Windows и перейдите в папку Steam (обычно в Program Files). Дважды щелкните его, а затем откройте папку «Skins». Дважды щелкните папку для недавно установленного скина, а затем нажмите Ctrl + A, чтобы выбрать все внутри. Нажмите «Правка> Копировать» в меню проводника.
Шаг 3
Вернитесь в основную папку Skins и создайте новую папку с именем вашего пользовательского скина. Дважды щелкните, чтобы открыть его, затем щелкните правой кнопкой мыши и выберите «Вставить». Содержимое папки загруженного скина должно появиться в папке с новым скином.
Шаг 4
Запустите Steam и войдите в систему. Нажмите «Steam> Настройки» и перейдите на вкладку «Интерфейс». Выберите свой скин в раскрывающемся меню «Скины» и нажмите «Да», чтобы разрешить перезапуск Steam. Закройте Steam, как только он снова откроется.
Шаг 5
Нажмите «Пуск», введите «Выполнить» в поле поиска и нажмите клавишу «Ввод». Введите путь к вашему steam.exe в кавычках, затем пробел и «-dev» без кавычек. Это запустит программу в режиме разработки. Например:"c:\program files\steam\steam.exe" -dev
Шаг 6
Откройте окно, над которым вы хотите начать работу, например «Друзья», «Серверы», «Сообщество» и т. д. Нажмите «F6», чтобы открыть консоль «отладчик макета vgui». Пока оно открыто, одновременно можно редактировать только одно диалоговое окно.
Шаг 7
Выберите элемент окна, дизайн которого вы хотите изменить. Например, в окне «Друзья» вы можете выбрать ссылку «Добавить друга». Все элементы, необходимые для отображения и функционирования ссылки, появятся в отладчике, разделенные на стили, детали, макет, группы и локализацию. Основными элементами, на которых следует сосредоточиться, являются стили и макет, которые аналогичны стилям CSS и макетам HTML в веб-дизайне.
Шаг 8
На вкладке «Стили» выберите свойство, которое вы хотите изменить, а затем щелкните ссылку на файл в крайнем правом углу. Должно появиться диалоговое окно Windows с вопросом, как открыть файл. Нажмите «Выбрать программу из списка…» и нажмите «ОК». Выберите «Блокнот» или ваш любимый HTML-редактор из списка. Если они не отображаются, нажмите «Обзор», чтобы найти программу. (Блокнот находится в папке Windows).
Шаг 9
Отредактируйте файл с желаемыми изменениями положения, цвета или поведения. Чтобы найти определенные записи, относящиеся к элементу, который вы выделили в отладчике, щелкните «Правка> Найти» и введите имя свойства. Например:при изменении Button:hover на «Red» текст станет красным после сохранения изменений моего скина и перезагрузки Steam.
Шаг 10
Сохраните изменения во всех текстовых файлах, которые вы редактируете, нажав «Файл> Сохранить» и не меняйте расширение файла. Закройте Steam, когда закончите редактировать стили и макет.
Шаг 11
Запустите программное обеспечение для редактирования графики. Приложение должно иметь возможность просматривать и сохранять файлы TarGA (.tga), такие как Photoshop, Corel Paint Shop Pro или Gimp. Нажмите «Файл»> «Открыть» и перейдите к папке вашего скина в каталоге скинов Steam. Дважды щелкните папку «Графика», чтобы просмотреть доступные изображения, которые вы можете редактировать.
Шаг 12
Редактируйте графические файлы так же, как любое другое изображение интерфейса. При замене изображения изображением другого размера обязательно сохраните новое изображение с тем же именем и выберите «tga» в качестве типа файла.
Совет
Пользовательские изображения, такие как графика кнопок, фоны и т. д., можно сохранить в виде файлов .tga в графической папке, а затем ссылаться на них в стилях. Например, вы можете отредактировать свойство фона, включив в него относительный путь к изображению вместо сплошного цвета.