- •Хід роботи:
- •Теоретичні основи:
- •Интерфейс Flash 8
- •Рабочее окно программы Macromedia Flash 8 Робота со слоями
- •Основные графические инструменты.
- •Дополнительные средства работы с графикой.
- •Общие сведения о кадрах и анимации
- •Эталоны и экземпляры.
- •Практические задания:
- •Пример создания анимации формы.
- •Покадровая анимация
- •Озвучивание
- •Контрольные вопросы:
- •Рекомендуемая литература:
Практические задания:
Используя знания, полученные на данной практической работе создать фильм, состоящий из двух сцен, которые проигрываются последовательно. В первой сцене создать анимацию формы превращения первой цифры Вашего дня рождения в другую; во второй сцене создать покадровую анимацию Вашей фамилии. Озвучить анимацию. Сохранить фильм под именем Фильм(Фамилия).
Пример создания анимации формы.
Создадим фильм, в котором цифра 2, плавно перемещаясь по кадру, постепенно превращается в цифру 7. Чтобы дополнительно настроить промежуточные кадры, мы применим идентификаторы формы - особое средство, позволяющее сгладить процесс трансформации.
- Создайте новый файл, нажав кнопку New (Новый) - на панели инструментов Main (Главная).
- Переименуйте слой Layer 1 в Анимация.
- Дважды щелкните мышью на кнопке Hand Tool (H) (Рука) в секции View (Вид) панели инструментов, чтобы отобразить на сцене полный кадр.
- На панели инструментов выберите инструмент Text Tool (Текст).
- На панели Properties (Свойства) выберите шрифт Times New Roman Cyr, установите размер 200 пунктов и выберите зеленый цвет текста. - В левом верхнем углу сцены введите число 2.
Теперь нужно указать конечный кадр анимации и вставить в него пустой ключевой кадр.
- Щелкните мышью в строке единственного текущего слоя окна шкалы времени (Timeline) под отметкой 30 шкалы нумерации кадров. Появившийся черный прямоугольник укажет положение создаваемого кадра.
- Выберите команду меню Insert/Timeline/Blank Keyframe (Вставить/Шкала времени/Пустой ключевой кадр). В указанной позиции будет вставлен пустой ключевой кадр.
- Снова выберите инструмент Text Tool (Текст).
- На панели Properties (Свойства) выберите шрифт Times New Roman Cyr, установите размер 200 пунктов и выберите синий цвет текста. В правом нижнем углу сцены введите число 7.
Анимация формы не может применяться к тексту, группам, экземплярам эталонов и растровым рисункам. Поэтому теперь следует преобразовать вставленные рисунки в формы.
- На панели инструментов выберите инструмент Selection Tool (Выделение).
- Перейдите к первому кадру документа и выделите щелчком мыши цифру 2 в левом верхнем углу.
- Выберите команду меню Modify/Break Apart (Модификация/Разбить). Изображение цифры 2 будет расчленено и выделено точечным узором.
- Щелкните мышью на свободном пространстве сцены, чтобы снять выделение.
- Перейдите к кадру 30 и повторите предыдущие действия, преобразовав в форму цифру 7.
Теперь создадим анимацию формы.
- Вернитесь к первому кадру документа, на нем щелкнув мышью, и раскроите панель Properties (Свойства).
- В открывающемся списке Tween (Расчетная анимация) панели Propertie (Свойства) выберите Shape (Форма). Выделенному кадру будут присвоены соответствующие свойства. На шкале времени между кадрами 1 и 30 появится стрелка на зеленом фоне, указывающая, что между кадрами созданы прс межуточные кадры анимации.
На панели Propertie (Свойства) отобразятся элементы управления анимацией формы.
Поле ввода и ползунковый регулятор Ease (Плавность) панели Properties (Свойства) имеют такое же назначение, как и в анимации движения. Перемещение ползункового регулятора вниз (In) замедляет анимацию в начале, а вверх (Out) – в конце.
В открывающемся списке Blend (Переход) можно выбрать один из методов создания промежуточных форм:
Distributive (Распределенный) – создает анимацию, промежуточные формы которой имеют гладкие очертания;
Angular (Угловатый) – промежуточные формы анимации сохраняют четкие углы и прямые линии. Этот метод подходит только для форм с острыми уг
7 е7 и и прямыми линиями.
Теперь сделаем так, чтобы изменение формы начиналось быстро и замедлялось в конце.
- Переместите ползунковый регулятор Ease (Плавность) вверх так, чтобы в поле ввода слева от него отобразилось значение 50.
- Сверните панель Properties (Свойства), щелкнув мышью на значке п слева от названия панели.
Просмотрим созданную анимацию формы.
- Нажмите кнопку Play (Проиграть) – на панели управления (Controller). Вы увидите, как цифра 2, перемещаясь вправо вниз, постепенно превращается в цифру 7. При этом изменяются не только форма и положение объекта, но также и его цвет.
Однако качество превращения форм далеко от совершенства. В промежуточных кадрах программа так видоизменяет фигуры, что они превращаются в неряшливые бесформенные кляксы .
Нам нужно добиться, чтобы одна фигура плавно перетекала в другую, создавая ощущение направленной трансформации. Чтобы исправить положение, вы можете указать программе, как точки исходного объекта должны преобразовываться в точки конечной формы. Это выполняется с помощью так называемых идентификаторов формы, которые отмечают точки фигуры до и после изменения ее формы.
Расставим на объектах анимации идентификаторы формы.
- Нажмите кнопку Rewind (В начало фильма) на панели управления (Controller), чтобы сделать текущим первый кадр фильма.
- Выберите команду меню Modify/Shape/Add Shape Hint (Модификация/Форма/Добавить идентификатор формы) . На фигуре цифры на сцене появится красный кружок с буквой а внутри. Это – начальный идентификатор.
Теперь мы должны указать положение этого идентификатора на объекте, nepеместив его в нужную точку контура фигуры.
- Убедитесь, что в секции Options (Параметры) панели инструментов включи модификатор – Snap to Objects (Привязка к объектам). При этом кружки – идентификаторы формы при перемещении будут притягиваться к грани фигуры.
-Установите указатель мыши, который примет форму стрелки с крестиком, на начальном идентификаторе.
- Перетащите идентификатор в верхнее окончание цифры 2 (Рис. 6.7).
Таким образом, мы указали положение начального идентификатора в первом кадре анимации. Теперь нужно указать положение этой же точки, отмеченной идентификатором, в последнем кадре анимации.
- Нажмите кнопку Go To End (В конец фильма) на панели управления (Controller). Текущим станет последний кадр анимации. Как видите, на цифре 7 тоже появился круглый красный идентификатор с меткой а. Это – конечный идентификатор. Его нужно поместить в том месте контура фигуры, в которую должна перейти точка, помеченная в первом кадре.
- Перетащите конечный идентификатор на верхнее окончание цифры 7. Как только вы правильно установите конечный идентификатор, он окрасится в зеленый цвет.
Перейдем к первому кадру фильма, чтобы добавить еще один идентификатор формы.
Нажмите кнопку Rewind (В начало фильма) на панели управления(Controller). Текущим станет первый кадр анимации.
Обратите внимание; что начальный идентификатор окрасился в желтый цвет. Это означает, что оба идентификатора – начальный и конечный – установлены правильно, и в процессе проигрывания анимации точка, помеченная в первом кадре идентификатором а, перейдет в точку с такой же пометкой в последнем кадре. Если же какая-либо точка установлена неправильно, то оба идентификатора будут окрашены в красный цвет.
Добавим второй начальный идентификатор.
Нажмите Modify /Shape /Add Shape Hint. На цифре 2 появится второй начальный идентификатор в виде красного кружочка с буквой Ь внутри.
Идентификаторы формы на фигуре рекомендуется расставлять последовательно, начиная с левого верхнего угла, двигаясь против часовой стрелки.
-
Переместите второй начальный идентификатор
с пометкой b
на край правого верхнего
изгиба цифры 2 .
Перейдем к последнему кадру фильма, чтобы установить второй конечный идентификатор формы.
Установим остальные пары идентификаторов формы.
Просмотрите полученный результат, нажав кнопку Play (Проиграть) на панели управления (Controller).
Всего можно расставить 26 идентификаторов, которые отмечаются буквами латинского алфавита от а до z. Удалить любой идентификатор можно, перетащив его за границы кадра или воспользовавшись командой контекстного меню идентификаторов Remove Hint (Удалить идентификатор). Удалить сразу все идентификаторы можно командой меню Modify/Shape/ Remove All Hints (Модификация/Форма/Удалить все идентификаторы) или такой же командой из контекстного меню идентификаторов.
