Урок 4.4

Растровые текстуры

Введение

В этом уроке вы узнаете, как использовать изображения в качестве текстур, которые можно наложить на персонаж.

Начнем с простого файла

В этом уроке мы используем почти завершенный проект. Он называется "Tutorial 4.4" и расположен в поддиректории "Tutorials/4 - Images" программы. Открыв этот файл, вы увидите следующее:

Точка входа этого урока

Проиграйте анимацию, чтобы увидеть, что происходит, после чего обязательно перемотайте на нулевой кадр. Для продолжения работы над персонажем, вам необходимо будет нарисовать от руки текстуру.

Рисуем текстуру

Первым шагом в работе над этим безглавым животным будет создание текстуры. Выберите команду меню  File->Render(Файл->Визуализация) для создания качественного изображения текущего состояния животного:

Визуализированное животное.

В выпадающем меню внизу окна визуализации выберите команду "Copy To Clipboard" (Копировать в буфер обмена). Затем запустите свой любимый графический редактор (мы рекомендуем Adobe Photoshop) и создайте новый документ того же размера, что и проект Moho(в данном случае 320x240). Вставьте скопированное изображение в этот новый документ.

В графическом редакторе создайте новый слой и нарисуйте текстуру на частях тела животного. Очено важно, чтобы текстура находилась на отдельном слое. При использовании Photoshop, порядок слоев должен выглядеть примерно так:

Слои в  Photoshop.

Вы можете нарисовать все, что захотите. Вот пример того, что можно сделать в графическом редакторе. Не волнуйтесь, если вы вылезите за пределы контура изображения:

Текстура на фоне изображении.

Когда вы закончите текстуру, удалите слои с фоном, чтобы осталась только нарисованная текстура с прозрачным фоном (на данном этапе вы все еще работаете в Photoshop):

Без фона.

В заключение, необходимо сохранить текстуру в виде трех раозличных файлов - один для фона ног, один для туловища и один для ног. Для каждой версии текстуры удалите те части текстуры, которые не имеют отношения к определенной части тела. Сохраните изображения в формате PNG, поскольку данный формат наиболее правильно сохраняет прозрачный фон. Назовите файлы "back_tex.png", "body_tex.png" и "front_tex.png". Вот пример того, как должны выглядеть сохраненные файлы:

Текстура задних ног back_tex.png


Текстура туловища body_tex.png


Текстура передних ног front_tex.png

Итак, мы закончили работу в графическом редакторе - сейчас время перенести текстуру назад в Moho.

Примечание:  если у вас возникнут трудности с созданием текстур, вы можете использовать уже готовыете текстуры, которые находятся в папке с уроками. Файл "Tutorial 4.4 Texture.psd" находится в вапке "Tutorials/4 - Images" поддиректории программы - это файл редактора Photoshop. Вы также можете взять уже сохраненные файлы в формате PNG: "back_tex.png", "body_tex.png", and "front_tex.png".

Импортирование текстур

Вернувшись в Moho, создайте новый слой и выберите в качестве источника изображения файл "back_tex.png". Поместите этот слой в группу костей, расположив его над слоем "Back Legs". Затем создайте еще один графический слой, назовите  "body_tex.png" и поместите его над слоем "Body". В заключение, создайте третий графический слой, назвав его "front_tex.png" и разместив наж слоем "Front Legs". Вот каков должен быть порядок следования слоев:

Три новыз графических слоя

На данном этапе текстуры готовы и находятся на своих местах, но они немного выходят за пределы частей тела:

Использованные в  Moho текстуры.

Использование маски для очищения краев

Последним шагом будет очищение краев текстур при помощи масок. Щелкните дважды на слое "Skeleton" в окне Layers, чтобы вызвать диалоговое окно настроек слоя. Перейдите на закладку Masking (Маскировка), и в наборе групповой маски выберите пункт "Hide all" (скрыть все):

Включаем маскировку для группы объектов.

Далее, щелкните дважды на векторном слое "Back Legs" (Задние ноги), чтобы вызвать диалоговое окно настроек слоя. Перейдите на вкладку Masking (маскировка) и установите режим маскировки "+ Clear the mask, then add this layer to it" (Очистить маску и затем добавить к нему этот слой):

Установите режим маскировки для слоя корпуса.

Маскировка делает все объекты невидимыми кроме тех, где есть объекты векторного слоя. Так, например, графический слой "Back Legs" будет виден только в тех местах, где есть рисунки на векторном слое, не давая тем самым текстуре выходить на границы задних ног. Установите режим маскировки также для слоев "Body" (туловище) и "Front Legs" (передние ноги) "+ Clear the mask, then add this layer to it" (Очистить маску и затем добавить к нему этот слой), так как вы  сделали для задних ног. На данном этапе все текстуры должны оставаться внутри изображений частей тела животного:

Текстуры, очищенные при помощи маски.

Проиграйте анимацию еще раоз и вы увидите, что графические слои деформируются вместе с векторными слоями в ответ на движение костей.