Урок 1.1

Быстрый обзор

Введение

Этот урок кратко описывает основные способы работы в программе Moho. Целью данного урока является скорее дать общее представление о работе программы, чем дать подробное описание по работе с какими-то особыми функциями программы. В этом уроке мы будем рисовать и анимировать простой объект.

Moho содержит несколько групп инструментов, используемых для различных задач. Некоторые из этих инструментов используются для создания новых объектов, другие - для модификации и анимации существующих объектов. Основными группами инструментов являются инструменты: рисования, заливки, костей и слоев.

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

Рисование простой фигуры

Запустите Moho, щелкнув дважды по ярлыку или выбрав ссылку из списка программ меню Пуск. Когда вы создаете новый проект Moho, приложение запускается и появляется следующее окно:

Интерфейс Moho

Круг

Выберите инструмент круг, щелкнув по нему на панели инструментов. Для создания круга, щелкните и перетащите курсор в главном окне программы.Для создания равномерного круга, а не овала, необходимо при рисовании удерживать клавишу <shift> Попытайтесь не выходить за рамки голубого квадрата (он представляет видимую область проекта). Если вам не нравится ваш круг, просто выберите команду Edit->Undo (Редактировать -> отменить). Ваш круг должен принять следующий вид:  

Ваш первый рисунок в Moho

Заливка формы цветом



Создание заливки

Используя инструменты заливки, вы можете взять формы, нарисованные при помощи инструментов рисования, и залить их цветом. Для этого выберите команду меню Edit->Select All(Редактировать->Выделить все). Затем щелкните по инструменту Создание Заливки  на панели инструментов. Ваше окно должно выглядеть примерно так: 

Выбор формы для заливки.

Инструмент Созданя заливки показывает площадь, которая должна быть заполнена цветом (в виде красной шахматной доски). Однако, эта площадь еще не залита. И если вы уверены, что хотите залить выделенную область, нажмите Пробел на клавиатуре. Эта команда говорит Moho, что вы принимаете выделение и хотите его оставить. 

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

Окно стилей

Щелкните на квадратике "Цвет заливки", чтобы выбрать новый цвет для круга и установите ползунок на значени 1 (это ширина линии). Затем выберите команду меню File->Render (Файл->Визуализация). Откроется новое окно, которое отобразит текущее состояние вашего проекта. После просмотра закройте это окно.

Простая анимация

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

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

Временная шкала



Перемещение узлов

Затем выберите в меню Edit->Select None (Редактировать -> Снять выделение). Выберите инструмент Перемещение из панели инструментов. Щелкните и перетащите нижний узел круга, после чего ваш круг должен выглядеть примерно так: 

Передвижение узла



Вращение Слоя

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


Передвижение целого слоя  

На Временной шкале щелкните на кадре номер 72, чтобы изменить текущий кадр. Затем выберите из главного меню Draw->Reset All Points (Рисовать->Отменить действия со всеми узлами), чтобы вернуть все узлы на свои места. А сейчас выберите Layer->Reset Layer Rotation (Слой -> Отменить вращение слоя), чтобы отменить вращение всего слоя.

Мои поздравления, вы сделали анимацию! Нажмите на кнопку Play на Временной шкале, чтобы посмотреть, что получилось: 

Контрольная панель проигрывателя

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

Окончательный результат


А сейчас вы можете поэкспериментировать немного самостятельно с различными операциями, например добавлять больше ключевых кадров. Когда вы почувствуете себя готовыми для продолжения учебы, переходите к Уроку 2.