Добавил:
Опубликованный материал нарушает ваши авторские права? Сообщите нам.
Вуз: Предмет: Файл:
Гриценко Е.М., Никитина Т.В. Человеко-машинное взаимодействие. Создание анимации средствами Macromedia Flash MX.pdf
Скачиваний:
168
Добавлен:
02.05.2014
Размер:
1.69 Mб
Скачать

 

 

Эта опция управляет режимом видимости отметок при

 

 

Ответ на

трансформации.

 

 

вопросы.

В: Как вы считаете можно ли создать трансформацию

Да. Можно.

 

 

буквы в прямоугольник? Проделайте это.

 

 

 

В: Каким образом преобразовать текст в фигуры?

выбрать Modify/break apart

Лабораторная работа №3 Создание анимации методом трансформации движения. Трансформация движения по указанному пути.

Вид и место

 

 

п/

самостоятель

Содержание самостоятельной работы

Предполагаемый результат

пл.

ной работы на

 

 

 

занятии

 

 

1.Закрепление и Задание: Используя покадровую анимацию написать свою

уточнение

фамилию и имя.

 

знаний уже

 

 

пройденного

 

 

материала.

 

 

1. Закрепление и

Задание: Создать анимацию мяча методом трансформации

(рисунок 1) Нарисуйте широкий прямоугольник внутри

усвоение

движения. Имейте в виду, что мяч два раза

круга.

знаний.

поворачивается по часовой стрелке в промежутке между

 

 

начальным и конечным ключевыми кадрами, и в начале

 

 

трансформации он движется гораздо медленнее, чем в

 

 

конце. Это результат настройки параметров Rotation и

 

 

Easing.

 

 

Способ выполнения задания:

 

 

1. Создайте новый документ, выбрав File/New.

 

 

По умолчанию в новом документе имеется только один

 

 

слой и один ключевой кадр.

 

 

2. Выберите инструмент Oval на панели инструментов

 

Рисование.

3.Из появившихся модификаторов выберите режим No outlines (без контуров) и красный цвет для заливки.

4.Нарисуйте средних размеров окружность в нижнем левом углу сцены.

7.Выберите инструмент Rectangle на панели инструментов Рисование.

6.Из появившихся модификаторов выберите режим No outlines (без контуров) и белый цвет для заливки.

7.Внутри красного круга, который вы только что нарисовали, нарисуйте широкий прямоугольник (рисунок

1).

Это поможет увидеть, как при трансформации работает вращение.

8.Выделите на шкале времени пустой кадр с номером 25

и выберите Insert/ Frame.

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

9.Щелкните правой кнопкой (Windows) или левой (рисунок 2) Выберите команду Create Motion Tween в кнопкой при нажатой клавише <ControI> (Macintosh) по контекстном меню Timeline

первому ключевому кадру, чтобы открыть контекстное

меню Timeline.

10. Выберите в контекстном меню команду Create Motion Tween (Создать трансформацию движения) (рисунок 2). Так как трансформация движения применима только к символам, группам и текстовым блокам, данная команда автоматически преобразует

содержимое любого другого типа в символ и добавит его в библиотеку под именем «tween» с некоторой цифрой. Так как наш мяч и прямоугольник представляют собой простые фигуры, Flash конвертирует их в один символ с именем «tween 1». На шкале времени видно, что

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

11.Передвиньте указатель шкалы времени на кадр с номером 25, где мы хотим завершить трансформацию.

12.Не убирая указатель шкалы времени с 25-го кадра, выберите инструмент Arrow на панели инструментов Рисование и выделите на сцене красный круг. Перетащите его к середине правой стороны сцены.

Это действие автоматически добавит в 25-й кадр ключевой кадр, завершающий трансформацию.

13.Передвиньте указатель шкалы времени от первого до последнего кадра, чтобы посмотреть созданную анимацию.

Поскольку мы хотим, чтобы мяч крутился, уменьшался, исчезал и увеличивал скорость при движении слева направо, сначала позаботимся о редактировании визуальных эффектов (размер и прозрачность), а затем отредактируем движение (вращение и ускорение).

Чтобы задать параметры трансформации движения:

1.Переместите указатель шкалы времени на 25-й кадр. Поскольку мы хотим, чтобы красный мяч уменьшился и стал полностью прозрачным в этой точке трансформации, отредактируем его соответствующим образом.

2.Выберите инструмент Arrow на панели инструментов Рисование и выделите красный мяч на сцене.

3.Выберите Modify/Transform/ Scale and Rotate, чтобы открыть диалоговое окно Scale and Rotate (Масштаб и поворот).

4.Для параметра Scale введите значение 40 (рисунок 3) и

нажмите ОК.

(рисунок 3) Введите значение «40», чтобы уменьшить

 

 

В результате в 25-ом кадре размер красного мяча

размер мяча до 40%

 

 

 

 

 

 

уменьшится до 40% от первоначального размера. Если

 

 

 

 

 

 

 

 

ввести значение больше 100%, то размер увеличится. Если

 

 

 

 

 

 

 

 

вы передвинете указатель шкалы времени от

 

 

 

 

 

 

 

 

первого кадра до последнего, то увидите последствия

 

 

 

 

 

 

 

 

этого редактирования. Теперь сделаем мяч прозрачным в

 

 

 

 

 

 

 

 

этом ключевом кадре.

 

 

 

 

 

 

 

 

 

5. Убедитесь, что по-прежнему выбран инструмент Arrow,

 

 

 

 

 

 

 

 

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

 

 

 

 

 

 

 

 

открыть диалоговое окно Instance Properties (Свойства

 

 

 

 

 

 

 

 

экземпляра).

 

 

 

 

 

 

 

 

 

6. Выберите вкладку Color Effect (Цветовые эффекты) и в

 

 

 

 

 

 

 

 

раскрывающемся списке

выберите значение Alpha

 

 

 

 

 

 

 

 

(Прозрачность).

 

 

 

 

 

 

 

 

 

7. Введите значение 0 или передвиньте указатель в

 

 

 

 

 

 

 

 

крайнее левое положение.

 

 

 

 

 

 

 

 

 

8. Нажмите ОК.

 

 

 

 

 

 

 

 

 

Хотя кажется, что мяч исчез со сцены, это не так. Он

 

 

 

 

 

 

 

 

просто стал полностью прозрачным. Если вы передвинете

 

 

 

 

 

 

 

 

указатель шкалы времени от начала до конца, то увидите

 

 

 

 

 

 

 

 

результат этого редактирования.

 

 

 

 

 

 

 

 

9. Чтобы отредактировать движение, дважды щелкните по

 

 

 

 

 

 

 

 

начальному ключевому кадру трансформации (в нашем

(рисунок 4) На

вкладке

Tweening

можно установить

 

 

примере это кадр с номером 1).

параметры трансформации

 

 

 

 

 

 

Появится диалоговое окно Frame Properties.

 

 

 

 

 

 

Rotate (Поворот). Данный параметр позволяет выбрать в

 

 

10. Выберите вкладку Tweening, чтобы изменить

 

 

параметры трансформации,

и установите следующие

раскрывающемся списке следующие значения для

 

 

значения:

 

вращения при трансформации:

 

 

 

 

 

 

None (Ничего). Группа или символ не вращаются.

 

 

 

Tween scaling: флажок установлен.

 

 

 

Automatic (Автоматически). Если вы повернете группу

 

 

Rotate: выберите Clockwise (по часовой стрелке).

 

 

или символ в

одном из

ключевых кадров,

то

при

 

 

Times: введите 2.

 

 

 

 

трансформации

объект

будет

повернут

в

том

 

 

Orient to path direction: флажок не установлен.

 

 

направлении (по часовой или против часовой стрелки),

 

 

Easing: передвиньте указатель в крайнее левое положение

 

 

 

 

которое требует наименьшего числа движений.

 

 

 

 

или введите значение -100 в поле рядом с указателем.

Clockwise/Counterclockwise

(По/против

часовой

 

 

Synchronize symbols: флажок не установлен.

стрелки). Если заданы эти параметры, группа или

 

 

Snap to guide: флажок установлен.

символ поворачиваются по часовой или против часовой

 

 

11. Нажмите ОК.

стрелки. В поле times указывается число полных

 

 

Поскольку все эти изменения отражаются только на

поворотов, выполненных объектом при трансформации.

 

 

движении, вы сможете увидеть их, только если

Orient to path direction (Следовать траектории). Этот

 

 

передвинете указатель шкалы времени с первого кадра на

параметр имеет смысл только тогда, когда вы задаете

 

 

последний. Имейте в виду, что мяч два раза

трансформацию по определенному пути

 

 

 

поворачивается по часовой стрелке в промежутке между

 

 

 

 

 

начальным и конечным ключевыми кадрами, и в начале

 

 

 

 

 

трансформации он движется гораздо медленнее, чем в

 

 

 

 

 

конце. Это результат настройки параметров Rotation и

 

 

 

 

 

Easing.

 

 

 

 

 

Свойства трансформации движения

 

 

 

 

 

На вкладке Tweening диалогового окна Frame Properties

 

 

 

 

 

вы можете настроить некоторые свойства трансформации

 

 

 

 

 

(рисунок 4):

 

 

 

 

 

Tweening (Трансформация). Позволяет выбрать тип

На верхнем рисунке показано, как трансформируемый

 

 

трансформации.

 

 

Tween Scaling (Изменение размеров при трансформации).

объект следует по траектории при отключенном

 

 

Если символ или группа в начальном и конечном

параметре Orient to path direction, а на нижнем рисунке -

 

 

ключевых кадрах имеет разные размеры, выбрав это

при включенном параметре

 

 

 

 

свойство, вы можете задать постепенное изменение

линией (base line) трансформируемого объекта (символа

 

 

размеров. Если это свойство не выбрано, группа или

или группы) и траекторией движения трансформации

 

 

символ не будут меняться в размерах на протяжении всей

 

 

 

2.

 

трансформации.

 

 

 

 

 

Задание: трансформировать движение мяча по указанному

 

 

 

 

 

пути. Когда фильм экспортируется, траектория движения

 

 

 

 

 

не будет видна..

 

 

 

 

 

Способ выполнения задания:

 

 

 

 

 

1. Выделите слой, на котором находится анимация,

 

 

 

 

 

созданная при помощи трансформации движения, и

 

 

 

 

 

щелкните по кнопке Add Guide Layer (Добавить

 

 

 

направляющий слой) (рисунок 5).

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

2. Сделайте направляющий слой текущим (если он пока Рисунок5 добавить направляющий слой таким не является).

3.На панели инструментов выберите инструмент Карандаш.

Из модификаторов выберите режим Smooth (Сглаживание), задайте любой размер и цвет, а тип линии

- Solid (Сплошная).

4.Нарисуйте кривую линию, наподобие той, которая изображена на (рисунок 6).

Если выбран параметр Snap to guide (а он по умолчанию выбран), экземпляры символа в начальном и конечном ключевых кадрах притянутся к конечным точкам этой

линии.

Рисунок 6. Нарисуйте кривую, наподобие этой. Это и

5. Передвиньте указатель по шкале времени, чтобы

увидеть результат добавления движения вдоль

есть путь. по которому будет следовать трансформация

траектории.

 

Чтобы переместить объект в начальную и конечную точки

 

трансформации:

 

1.Щелкните по переключателю, блокирующему направляющий слой (с изображением замка).

Теперь этот слой нельзя редактировать.

2.Переместите указатель шкалы времени на 1-ый кадр, где находится начальный ключевой кадр трансформации.

3. На панели инструментов выберите инструмент Arrow,

Рисунок 7. Символ будет притягиваться к траектории,

выберите центр экземпляра символа мяча на сцене и

пока вы тащите его вдоль нее