Анимация движения в программе Macromedia Flash

by Efimenko

Artwork: Efimenko LI

This free e-book was created with
Ourboox.com

Create your own amazing e-book!
It's simple and free.

Start now

Анимация движения в программе Macromedia Flash

by

Artwork: Efimenko LI

  • Joined Jun 2017
  • Published Books 1
Анимация движения в программе Macromedia Flash by Efimenko - Illustrated by Efimenko LI - Ourboox.com

Схема работы с данным материалом

1. Объяснение материала  по теме “Анимации движения”

 

2. Алгоритм выполнения обязательного задания для закрепления

 

3. Проверочный тест

 

4. Задание для индивидуальной самостоятельной работы

3

Анимация движения

Анимация движения объекта (motion tweening) –
один из основных видов автоматической анимации во Flash.

 

Анимация движения применима только  для…

….экземпляров библиотечных образов
(-символ из библиотеки, помещённый на сцену);

 сгруппированных объектов

(например,  объект ракета, реализован с помощью инструментов прямоугольник, круг, перо, и др, без размещения его в библиотеке,нужно, предварительно выделив, все его элементы сгруппировать).

4

Создание анимации движения

При создании Анимации движения объекта (motion tweening) следует

вручную создать лишь 2 ключевых кадра: исходное положение объекта и конечное,

-программа автоматически сгенерирует промежуточные кадры.

 

Для этого:

на шкале времени, установить маркер  кадра на любой промежуточный кадр (между ключевыми),

выбрать команду контекстного меню Create Motion Tween (Создать анимацию движения)/

5
Анимация движения в программе Macromedia Flash by Efimenko - Illustrated by Efimenko LI - Ourboox.com
Анимация движения в программе Macromedia Flash by Efimenko - Illustrated by Efimenko LI - Ourboox.com
Анимация движения в программе Macromedia Flash by Efimenko - Illustrated by Efimenko LI - Ourboox.com
Анимация движения в программе Macromedia Flash by Efimenko - Illustrated by Efimenko LI - Ourboox.com
Анимация движения в программе Macromedia Flash by Efimenko - Illustrated by Efimenko LI - Ourboox.com
Анимация движения в программе Macromedia Flash by Efimenko - Illustrated by Efimenko LI - Ourboox.com
Анимация движения в программе Macromedia Flash by Efimenko - Illustrated by Efimenko LI - Ourboox.com
Анимация движения в программе Macromedia Flash by Efimenko - Illustrated by Efimenko LI - Ourboox.com

Алгоритм выполнения обязательного задания для закрепления

Задание. Реализуйте движение шара слева направо
с увеличением размера со скоростью 25 кадров в секунду (
fps)
в течение двух секунд. Замедлите скорость движения шара
.

1) Нарисуйте объект (шар) на отдельном слое.

2) Преобразуйте его в символ (F8) типа Графика (например, назвать Шар1).

3) Экземпляр символа Шар1 разместите на 1-м кадре в начальной точке:
слева на сцене.

4) Выделив на шкале времени 50-й кадр, преобразуйте его в ключевой (F6).

14

Алгоритм выполнения обязательного задания для закрепления

5) На 50-м кадре переместите шар в конечное положение (справа на сцене), увеличив его размеры с помощью инструмента трансформации.

6) Скорость ролика – 25  fps (Ctrl+M), а можно с помощью шкалы времени.

7) Произведите автозаполнение промежуточных кадров: на шкале времени, выделив любой промежуточный кадр, вызвав контекстное меню и выбрав
команду Создать анимацию движения (Create Motion Tween)

8) Проверьте ролик (Ctrl+Enter).

15

Алгоритм выполнения обязательного задания для закрепления

9) На панели Свойства найдите параметр Замедление (Ease), в числовом поле справа от него введите  положительное число для замедленного движения (например, 10).

10) Ещё раз проверьте ролик (Ctrl+Enter), чтобы увидеть замедление движения.

11) Результат сохраните в рабочей папке под именем Шар1_Фамилия.fla. Опубликуйте  ролик с форматами .gif и .html.

16

Проверочный тест

1. Анимация движения относится к …

  1.   автоматической анимации
  2.   покадровой анимации
  3.   это отдельный вид анимации,к вышеперечисленным не относится

2. Выбери верное утверждение.

  1.       При создании анимации движения приходится вручную подготавливать только 1-й кадр ролика, все последующие кадры программа Flash сгенерирует автоматически.
  2.       Анимации движения применима только к символам.
  3.       С помощью анимации движения можно реализовать вращение объекта по часовой стрелке с увеличением в размере.

3. Анимацию движения ещё называют ….

  1.      frame-by-frame animation
  2.      tweening animation
  3.      motion tweening
  4.       shape tweening

 

17
Анимация движения в программе Macromedia Flash by Efimenko - Illustrated by Efimenko LI - Ourboox.com

Задание для индивидуальной самостоятельной работы

«Самое интересное в идеях – это попробовать их на деле»

Р. Бах

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

(при наличии времени, можно выполнить и оба задания)

 

 Внимание!   Задание 1  – это задание 3-4 уровня сложности  , а Задание 2 относится к 4-5 уровню.

 Загрузите программу Macromedia Flash, реализуйте в ней анимацию движения согласно выбранному заданию,сохраните в своей рабочей папке под своей фамилией, покажите учителю в конце урока.

19

Задание для индивидуальной самостоятельной работы

Задание1 (3-4 уровень)

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

1-й слой: небо.

2-й слой: тучки.

3-й слой: тоже тучки, другие по форме, размеру, расположению.

4-й слой: яркий воздушный шарик

Шар пролетает между облаками (т.е. слой с ним расположен среди слоёв с облаками). Будьте внимательны. В какую сторону дует ветер (летят облака), в какую сторону при полете сносит шар.

20

Задание для индивидуальной самостоятельной работы

Задание2 (4-5 уровень)

В звездном небе летит медленно ввысь ракета, при удалении уменьшаясь в размере. Одна звёздочка стремительно падает вниз и гаснет.

А ещё можно встретить НЛО. Траектория их полета однозначно не прямолинейная, а на борту их судна так много ярких моргающих огоньков. В иллюминаторе можно рассмотреть лицо инопланетянина.

              Урок по теме “Анимация движения” закончен. Спасибо за внимание и работу!

21
This free e-book was created with
Ourboox.com

Create your own amazing e-book!
It's simple and free.

Start now

Ad Remove Ads [X]
Skip to content