Тайлящиеся текстуры

Джентльмены, у меня было хорошее настроение и я решил написать этот небольшой туториал по созданию "тайлящихся" текстур. Позволю себе заранее предположить, что импортировать готовые изображения из фотошопа в Wally вы уже умеете, поэтому остановимся собственно на процессе работы с фактурой. Итак, нам понадобится:

1. Фотошоп

2. Полуфабрикат вашей текстуры.

3. Да в общем-то и все :).

О'кей, пусть у вас есть некий рисунок:

И вы хотите создать на его основе текстуру, которая, будучи наложенной на стену, не выглядела бы вот так отстойно:

Именно так все и будет, если вы просто отправите данный материал прямо в текстурный файл. Ну что ж, начнем работу. Допустим, вам нужна готовая текстура размером 224х192. Для начала изготовим заготовку. Возьмем наш полуфабрикат и, подобно детсадовским карапузам, аккуратненько  вырежем из него прямоугольник 288х224. Как вы наверное заметили, заготовка, как на уроке трудов, вышла с запасом. Но не надо пугаться, колбасить тупым рашпилем вас никто не заставит, не те времена :). Получается вот что:

Теперь снова вспомним свою задачу. Нам нужно сделать так, чтобы текстура "тайлилась" как в горизонтальном, так и в вертикальном направлении. Займемся сперва вертикальным тайлингом. Сначала выделим нижнюю полоску нашего изображения-заготовки высотой в 32 пикселя (как раз наш с вами вертикальный "запас"):

Затем скопируем отмеченное в буфер и разместим полученную копию в новом слое (то бишь layer'e) поверх заготовки, но уже в верхней части рисунка:

Теперь выберем из меню брашей некую среднюю по размерам, весьма мягкую кисть:

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

Результат должен быть примерно следующим:

Видите? Граница исчезла. Теперь обрежем рисунок, удалив ненужную 32-х-пикселевую полоску-запас снизу:

Вот что мы в результате получим:

Благодаря нашим манипуляциям, полученное изображение будет весьма неплохо "тайлиться" в вертикальном направлении:

Теперь проделаем ту же последовательность действий по отношению к тайлингу в горизонтальном направлении (с той лишь разницей, что, исходя из особенностей данной текстуры, я взял запас в 64 пикселя). По идее должно получиться примерно следующее:

Как видно, теперь текстура тайлится в обоих направлениях:

В общем-то и все, господа. Единственное замечание напоследок - особое внимание следует уделять точке пересечения вертикальной и горизонтальной границ текстуры (на последнем рисунке она аккурат посредине). Это наиболее сложная и ответственная зона тайлинга и здесь описанную выше процедуру можно успешно дополнить применением других замечательный средств фотошопа, насколько у вас достаточно умения и фантазии. В свою очередь хочу выразить сердечную признательность Люку Ахеарну (Luke Ahearn), автору книги "3D Game Art: f/x and Design", из которой ваш покорный слуга и почерпнул сокровенные знания о тайлинге текстур.