Анимация для Интернет

       

Практикум



Практикум

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

Упражнение 4.1. Анимация движения

  1. 1. Запускаем Macromedia Flash. Если в окне не отображается временная диаграмма, то по команде View > Timeline (Вид > Ось времени) выводим ее на экран.
  2. 2. Создадим на столе объект, например цветной круг. Выделим его и по команде Insert > Create Motion Tween (Вставка > Рассчитать движение) преобразуем в символ Flash с именем по умолчанию tweenl.
  3. 3. На временной диаграмме выделяем последний кадр будущей последовательности, например 15, и выполняем команду Insert > Frame (Вставка > Кадр).
  4. 4. Переместим объект в новую позицию на рабочем столе, при этом будет создан новый ключевой кадр в конце последовательности, а на временной диаграмме между ключевыми кадрами появится стрелка.
  5. 5. По команде Windows > Panel > Frame (Окно > Панели > Кадр) открываем панель Frame (Кадр), в которой задаются свойства анимации движения, — в раскрывающемся списке Tweening (Расчет) должно быть значение Motion (Движение).
  6. 6. Нажатие клавиши Enter или выбор команды Control > Play (Управление > Воспроизвести) запускает просмотр анимации.

Упражнение 4.2. Анимация формы



  1. 1. Запускаем Macromedia Flash. Если программа активна, то щелчком по кнопке New (Создать) либо выбором команды File > New (Файл > Создать) создадим новый фильм. Для отображения на экране временной диаграммы выполняем команду View > Timeline (Вид > Ось времени).
  2. 2. Активизируем слой и выделяем на нем пустой ключевой кадр для создания будущей анимации.
  3. 3. На рабочем столе изображаем исходную фигдоу с помощью любых инструментов рисования, предлагаемых Flash, учитывая, что можно будет изменять не только ее форму, но и цвет, и ее положение. В примере на Рисунок 4.19 это красный овал.
  4. 4. Пропустив определенное число кадров, например 15, по команде Insert > Key Frame (Вставка > Ключевой кадр) задаем второй ключевой кадр, в котором изобразим конечное состояние фигуры. В примере это зеленый прямоугольник.
  5. 5. Для первого ключевого кадра выделим объект на рабочем столе и выбором команды Modify > Frame (Изменить > Кадр) откроем панель Frame (Кадр), в которой в списке Tweening (Расчет) зададим тип анимации Shape (Форма).
  6. 6. Нажатие клавиши Enter или выбор команды Control > Play (Управление > Воспроизвести) запускает просмотр созданной анимации.

Упражнение 4.3. Анимация с использованием идентификаторов

  1. 1. Запускаем Macromedia Flash. Если программа активна, то щелчком по кнопке New (Создать) либо выбором команды File > New (Файл > Создать) создадим новый фильм. Для отображения на экране временной диаграммы выполняем команду View > Timeline (Вид > Ось времени).
  2. 2. Изобразим на столе объект, например желтый круг.
  3. 3. Пропустив определенное число кадров, например 15, по команде Insert > Keyframe (Вставка > Ключевой кадр) зададим второй ключевой кадр, на котором изобразим конечное состояние фигуры. В примере это синий круг такого же размера в той же позиции стола.
  4. 4. В первом ключевом кадре выделяем круг и открываем панель Frame (Кадр) выбором команды Modify > Frame (Изменить > Кадр). В раскрывающемся списке Tweening (Расчет) зададим тип анимации Shape (Форма). При просмотре такой анимации круг будет лишь постепенно менять свой цвет.
  5. 5. Снова выделим первый ключевой кадр и выполним команду Modify > Transform Add Shape Hints (Изменить > Трансформировать > Добавить идентификатор). В центре фигуры появится начальный идентификатор — красный кружок, помеченный буквой «а». Если команда Add Shape Hints (Добавить идентификатор) недоступна, то предварительно следует выполнить команду View > Show Shape Hints (Вид > Показать идентификаторы формы).
  6. 6. Переместим идентификатор «а» на левый край окружности и повторим команду Add Shape Hints (Добавить идентификатор). Новый идентификатор «6» переместим на правый край окружности (Рисунок 4.28).
  7. 7. Выделим конечный кадр и в нем разместим идентификаторы в обратном порядке. Если они размещены точно на окружности, то их цвет изменится на зеленый. Цвет соответствующих идентификаторов в первом кадре станет желтым (Рисунок 4.29).
  8. 8. Нажатие клавиши Enter или выбор команды Control > Play (Управление > Воспроизвести) запускает просмотр созданной анимации. Теперь круг будет не только менять цвет, но и вращаться относительно вертикальной оси.
  9. 9. Команда File > Save (Файл > Сохранить) позволяет сохранить файл анимации с расширением FLA для дальнейшей работы над ней.


Содержание раздела