1. CSS понимает спреи только из файлов jpg, bmp, tga, vtf (прочее не понимает.)

2. В игре жмите "Настройки"->"Импорт Spray"->найдите и выберите Ваш файл с картинкой->кнопка "Открыть"->кнопка "ОК".
CSS создаст в папке D:\Steam\steamapps\user\counter-strike source\cstrike\materials\VGUI\logos два файла .vtf, .vmt.

4. Перед импортом убедитесь, что эти папки существуют, если их нет - создайте вручную.

5. Исходную картинку (будь то хоть 1900х1080) CSS сам обработает её до нужного ему размера.
Например, мою картинку размером 400х200 pixel (вертикальную) он обработал и в итоге спрей получился высотой в половину роста игрока.

6. Если Вы уже импортировали спрей и потом что-то захотели поменять в исходном файле(ну либо-же картинке), но имя файла оставили то же, перед повторным импортом удалите файлы .vtf, .vmt в папках
D:\Steam\steamapps\user\counter-strike source\cstrike\materials\VGUI\logos
D:\Steam\steamapps\user\counter-strike source\cstrike\materials\VGUI\logos\UI
(так же возможны лаги в виде сохранения старого спрея)

7. Маленький размер исходной картинки не рекомендую пробовать, потому что спрея в игре не будет видно.

8. Если появляются ошибки типа "недостаточно прав/полномочий" - всего 2 варианта на решение.
-разбираетесь со своими правами (как пользователя) на Вашем компьютере (делается в Панели инструментов/Администрирование), ну или с правами на папку с игрой.
-ну либо же меняете в Стиме язык на английский, заходите в CSS (спреи уже должны отображатся), выбираете спрей, создаете ЛЮБУЮ карту, пробуете нарисовать спрей на стене, выходите из CSS, меняете язык на русский и перезапускаете Стим и теперь в CSS все спреи будут должны отображатся.

9. Если не видно в игре спрея - пробуете прописать в консоли команды cl_allowdownload 1, cl_allowupload 1, r_decals 200

1. В Adobe ImageReady (идет в пакете с фотошопом) конвертируете картинку так, чтобы каждый кадр выглядел отдельным файлом.
Для этого открываете файл анимации и выбираете file->export->animation frames as files.

2. Сохраняете каждый кадр в формат jpg. Потом идете в фотошоп и конвертируете каждый jpg файл в 32-битный формат TARGA (TGA) размером, кратном двум (например, 128х128, 256х256 pixel)

3. Качаете https://drive.google.com/file/d/1BkFELT3yHrdbeVuyhkoSNGpY34mzIuFm/view?usp=sharing ну и собственно говоря распаковываете в любое место на диске.

4. Кладете все TARGA (TGA) файлы в папку /hl2/materialsrc/animated/ (если нет такой папки, то создайте) и переименовываете эти файлы в spray001.tga, spray002.tga, spray003.tga и так далее соответственно.

5. Редактируете в этой же папке файл spray.txt в Блокноте и меняете значение "endframe" на количество кадров в Вашей анимации.

6. Запускаете convert.bat и, если targa файлы были созданы в соответствие с инструкциями, Ваш .vtf файл появится в папке /hl2/materials/animated/

7. Если Ваш .vtf файл оказался больше, чем 120kb, тогда Вам придется урезать кол-во кадров (ну или уменьшить размер каждого кадра), до тех пор пока размер файла не уменьшится до 120 кб. В противном случае Вы не сможете использовать Ваш спрей!

8. Копируете получившийся файл в папку D:\Steam\SteamApps\user\counter-strike source\cstrike\materials\VGUI\logos

9. В Блокноте создаете новый файл и копируете туда следующий код:

"LightmappedGeneric"
{
"$basetexture" "vgui\logos\spray"
"$decal" "1"
"$decalscale" "1"
}

Сохраняете ("Сохранить как") этот текстовый файл под именем spray.vmt в ту же папку, что и spray.vtf

10. Пункты 4,5,7,8,9 раздела "Делаем обычный спрей!" применимы и здесь.

ВСТУПЛЕНИЕ

Для работы нам потребуются:

1. Nvidia DDS plugin for photoshop- https://developer.nvidia.com/nvidia-texture-tools-exporter (Плагин для Photoshop`а, позволяющий создавать/открывать файлы с .dds (Direct Draw Surface файлы или DDS) форматами).

2. VPKTool https://drive.google.com/drive/folders/1yhnYGxMjWDkvGG1PRCZdqkq3mCYfbCxZ?usp=sharing (DDS to VTF Converter).

3. VTFEdit https://drive.google.com/file/d/1FA-XiM9FnC-_VMjE8Hokhk2_4ggUp1ss/view?usp=sharing (Создатель VMT файлов из VTF).

4. Adobe Photoshop (любая версия).


НАЧАЛО

I. Adobe Photoshop Перед началом работы для фотошопа установите плагин Nvidia DDS plugin for photoshop.

1. Создаем картинку, которую Вы будете видеть издали, размером 256х256 точек (рекомендую).
ВНИМАНИЕ! Картинка должна быть background (фоном по русски).

2. (Если не создаём с полного нуля, а вставляем готовую картинку). Если картинка больше или меньше 256х256 точек, то её можно растянуть или сжать. Для этого жмите Alt+Ctrl+I и там задавайте в пикселях размеры картинки (уберите галочкуу с Constrain Proportion (Сохранять пропорции), что собственно может растянуть вашу картинку, если она не квадратная, но про это не сегодня).

3. Редактируем Вашу картинку (делаем прозрачный фон) Берём инструмент Magic Wand Tool (Волшебная палочка-по русски) и выделяем фон картинки нажатиями ЛКМ с зажатым Shift. После нажимает ПКМ и выбираем Select Inverse (Инверс. выделение по русски).

4. Дальше идём в Channels (Каналы-по русски) справа внизу и создаём там новый канал Alpha 1 и взяв инструмент Paint Bucket Tool (Заливка-по русски) закрашиваем наш “НЕ ФОН” белым цветом (#ffffff). Где белый цвет – видно, где чёрный – прозрачно, также можно серым покрасить и получить частичную прозрачность (зависит от серого).

5. Ну и сохраняем наше ещё не творение (Shift+Ctrl+S) в формате DDS.

6. Перед нами всплывает окно настроек сохранения - в верхнем левом слайдере выбираем DXT5 ARGB 8bbp | interpolated alpha, ставим галочку на Generate MipMaps. Ну и сохраняем.

7. Закрываем картинку и открываем сохраненную - видим окно, в котором ставим галочку Load MIP Maps, дальше клацаем "OK".
Изображение будет в виде ступенек. Первая - это вид спрея вблизи, а последующие — при удалении от спрея. Меняем самое большое изображение на вам нужное.

Если же вам снова нужен прозрачный фон, то делаем следующее:

1. Идём в Channels (Каналы-по русски) и там затираем фоновым (чёрным ну или какой у Вас там) силуэт старого изображения.

2. Идём в Layers (Слои-по русски) и зажав Ctrl нажимаем ЛКМ на новый (Верхний) слой (в котором вы предварительно удалили всё лишнее, оставили только непрозрачное) и он выделяется.

3. Возвращаемся в Channels и закрашиваем белым выделенный силуэт. Готово.)

8. Объединяем слои (если их у вас несколько): Идём в Layers (Слои-по русски) смотрим, чтобы на всех стоял глазик и жмём Ctrl+Shift+E.

9. Снова сохраняем файл, но уже с другим именем и в боксе с Nvidia меняем Generate MipMaps на Use exciting MipMaps.



II. VPKTool Выбираем вкладку Texture Tools (1). И открываем наш последний файл (2) и конвертируем, нажатием на кнопку Convert DDS to VTF (3). Если Вы наблюдаете (4), то всё в хорошо.

III. VTFEdit Открываем конвертированный файл. Можно проверить слайды, щелкая на стрелочки MipMap. Нажимаем на Tools > Create VMT file (1) и сохраняем наш новый .vmt файл рядом с .vtf файлом (2). (Собственно там уже всё стоит как нужно, но если что, то в Base Texture 1 укажите vtf файл, созданный ранее).

ГОТОВО!
Ложим 2 файла (vtf и vmt) в папку с игрой: D:\Steam\SteamApps\user\counter-strike source\cstrike\materials\VGUI\logos