Спрей підтримує такі графічні формати: JPEG, BMP, TGA і VTF. Розмір спрею повинен бути в теорії 2 певною мірою n пікселя (макс. 4096). На практиці найкраще виглядають 128х128 і 256х256. Обсяг спрею не повинен перевищувати 120 kb 512 kb. Оскільки BMP "важкий" формат, великого сенсу його використовувати в якості спрею немає. Найпростішим спреєм без прозорості буде картинка 256х256 формату jpeg або з прозорістю - формату tga. Так само можна використовувати в якості спрею текстуру від Valve в форматі VTF з її фичами - прозорість, анімація, mipmaps.
За допомогою Photoshop відкриваємо нашу картинку. Нехай це буде, наприклад, логотип Ubuntu "The Circle Of Friends".
Для створення альфа-каналу переходимо у вкладку каналів і натиснемо на піктограму "Зберігає виділену область в новому каналі" (такий собі коло в прямокутнику). Повинно вийти таке:
Знімаємо видимість з нашого альфа-каналу. Кадріруем зображення до потрібного розміру інструментом "Рамка"
вписавши значення ширини і висоти 256 px. І збережемо його в форматі tga з альфа-каналом. Наш спрей готовий.
Створюємо анімований спрей
Для анімованого спрею ми робимо практично все те ж саме. Єдина відмінність - для кожного кадру створюється свій tga файл. Щоб зменшити обсяг вихідного файлу можна зменшити його розмір до 128х128. Якщо кінцевий файл задовольняє обсягом, можна залишити як є.
Як працювати з фотошоп пояснювати не буду. Припустимо у нас вже є анімація в форматі gif. Щоб імпортувати файл в Photoshop вимагає встановити інший плагін QuickTime. Якщо він є - відкриваємо Файл - Імпорт -> Кадри відео в шари. В поле "Ім'я файлу" вказуємо *. *. Тепер вибираємо наш gif файл. (Крім того, для створення анімації будуть корисні команди меню вікна "Анімація" "Створити шари з кадрів" і "Створити кадри з шарів").
Тепер, коли всі кадри у нас в шарах, ми експортуємо ці шари, для цього відкриваємо Файл - Сценарії - Експортувати шари у файли. У меню вибираємо формат файлу TGA, 32 bit (якщо є прозорість), папку збереження і тикаємо на експорт. Ось в нашій таткові є файли кадрів в форматі tga.
(Шари експортуються від верхнього до нижнього, якщо анімація у вас йде навпаки, то можна зробити дві команди меню вікна "анімація": "зворотний порядок кадрів" і "Створити шари з кадрів", а потім видалити попередні шари і експортувати.)
Далі, коли файли кадрів анімації у нас є, нам необхідно зробити з них файл VTF. Для цього відкриваємо програму VTFEdit і заходимо в меню File - Import. Виділяємо всі наші файли (переконуємося що кадри названі по порядку) і тиснемо ОК. У вас з'явиться вікно настройки опцій. Якщо не знаєте що з ними робити, не робіть нічого, тисніть ОК.
Перейдемо у вкладку "Image". Якщо ми все зробили правильно, при зміні значення Frame ми побачимо наші наступні кадри. Тут же можна переглянути анімацію натиснувши кнопку Play. На вкладці Info звертаємо увагу на розмір вихідного файлу. Нагадаю, що ліміт 120 Кб. (У мене працював спрей 256х256 з анімацією, прозорістю, розміром 341 Кб, так що точний ліміт не знаю Уже знаю. Після обнови в 2010 - 512 kb :-p) Якщо все в порядку, натискаємо кнопку "Зберегти", що дасть нам готовий до використання анімований спрей.
Для просунутих: Створюємо динамічний спрей
Крім усього іншого нам потрібен DDS плагін для фотошопа і програма DDS to VTF Converter (VPKTool) . Встановлюємо все це справа.
Отже, коротко. Створюємо звичайний спрей. Можна з альфа каналом. Зберігаємо як D3D / DDS (* .DDS) попередньо виконавши зведення шарів! У вікні налаштувань вибираємо "DXT5 ARGB 8bbp | interpolated alpha", а ще краще - "8.8.8.8 ARGB 32 bpp | unsigned" (щоб не стискати поки картинку в DXT5), ставимо галочку на "Generate MipMaps".
Закриваємо наше зображення і відкриваємо збережене. Увага, ставимо галку на Load MIP maps.
Те, що ми бачимо - наш спрей з різної відстані огляду. Велика картинка - поблизу, маленька - далеко. Тут ми можемо замінити будь-яку картинку своєї, і поблизу і вдалині ми будемо бачити різний спрей, який буде змінюватися при наближенні-віддалі.
Тепер зберігаємо наш спрей в форматі DDS вже в "DXT5 ARGB 8bbp | interpolated alpha", але відзначаємо пункт "Use existing mip maps".
Далі запускаємо другу програму - VPKTools. Відкриваємо вкладку "Texture Tools". Вибираємо наш файл і натискаємо "Convert DDS to VTF". В результаті у нас вийде спрей в форматі VTF. Відкривши його в VTFEdit і змінюючи значення пункту mipmap ми можемо побачити результат нашої творчості.
