suremiur

♂ overlay master ♂
Сообщения
537
Реакции
585
Инструкция по созданию оверлея.
Инструкция по созданию оверлея для плагина
[OS] Overlay System.

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

Требования:

Инструкция:
  1. Для удобного создания оверлея, нам нужно будет использовать Adobe Photoshop, никакие онлайн-редакторы его не заменят.
  2. Открываем Photoshop, нажимаем в верхнем левом углу «Файл - Создать».
  3. upload_2018-3-1_2-45-16.png
    Выбираем систему измерения «Пикселы», а в формах «Ширина и Высота» ставим параметры 4k (указаны на скриншоте). Желательно использовать параметры 2k или 4k разрешения, таким образом картинка будет более четкой, однако есть небольшой минус. Можно использовать и обычное FullHD (1920х1080), но оверлей будет немного размытым и нечетким. После выбора всех параметров - жмем ОК.
  4. Создаем новый слой, нажимаем кнопки «Crtl+Shift+N», нажимаем «ОК».
  5. upload_2018-3-1_2-51-23.png
    Теперь у нас получилось два слоя. Переходим на слой «Фон», выбираем инструмент «Волшебный ластик»
    upload_2018-3-1_2-53-31.png
    и кликаем по белому фону.
  6. У нас удалился фон и на экране лишь «Шахматная доска», все хорошо. Переходим на фон «Слой 1».
  7. На этот слой добавляем все что хотим видеть на сервере. Текстовую информацию, картинки (обязательно с прозрачным фоном!).
  8. У меня получилось вот это.
    upload_2018-3-1_2-57-3.png
  9. Теперь нажимаем «Файл - Сохранить Как» в появившемся окне выбираем «Тип файлов» PNG, пишем свое имя (в моем случае имя sakura) и сохраняем в место, где будет удобно работать (в моем случае рабочий стол).
  10. Открываем программу «VTFEdit», выбираем «File - Import» и загружаем нашу сохраненную картинку в формате .png. После появления окна «VTF Oprtion» ничего не трогаем и просто нажимаем «ОК.» Она начнет грузится, будьте терпеливы.
  11. После загрузки на картинке могут быть артефакты.
    upload_2018-3-1_3-5-35.png
  12. После открытия картинки, нажимаем «File - Save As», опять выбираем путь, пишем название и сохраняем. (В моем случае на рабочий стол, название sakura.vtf)
  13. Теперь создаем текстовый документ, пишем точно такое же название что и у файла .vtf, НО расширение делаем .vmt.
  14. Открываем его с помощью текстового редактора и пишем туда:
    PHP:
    "UnlitGeneric"
    {
        "$basetexture"    "путь к файлу который будет на сервере (без папки materials)"
        "$translucent"     "1"
    }
  15. Например в моем случае это будет:
    PHP:
    "UnlitGeneric"
    {
        "$basetexture"    "overlay/sakura"
        "$translucent"     "1"
    }
  16. Это значит что я зайду на сервер, открою папку materials, создам папку overlay и кину туда свои два файла sakura.vtf и sakura.vmt.
С созданием оверлея мы закончили, теперь он у нас на сервере и мы можем с ним работать.
attachment.php

Инструкция для плагина
[OS] Overlay System.
  1. Наш оверлей (два файла) теперь лежит в положенном месте (в моем случае в папке materials/overlay).​
  2. Переходим по пути «sourcemod/configs» открываем файл «overlay_downloads.ini» и пишем в него пути для скачивания.
    C-подобный:
    // Указывать без папки materials/
    // Указывать два файла с расширениями
    // Пример:
    // overlay/hlmod.vmt  // overlay/sakura - это мой пример, пишите путь к своему оверлею.
    // overlay/hlmod.vtf
    // Свои пути указывать ниже этой строки
    
    overlay/sakura.vmt
    overlay/sakura.vtf
  3. Далее переходим в папку «cfg/sourcemod» и открываем файл «OverlaySystem.cfg» (этот файл появляется у вас при первом старте плагина, сами не создавайте) и пишем там путь, например, для оверлея при смерти:
    C-подобный:
    // Путь к оверлею, БЕЗ папки materials/ и БЕЗ указания расширения.
    // -
    // Default: ""
    sm_death_path_overlay "overlay/sakura" // overlay/sakura - это мой пример, пишите путь к своему оверлею.
  4. Готово! Теперь меняем карту/рестартим сервер и смотрим на наше чудо!
  5. Вот что у меня вышло (качество урезано):
    269e335b1bdbe4d4e787aea3ba02e9e9.jpg
attachment.php

Во вложениях оставляю возможность скачать все файлы, используемые в гайде, а именно: файл для фотошопа (.psd), файл картинки (.png), и файлы .vtf и .vmt.
 

Вложения

  • sakura.zip
    1.5 МБ · Просмотры: 694
Последнее редактирование:

nuPAT

Участник
Сообщения
163
Реакции
25
О, немного качественного материала, теперь только осталось научиться рисовать и все будет в ажуре :crazy: Может нарисуешь что-нибудь за репу на форуме?
 

suremiur

♂ overlay master ♂
Сообщения
537
Реакции
585
@nuPAT Можешь попробовать описать что примерно нужно, или набросок сделать, если что - попробую тебе накалякать. :)
 

Robuz

Участник
Сообщения
11
Реакции
0
Так в ФШ можно сразу создать с прозрачным фоном ( Содержимое фона: Прозрачный )
 

doza69

Участник
Сообщения
33
Реакции
8
я бы добавил) для удобного создания картинки, ставьте слой скриншота c игры растягивая его по всей площади вашего будущего шедевра, тем самым вам будет видно в каких местах разместить своё художество и как оно будет выглядеть в игре, во избежание частых фиксов:)
не забудьте удалить слой скриншота при сохранении :)


+ не обязательно тестируя новый оверлей заливать его на сервер, можно просто заменить файл у себя в клиенте с игрой , выйти из игры и зайти заново. Как только вас всё устроит , закидываем на сервачок c новым уникальным названием и всё чики пуки)

Ну и для тех у кого совсем нулевые навыки фотошопа
гуглите картинки в формате .png (прозрачный фон)
и если нечем фотошопить или затрудняетесь скачать
вот Фотошоп онлайн - фоторедактор 2018! онлайн версия вполне работоспособна :)

рамки под текст: рамка из игр png сталкер - Google Search

скриншот в игре F5
путь C:\Program Files (x86)\Steam\steamapps\common\Counter-Strike Global Offensive\csgo\screenshots
 
Последнее редактирование:

Alraune

Участник
Сообщения
216
Реакции
52
А можно там таймер прикрутить. чтобы появлялся через 4 сек например? Бо иначе его перебивает оверлей после смерти..
Ой.Не там написала . Это касается самого плагина
 

suremiur

♂ overlay master ♂
Сообщения
537
Реакции
585
@Alraune Пока нельзя, но скоро будет очень гибкая настройка. Весь плагин преобразиться не в "Оверлей после смерти", а в Систему оверлеев, впилю и таймер для вас. :)
 

LordARTHAS

Участник
Сообщения
15
Реакции
0
Как передвинуть оверлей, постоянно в центре и разрешение и размеры менял все как с первого раза
 

suremiur

♂ overlay master ♂
Сообщения
537
Реакции
585
@LordARTHAS Как понять передвинуть? То, как вы сделаете на самом оверлее - также и будет отображаться в игре.
upload_2018-3-29_20-40-4.png
 

LordARTHAS

Участник
Сообщения
15
Реакции
0

suremiur

♂ overlay master ♂
Сообщения
537
Реакции
585
А название надеюсь меняли, не просто заменяли файл другим? Ибо если движок находит файл у вас в файлах игры с таким же названием, то он не будет его заменять. Решения: либо менять название каждый раз, либо каждый раз с тем же названием, но удалять из файлов игры предыдущий оверлей.
 

Horman

Участник
Сообщения
10
Реакции
2
Инструкция по созданию оверлея.
Инструкция по созданию оверлея для плагина
[OS] Overlay System.

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

Требования:
Инструкция:

  1. Для удобного создания оверлея, нам нужно будет использовать Adobe Photoshop, никакие онлайн-редакторы его не заменят.
    Открываем Photoshop, нажимаем в верхнем левом углу «Файл - Создать».
    Выбираем систему измерения «Пикселы», а в формах «Ширина и Высота» ставим параметры 4k (указаны на скриншоте). Желательно использовать параметры 2k или 4k разрешения, таким образом картинка будет более четкой, однако есть небольшой минус. Можно использовать и обычное FullHD (1920х1080), но оверлей будет немного размытым и нечетким. После выбора всех параметров - жмем ОК.

    Создаем новый слой, нажимаем кнопки «Crtl+Shift+N», нажимаем «ОК».
    Теперь у нас получилось два слоя. Переходим на слой «Фон», выбираем инструмент «Волшебный ластик» Посмотреть вложение 28920 и кликаем по белому фону.
    У нас удалился фон и на экране лишь «Шахматная доска», все хорошо. Переходим на фон «Слой 1».
    На этот слой добавляем все что хотим видеть на сервере. Текстовую информацию, картинки (обязательно с прозрачным фоном!).
    У меня получилось вот это.
    Теперь нажимаем «Файл - Сохранить Как» в появившемся окне выбираем «Тип файлов» PNG, пишем свое имя (в моем случае имя sakura) и сохраняем в место, где будет удобно работать (в моем случае рабочий стол).
    Открываем программу «VTFEdit», выбираем «File - Import» и загружаем нашу сохраненную картинку в формате .png. После появления окна «VTF Oprtion» ничего не трогаем и просто нажимаем «ОК.» Она начнет грузится, будьте терпеливы.
    После загрузки на картинке могут быть артефакты. Посмотреть вложение 28922
    После открытия картинки, нажимаем «File - Save As», опять выбираем путь, пишем название и сохраняем. (В моем случае на рабочий стол, название sakura.vtf)
    Теперь создаем текстовый документ, пишем точно такое же название что и у файла .vtf, НО расширение делаем .vmt.
    Открываем его с помощью текстового редактора и пишем туда:
    PHP:
    "UnlitGeneric"
    {
        "$basetexture"    "путь к файлу который будет на сервере (без папки materials) .vtf"
        "$translucent"     "1"
    }
    Например в моем случае это будет:
    PHP:
    "UnlitGeneric"
    {
        "$basetexture"    "overlay/sakura.vtf"
        "$translucent"     "1"
    }
    Это значит что я зайду на сервер, открою папку materials, создам папку overlay и кину туда свои два файла sakura.vtf и sakura.vmt.
С созданием оверлея мы закончили, теперь он у нас на сервере и мы можем с ним работать.
attachment.php

Инструкция для плагина
[OS] Overlay System.

  1. Наш оверлей (два файла) теперь лежит в положенном месте (в моем случае в папке materials/overlay).
    Переходим по пути «sourcemod/configs» открываем файл «overlay_downloads.ini» и пишем в него пути для скачивания.
    C-подобный:
    // Указывать без папки materials/
    // Указывать два файла с расширениями
    // Пример:
    // overlay/hlmod.vmt  // overlay/sakura - это мой пример, пишите путь к своему оверлею.
    // overlay/hlmod.vtf
    // Свои пути указывать ниже этой строки
    
    overlay/sakura.vmt 
    overlay/sakura.vtf
    Далее переходим в папку «cfg/sourcemod» и открываем файл «OverlaySystem.cfg» и пишем там например для оверлея при смерти:
    C-подобный:
    // Путь к оверлею, БЕЗ папки materials/ и БЕЗ указания расширения.
    // -
    // Default: ""
    sm_death_path_overlay "overlay/sakura" // overlay/sakura - это мой пример, пишите путь к своему оверлею.
    Готово! Теперь меняем карту/рестартим сервер и смотрим на наше чудо!
    Вот что у меня вышло (качество урезано):
    269e335b1bdbe4d4e787aea3ba02e9e9.jpg
attachment.php

Во вложениях оставляю возможность скачать все файлы, используемые в гайде, а именно: файл для фотошопа (.psd), файл картинки (.png), и файлы .vtf и .vmt.
Странно, всё сделал, загрузил, перезагрузил серв, но при загрузке на сервер не скачивает vmt файл странно
 

suremiur

♂ overlay master ♂
Сообщения
537
Реакции
585
@LolikonPro Если сервер "качает" каждый раз файл - не правильно прописан путь для скачивания.
Пример:
Правильный путь будет "svoboda(это папка)/rek(это папка)/puma(это сам файл puma.vtf без указания расширения)"! И все будет работать!
То есть:
Правильный путь будет "svoboda/rek/puma"

При правильном указании плагин должен качать сразу два файла, они должны быть названы одинаково. puma.vtf и puma.vmt
 

Horman

Участник
Сообщения
10
Реакции
2
@LolikonPro Если сервер "качает" каждый раз файл - не правильно прописан путь для скачивания.
Пример:
То есть:


При правильном указании плагин должен качать сразу два файла, они должны быть названы одинаково. puma.vtf и puma.vmt
Нет, к примеру, я загрузил в файл на фтп, перезагрузил серв, пути правильные, При заходе на сервер проценты скачиваются на 100%, а после этого вот так 'грузит', лет сто.
upload_2018-4-23_16-6-38.png
 

CAH4E3

Сосанчез.
Сообщения
1,597
Реакции
779

suremiur

♂ overlay master ♂
Сообщения
537
Реакции
585
Любые файлы которые должны скачиватся клиенту нужно заливать на fastdl, или же на web-хостинг. Как создать web-хостинг на MyArena можно прочесть здесь!
 
Сверху Снизу