# Урок 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" (Очистить маску и затем добавить к нему этот слой), так как вы сделали для задних ног. На данном этапе все текстуры должны оставаться внутри изображений частей тела животного:

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

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