Слишком много вещей сделано детишками, у которых руки растут значительно ниже пояса. Так поможем же детишкам не портить интернет своими кривыми поделками.

Гайд рассказывает о том, как выбрать картинку для текстуры и подготовить ее к конвертации в VTFEdit'е, причем всё это так, чтобы качество картинки не пропало.

Да! Даже на этом этапе раненный в голову пионер уже ошибается. Невероятно, но факт.

Хорошая декаль - декаль с прозрачностью. Пионер берет картинку, и пытается в Фотошопе «сделать ей прозрачность». Получается, естественно, полная куита. Это потому, что пионер не знает - процесс вырезания контура картинки из фона называется «обтравкой» {ссылка[ru.wikipedia.org]}, и в общем случае это сложный процесс, которым занимаются настоящие мастера. Попробуйте хоть раз, например, вырезать лохматую голову, отделить её от светлого фона... Да, волосы - это настоящий ад обтравщика. Если вы действительно хотите этим заниматься - извольте штудировать доку Фотошопа.

А мы обойдемся без обтравки. Как? Да просто найдем уже готовую картинку с прозрачностью!

Запускаем гугло-поиск. Сразу выбираем закладочку «картинки». Пишем то, что мы хотим найти и - главное - добавляем после него три заветные буквы «png»:

Формат картинок PNG веб-мастера используют не от хорошей жизни: он неудобный, громоздкий и вообще устаревший. Однако в нём есть прозрачность. Обычно, именно ради прозрачности картинки и сохраняют в этом формате. А если прозрачности нет, обычно записывают в JPEG.

Можно не дописывать «png», а ткнуть слева в «любого цвета - прозрачные» (отмечено желтеньким), получится чуть другой набор картинок. Но просто дописать «png» надежней.

Какая-то картинка нам понравилась. Посматриваем в её свойства (выделено зелененьким куда смотреть). Картинка должна быть довольно большой. Желательный размер между 400х400 и 1500x1500.

Окей, вроде всё в порядке - сохраняем картинку себе на рабочий стол.

Как вы уже возможно знаете, текстуры/спреи имеют фиксированный размер. Самые ходовые размеры таковы: 64х64, 128х128, 256х256, 512х512, 1024х1024, 2048х2048. Чем больше размер - тем выше качество, но одновременно и больше размер файла, и тем больше потребление памяти компьютера. Поэтому, типично используют серединку - 512х512. На ней и остановимся.

Но для начала, убедимся, что картинка, скачанная нами только что действительно качественная. Проще всего подложить «под прозрачность» какой-то яркий цвет, и тогда дефекты станут наверняка видны: всякие пятна, нечеткий или рваный контур картинки. В таком случае мы бракуем эту картинку и ищем ей замену.

Как будем проверять? Часто делают это в Фотошопе, но я обычно использую крохотную утилитку CQ - Color Quantizer {ссылка[kherson.myftp.biz]}. Благодаря некоторым её особенностям результат получается качественней Фотошопа. Впрочем, зачастую и без него не обходится. Руководство по CQ тут[kherson.myftp.biz].

Загружаем нашу картинку в CQ:

Первым делом нажимаем на картинке правую кнопку мышки - меню - aplha background - color. Я выбрал красненький. Осматриваем картинку, особенно контуры её. Если всё окей, продолжим.

Жмём кнопку Auto Crop (отмечена синеньким). Будет отброшена вся лишняя прозрачность. Холст картинки станет меньше.

Жмём кнопку Canvas Size (отмечена желтеньким). Получаем вот такую менюшку:
Смотрим внимательно на циферки. Здесь у нас два варианта:
• Если обе цифры меньше или равны 512, вписываем в оба поля 512.
• Если хотя бы одна из цифр больше 512, тогда берём большую из цифр, прибавляем к ней ~15. Делаем обе цифры равной этому получившемуся числу. (В нашем случае 792+15=807). Жмём «Окей».

Изменяем размер картинки, нажав кнопочку «Image Resize» (синеньким):
В поля, отмеченные красным, вписываем «512».
Дёргалку, отмеченную желтым, можно повозить вправо-влево. Это резкость. Смотрите на картинку, резкость может её улучшить. Главное не перегнуть палку. А если резкости не хватает, можно перевести её в более жесткий режим, включив кнопочку «More».
Жмём «Окей».

Записываем картинку с помощью кнопочки, отмеченной зелёным кружком. Записывать нашу заготовку лучше всего в формате TGA (он будет в выпадающем списке).

Настал черёд утилиты VTFEdit. Запустите её и нажмите кнопку «импорт» (синеньким):
Выберите нашу TGA-картинку. Сразу откроется меню опций импорта. Заполните его так, как здесь на картинке. И жмём «Ок».

Слева появится панель флагов.

Заполните её вот так, как на картинке слева (не прогадаете).

Готово, можно записывать.
Меню - Сохранить как...
И даём имя нашей текстуре.

Всё!

Можно загружать клиент TF2 и испытывать нашу текстуру, для начала, в качестве спрея.

Результат наших усилий - в игре; качество вполне удовлетворительное.

Некоторая дополнительная информация по теме текстур.

[1] Больше технической информации о текстурах, спреях и всяком таком прочем здесь:
http://steamproxy.com/sharedfiles/filedetails/?id=297118429
[2] Примитивный, но работающий способ получения прозрачности картинок:
http://steamproxy.com/sharedfiles/filedetails/?id=317550128