Css спрей как сделать

Css спрей как сделать

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)

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) форматами).

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

Источник

Как сделать свой спрей (логотип) для CS Source

Как сделать свой спрей (логотип) для CS Source

Общие требования и примечания
Размер картинки должен быть кратен двум (т.е. 64×64, 128×128, 256×256, 512×512 и так далее. ).
В ксс можно импортировать файлы следующих форматов: jpg, bmp, tga, vtf (gif и прочее не понимает).
Перед импортом не обязательно копировать картинку куда-то в папку с игрой, можно импортировать из любого места.
Исходную картинку (будь то хоть 1600х1200) контра сама сконвертирует до нужного ей размера.
Если в игре не видно в игре спрея — пробуете в консоле команды:

cl_allowdownload 1
cl_allowupload 1
r_decals 200
Если вы изменили картинку и пытаетесь импортировать ее под тем-же именем, то возможны глюки при сохранении, для исправления удалите файлы *.vtf, *.vmt в папках:

. \counter-strike source\cstrike\materials\VGUI\logos
. \counter-strike source\cstrike\materials\VGUI\logos\UI
Размер файла *.vtf должен быть меньше 120 kb, иначе спрея будет не видно, что бы уменьшить размер можно попробывать уменьшить кол-во кадров (для анимации) или уменьшить размер каждого кадра.
Если появляются ошибки типа «недостаточно прав» — тут возможно два варианта:

— разбираетесь со своими правами (как юзера) на Вашем компьютере (делается в Панели инструментов/Администрирование) или с правами на папку с игрой.
— меняете в Steam язык на английский, заходите в CSS, выбираете спрей, создаете карту, пробуете нарисовать спрей на стене, выходите из КСС, меняете язык обратно на русский и перезапускаете Steam. Теперь со спреями все должно быть нормально.

В игре нажимаем «Настройки», далее «Импорт Spray. «, потом находим нашу картинку и нажимаем «Открыть» и сохраняем изменения кнопкой «Ok». После этого CS:S создаст в папке . \counter-strike source\cstrike\materials\VGUI\logos два файла — *.vtf, *.vmt и спреем можно пользоваться! (иногда нужно перезапустить игру)

1. В Adobe ImageReady (идет в пакете с фотошопом) конвертируете картинку так, чтобы каждый кадр выглядел отдельным файлом. В PS CS4 для этого надо сначала импортировать анимацию: файл — импорт — видеофреймы как слои . А потом экспортировать: файлы — сценарии — экспортировать слои в файлы.

Выходной формат должен быть TARGA (TGA) 32-бит, размер, не забываем, должен быть кратным двум.

2. Качаете прогу (зеркало) и распаковываете в любое место на диске.

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

4. В файле spray.txt который находится в той же папке изменяем значение «endframe» на количество кадров в нашей анимации.

5. Запускаем convert.bat и если все сделано правильно, то в папке /hl2/materials/animated/ появиться *.vtf-файл с только что созданной нами анимацией.

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

8. Создаем новый текстовый файл и вписываем туда следующий код:
«LightmappedGeneric»
<
«$basetexture» «vgui\logos\spray»
«$decal» «1»
«$decalscale» «1»
>

9. Сохраняем этот файл как spray.vmt и кладем в ту же папку, что и spray.vtf.

1. Открываем картинку в PhotoShop`e. Делаем размер кратным двум (Изображение — Размер изображения).

2. Выделяем на картинке область, которая будет видима на спрее (или наоборот,которая невидима, а потом инвертируем выделение).

3. На вкладке «Каналы» и добавляем новый канал белого цвета непрозрачностью 0%.

4. Заливаем выделенную область белым цветом

5. Выбираем в меню «Файл-Сохранить как», сохраняем как TARGA-файл, убедившись что стоит галочка «Альфа-каналы», «32 бита/пиксел», и не стоит галочка «Уплотнение (RLE)»
Можно попробовать уже сейчас импортировать в игру этот TARGA-файл, но не всегда Counter Strike Source корректно распознает такой файл с прозрачным фоном.

6. Качаем прогу vtex (http://depositfiles.com/files/a8hkvg5id) и распаковываете в любое место на диске.

7.Копируем наш TARGA-файл в папку vtex\hl2\materialsrc\sprays.

8. Запускаем vtex\tga2vtf.bat и, если все сделано правильно, то в папке vtex\hl2\materials\sprays уже лежит наш спрей в виде двух файлов — *.vtf и *.vmt.

9. Копируем эти файлы в папку . \counter-strike source\cstrike\materials\VGUI\logos и в игре выбираем свой спрей из списка (импортировать не нужно).

Источник

Читайте также:  Php library for forms
Оцените статью