Я думаю не стоит описывать процедуру создания обычного logo для CSS, так как там нечего сложного нет. Надо просто выбрать нужную вам картинку формата jpg и определенного размера (кратного 16).
Так что приступим к созданию анимированных лого
Для начала вам понадобится вот эта программа (скачать: http://yadi.sk/d/PE4CalMHL6o2u ) Она нужна для того, чтобы переконвертировать картинку в нужный нам формат.
Делаем следующие шаги:
1. выбираем нашу анимированную картинку (GIF) для конвертации.
2. конвертируем картинку так, чтобы каждый кадр выглядел отдельным файлом. Это можно сделать, к примеру, программой Adobe ImageReady, которая идет с пакетом Фотошопа, следующим путем: file > export > animation frames as files...
Сохраняем каждый кадр в формат jpg. Потом идем в Photoshop и конвертируем каждый кадр-файл в 32-битный формат TARGA (TGA).
3. кладем все это в папку /hl2/materialsrc/animated/ (если нет такой папки, то создайте) и переименовываем эти файлы в spray001.tga, spray002.tga, spray003.tga и так далее.
4. отредактируйте файл spray.txt в редакторе NotePad и замените значение endframe на количество кадров в вашей анимации.
5. запустите convert.bat - ваш.vtf файл появится в папке /hl2/materials/animated/.
5a. если ваш .vtf файл оказался больше, чем 120kb, тогда вам придется урезать кол-во кадров, до тех пор пока размер файла не уменьшится до 120 кб. В пративном случая вы не сможите использовать ваш лого.
6. положите получившийся файл в папку \counter-strike source\cstrike\materials\VGUI\logos.
7. в блокноте создайте новый файл и скопируйте туда след. код:
и сохраните его в той же директории как "spray.vmt", где и ваш ваш.vtf.
8. вот и все. Так же не забывайте, что размер картинки должен быть кратным 2. То есть, к примеру, пойдут такие размеры: 64x64
128x128
256x256
512x512
и т.д.