Добавил:
Upload Опубликованный материал нарушает ваши авторские права? Сообщите нам.
Вуз: Предмет: Файл:
Лекции / Лекция14_анимация.doc
Скачиваний:
26
Добавлен:
17.04.2015
Размер:
84.48 Кб
Скачать

Анимация

Анимация в программе Flash создается путем изменения содержания последовательно расположенных кадров. Можно перемещать объекты по рабочему полю, увеличивать или уменьшать их, вращать, изменять цвет, заставить их постепенно появляться или исчезать или изменять свою форму. Изменения могут происходить независимо друг от друга и одновременно с изменениями в других слоях. Например, можно заставить объект постепенно появляться на рабочем поле вращаясь.

Назначение слояв анимационном документе – для содержимого каждого слоя может быть создан эффект анимации.

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

Слои в тайм-лайн отображаются как строки.

Каждая сцена (Scene) во Flash ролике может состоять из любого числа слоев. Слои нужны для того чтобы разделить различные, но одновременные анимационные задания для каждого из перемещающихся или изменяющихся объектов.

Имеются два метода создания анимации:

  1. покадровая анимация(Frame-by-frame) (при этом все изменения в каждом кадре задаются вручную)

  2. автоматическая(Tweened) анимация (при этом способе вручную задаются только длительность анимации - заданием числа кадров), а также начальные и конечные формы и взаиморасположение объектов (в ключевых кадрах), а все промежуточные значения генерируются (интерполируются) программой анимации.

Покадровая анимация увеличивает размер файла намного больше чем tweened анимация.

Различают 2 вида автоматической анимации:

  1. Движение(Motion-tweening) - таким способом лучше всего изменяются координаты объектов на рабочем поле

  2. Превращение(Shape-tweening) - этот способ применяют обычно для изменения формы объектов.

Создание ключевых кадров

Keyframe- это кадр, где вы определяете изменения в форме и взаиморасположении объектов участвующих в процессе анимации.

  • При создании покадровой анимациикаждый кадр является ключевым.

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

Программа MacromediaFlash отображает:

1. Интерполированные кадры tweenedанимации на временной диаграмме (timeline), как помеченныесиним или зеленым цветомсо стрелкой между ключевыми кадрами. Ключевые кадры, которые содержат какие-либо объекты, отображаются в тайм-лайн черными кружками.

2. Пустые ключевые кадры отображаются как неокрашенные кружки.

Первый кадр каждого слоя (Layer) всегда ключевой. Содержание простых кадров каждого слоя (если только они не участвуют в tweened анимации) всегда полностью повторяет содержание предыдущего ключевого кадра.

Создание ключевого кадра– способы:

  1. Выберите кадр на временной диаграмме, и в меню Insert выбрать KeyFrame.

  2. Щелкните правой кнопкой мыши на кадре в окне тайм-лайн, и выберите из выпадающего меню Insert Keyframe.

  3. Выберите кадр на временной диаграмме и нажмите на клавишу F6.

Создание ряда ключевых кадров:

Выберите несколько кадров в слое (протащить мышь) и нажмите F6.

Задание пути движения символов в процессе анимации:

1. Создайте в тайм-лайн последовательность кадров содержащих анимацию типа движение (Motion).

2. Выберите из меню Insert > Motion Guide. - Щелкните правой кнопкой мыши на названии слоя и выберите "Add Motion Guide" из контекстного меню. - Flash создаст новый уровень выше существующего с названием "Guide: название существующего слоя" и со специальным значком левее названия. А название существующего слоя сдвинется вправо - это показывает что этот слой стал "ведомым".

3. Используйте инструменты типа карандаш, линия, круг, прямоугольник, или кисть, чтобы задать желаемый путь перемещения. Обратите внимания на значок карандаша правее названия слоя - рисовать путь нужно именно в слое Guide. Если в свойствах ключевого кадра начала анимации у вас активна опция "Snap to Guide" символ во всех ключевых кадрах анимации в ведомом слое автоматически устанавливается своим центром (крестик) в ближайшую точку на только что нарисованной линии. В ключевом кадре начала анимации переместите символ ближе к началу пути, а в последнем кадре - ближе к концу.

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

5. Кроме понятия "направление движения", во Flash существует понятие "угол между направлением движения и основанием символа". На самом деле это понятие не обязательно связано с основанием символа - если взять любой участок символа (например не основание, а нижний правый угол), то в каждом ключевом кадре из состава "движения по заданному пути" можно будет определить угол между этим участком символа и линией по которой происходит перемещение.

Опция "Orient to Path Direction"

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

Движение по заданному пути объектов из произвольно взятого слоя

  1. Перетащите существующий слой содержащий анимацию непосредственно под слой типа "Motion guide". После этого только что передвинутый слой автоматически станет ведомым и все объекты из него автоматически выстроятся по пути заданному в ведущем слое.

  2. Создайте новый слой под ведущем слоем типа "Motion guide". Теперь при попытке задать анимацию типа движение в этом новом слое, все объекты будут перемещаться по заданному пути.

  3. Выберите из меню Modify > Layer, поставьте галочку в окошке "Guided" диалог свойств слоя. Щелкните по названию слоя мышкой удерживая кнопку Alt. При этом слой содержащий анимацию обязательно должен располагаться ниже слоя типа "motion guide".