# Урок 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.