Прозрачный спрей для css

И так, для создания прозрачного спрея для css я буду использовать photoshop cs6. Начнем с того, что создадим новый документ с такими настройками:

Теперь необходимо найти в интернете необходимую картинку, либо написать какую-нибудь надпись, которая и будет нашим спреем. Например, возьмем вот такую картинку:

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

Далее можно, например, добавить небольшую тень от картинки или же подписать внизу свой ник, да что угодно, что только придет в голову. После того как мы сделали необходимые поправки в нашей картинке, мы должны ее скопировать в наш ранее созданный документ 256х256. Для этого зажав клавишу Ctrl нажимаем на миниатюру во вкладке "Слои", так, что бы вокруг нашей картинки появилась обводка в виде маленьких двигающихся черточек и нажимаем CTRL+C. Переходим в наш документ 256х256 и нажимаем CTRL+V

Теперь необходимо растянуть наше изображение так, что бы оно занимало все необходимое пространство:

Теперь удаляем слой заднего фона. Для этого на вкладке "Слои" жмем на слое "Фон" левой кнопкой мыши и жмем Del. Получим наш логотип на фоне в виде шахматной доски.

Теперь выделяем наш логотим как и раньше . На вкладке "Слои" зажав Ctrl кликаем по миниатюре. Далее переходим на вкладку "Каналы", обычно она расположена справа от вкладки слои. Теперь нажимаем справа внизу на иконку "Создать новый канал". Получаем новый канал "Альфа 1" и полностью черный фон с выделенным логотипом. Теперь на надо взять либо инструмент "Заливка" либо можно просто закрасить кистью получившиеся выделение белым цветом, получится так:

Основной этап завершён. Теперь жмем "Сохранить как..." и сохраняем полученный результат в формате *.tga (в фотошопе называется TARGA) например на рабочий стол.

Дальше качаем программу vtex. Она поможет нам конвертировать наш файл в формате *.tga как надо.

После скачивания извлеките папку на рабочий стол. Открываем ее и далее переходим по следующему адресу: \vtex\hl2\materialsrc\sprays сюда копируем наш файл в формате *.tga. Далее переходим опять в самое начало и запускаем файл tga2vtf.bat. Откроется такое окно:

Нажимаем любую кнопку и оно закроется. Далее переходим по адресу: \vtex\hl2\materials\sprays и видим там появится два файла с нашим названием один в формате *.vmt, а другой *.vtf. Копируем их. Теперь советую создать папку, например с названием "spraycss" на том диске где у вас установлена игра. Так же желательно, что бы в адресе не было русских букв, например так, D:\sprayCSS\. В созданную папку вставляем наши полученные файлы.

Дальше запускаем css. Сразу заходим в настройки -> сетевой режим и нажимаем на "Загрузить спрей..."

Далее переходим в нашу созданную папку и выбираем наш файл. Теперь если вы уже зашли на сервер, то надо перезайти. Проверяем результат: