Практическая работа 'Приёмы создания анимации'

Практическая работа «Приёмы создания анимации»

Цель:

Познакомиться со средой разработки Flash8Portable и возможностями создания направленного движения.

Что получим в результате работы?

1. Файл с шаром

2. Файл с самолета

3. Файлы анимации

Задание 1: Создать изображение воздушного шара овальной формы

1. Выбор цвета контура и заливки

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

2. Рисование овала

Далее необходимо нарисовать шар. Это можно сделать с помощью инструмента , удерживая нажатой клавишу <Shift>. После проделанной операции рисования вы должны получить примерно такой результат:

3. Придание шару объёма

Для того чтобы придать шару объём, необходимо использовать настройки цвета, которые во Flash выполняются с помощью Микшера цветов (Данную панель можно выбрать из пункта меню Окно (window)-Микшер цвета (Color mixer))

В программе Flash существуют несколько типов заливки:

1. Одноцветная (Solid)

2. Градиентная - плавный переход от одного цвета к другому. Градиент может быть линейным (Linear) и радиальным (Radial)

3. Растровая (Bitmap)- заливка рисунком

Все эти виды заливок выбираются из раскрывающегося меню окна инструментов Микшер

4. Сохранение результата

Создайте папку, в которой будут храниться работы по Flash и сохраните результат в ней.

5. Движение шара

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

Для создания анимации необходимо более подробно познакомится с инструментарием. Главным инструментом анимации в Macromedia Flash является Монтажный стол (Монтажная линейка, Шкала времени). На Монтажной линейке отображается последовательность кадров клипа и обозначено то, как они появляются в клипе по времени.

Чем больше число кадров в секунду будет отображаться, тем плавней будет смотреться движение, но тем больше кадров потребуется для клипа. В большинстве случаев вполне достаточно частоты 12 кадров в секунду, так например, телевидение использует 24 кадра в секунду.

Палитра слоёв

Шкала времени (кадров)

Маркер. Указывает на текущий кадр, который в данный момент расположен на сцене

Изображение шара должно находиться в нижней части рабочей области.

1. На десятом кадре Шкалы времени выполняем следующие действия, правой кнопкой мыши: Вставить-Кадр (Insert-Frame). Шкала времени при этом с 1 по 10 кадр должна окрасится в серый цвет.

2. Выполняем команду Вставить-Создать двойное движение (Create Motion Tween - первый пункт контекстного меню) тем самым мы определяем, что создаём именно анимацию движения. На шкале времени должна появиться пунктирная линия с 1 по 10 кадр

3. Выполнить команду Вставить-Создать ключевой кадр (Convert to Keyframes). Пунктирная линия должна превратиться в сплошную линию.

4. Переместить изображение шара наверх, примерно в центр рабочей области

5. Простая анимация создана. Для того чтобы просмотреть результат, нужно выполнить команду Управление-Проиграть (Control-Play).

Мяч переместился вверх, для того чтобы он мог вернуться на землю, необходимо проделать подобные действия на 20 кадре. (Выполните движение мяча вниз)

6. Простая анимация создана. Для того чтобы просмотреть результат, нужно выполнить команду Управление-Проиграть (Control-Play).

Задание 2: Рисование и простое движение самолета

1. Создайте несколько слоев на панели Слои

2. На первом слое Layer1 нарисуйте Пейзаж (смотри рисунок) и назовите слой Пейзаж.

3. На втором слое Layer2 нарисуйте Солнышко (смотри рисунок) и назовите слой Солнышко.

4. На третьем слое нарисуйте Самолёт. Слой назовите Самолёт

5. Настройте анимацию для самолёта и солнышка, так чтобы самолет двигался слева направо по прямой линии, а солнышко справа налево (смотри предыдущее задание)

Задание 3: Сложное движение самолета

1. На панели Слои перейти на слой Самолёт и с помощью кнопки Add Motion Guide - Добавить направляющее движение.

2. Выбрать с помощью карандаша (Pencil Tool) кривую плавную линию (плавность - Options - Smooth). Цвет линии должен совпадать с цветом фона.

3. Добавить ещё 40 кадров, чтобы было 50 кадров на линейке (Insert Frame - правой кнопкой мыши на 50 кадре и выполнить действия для настройки движения).

4. Сохранить в двух форматах в своей папке: .fla (родной формат Flash) и .swf (формат проигрывания ролика вне программы: пункты меню Publish Settings - указать путь сохранения и формат, а Publish - сохранение по выбранному пути).

5. Запустить файл в формате .swf