Як зробити динамічний спрей

Як зробити динамічний спрей.

А в цьому туторіали я вам розповім, як зробити динамічний спрей. який змінюватиме своє зображення в залежності від відстані до нього персонажа.

Для роботи нам будуть потрібні:
1. Nvidia DDS plugin for Photoshop (плагін для Photoshop`а, що дозволяє працювати з DDS-файлами).
2. VPKTool (для конвертації DDS в VTF).
3. VTFEdit (для створення VMT з VTF).
4. Adobe Photoshop (будь-яка версія).

Завантажити все програми одним архівом (крім Photoshop'а) можна тут. [Ifolder.ru].

I. Adobe Photoshop.

Перед початком роботи для Фотошопа встановіть плагін Nvidia DDS plugin for Photoshop.

Крок 1. Створюємо картинку, яку Ви будете бачити здалеку, розміром 256х256 точок (максимум).
скріншот [s012.radikal.ru]

УВАГА! Картинка повинна бути background (фоном).
скріншот [s009.radikal.ru]

Крок 2. (Якщо не створюємо з нуля, а вставляємо готову картинку).
Якщо картинка більше або менше 256х256 точок, то її можна розтягнути або стиснути. Для цього тисніть Alt + Ctrl + I і там задавайте в пікселях розміри картинки (приберіть галку з "Constrain Proportion" ( "Зберігати пропорції").
скріншот [s013.radikal.ru]

Крок 3. Редагуємо картинку (робимо прозорий фон)
Беремо інструмент "Magic Wand Tool" ( "Чарівна паличка") і виділяємо фон картинки натисканнями ЛФМ з затиснутим Shift. Після натискаємо ПКМ і вибираємо "Select Inverse" ( "інверсірованного виділення").
скріншот [s42.radikal.ru]

Далі йдемо в "Channels" ( "Канали") справа внизу і створюємо там новий канал "Alpha 1" і взявши інструмент "Paint Bucket Tool" ( "Заливка") зафарбовує наш "нефон" білим кольором (#ffffff). Де білий колір - видно, де чорний - прозоро, також можна сірим пофарбувати і отримати часткову прозорість (залежить від сірого).
скріншот [s016.radikal.ru]

Зберігаємо наш ще не творіння (Shift + Ctrl + S) в форматі DDS.
скріншот [s015.radikal.ru]

Крок 4. Перед нами спливає вікно налаштувань збереження - у верхньому лівому слайдері вибираємо "DXT5 ARGB 8bbp | interpolated alpha", ставимо галочку на "Generate MipMaps". Зберігаємо.
скріншот [i049.radikal.ru]

Крок 5. Закриваємо картинку і відкриваємо збережену - бачимо вікно, в якому ставимо галочку "Load MIP Maps", далі "ОК".
скріншот [s58.radikal.ru]

Крок 6. І зображення буде у вигляді сходинок. Перша - це вид спрею поблизу, а наступні - при видаленні від спрея. Міняємо найбільше зображення на вам потрібне.
скріншот [i025.radikal.ru]

Якщо ж вам потрібен прозорий фон, то робимо наступне:
1. Йдемо в "Channels" "alpha 1" і там затираємо фоновим кольором (чорним або який у вас там) силует старого зображення.
2. Йдемо в "Layers" ( "Шари") і затиснувши Ctrl натискаємо ЛКМ на новий (верхній) шар (в якому ви попередньо видалили все зайве, залишили тільки непрозоре) і він виділяється.
3. Повертаємося в "Channels" і зафарбовує білим виділений силует. Готово.
скріншот [s52.radikal.ru]

Об'єднуємо шари (якщо їх у вас кілька):
Йдемо в "Layers" ( "Шари") дивимося, щоб на всіх стояв око і тиснемо Ctrl + Shift + E.

Крок 7. Знову зберігаємо файл, але вже з іншим ім'ям і в боксі з Nvidia міняємо "Generate MipMaps" на "Use exciting MipMaps".
скріншот [s57.radikal.ru]

Вибираємо вкладку "Texture Tools" (1). І відкриваємо наш останній файл (2) і конвертований, натисканням на кнопку "Convert DDS to VTF" (3). Якщо написано "Converted (4), то все в порядку.
скріншот [s48.radikal.ru]

Відкриваємо конвертований файл. Можна перевірити слайди, клацаючи на стрілочки "MipMap". Натискаємо на "Tools"> "Create VMT file" (1) і зберігаємо наш новий vmt-файл поруч з vtf-файлом (2). (Власне, там вже все стоїть як потрібно, але якщо що, то в "Base Texture 1" вкажіть vtf-файл, створений раніше).
скріншот [s11.radikal.ru]

Вуаля!
Кладемо 2 файли (* .vtf і * .vmt) в папку "Steam \ steamapps \ common \ left 4 dead 2 \ left4dead2 \ materials \ vgui \ logos" і вибираємо їх в самій грі.

Схожі статті