Главная » Бизнес в Интернете

Анимация с заполнением кадров в flash-ролике

flash-анимация с заполнением формыКроме покадровой анимации в программе Macromedia Flash Professional 8 существуют и другой метод анимации, который называется анимацией с заполнением кадров. Этот метод экономит массу времени, потому что не требуется вырисовывать каждый кадр анимации. Достаточно определить начальный и конечный кадры, и создать изображение только для этих двух кадров. После этого программа Macromedia Flash Professional 8 сама заполнит изменения между этими кадрами по заданному Вами алгоритму.

Заполнение кадров также способствует уменьшению размера flash-ролика, потому что Вам не потребуется сохранять в файле содержимое каждого кадра.

В программе Macromedia Flash Professional 8 существует два вида заполнения кадров: с изменением формы и движением. Каждый из этих видов обладает своими уникальными характеристиками.

Заполнение кадров с изменением формы

Используется для изменения формы между начальной и конечной фигурами. Изменение формы работает только для фигур. Для группы объектов, символов или текста заполнение кадров с изменением формы не работает.

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

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

  1. Выделите начальный ключевой кадр анимации. Если он не ключевой — сделайте его ключевым с помощью меню Insert — Timeline — Keyframe.
  2. Перед тем, как рисовать фигуру, добавьте конечный ключевой кадр на временной шкале, там, где анимация должна завершиться.
  3. рисуем начальную фигуру в первом ключевом кадреЕще раз выделите первый ключевой кадр, и нарисуйте в нем начальную фигуру.
  4. Выделите второй ключевой кадр, и нарисуйте окончательную фигуру.
  5. Нажмите на любой кадр в области, ограниченной ключевыми кадрами, и на панели свойств Properties выберите в раскрывающемся списке Tween (заполнение кадров) пункт Shape (форма). Ряд кадров от начального до конечного на временной ленте изменится: станет зеленым, и появится стрелка, проходящая от первого ключевого кадра до последнего.
  6. При необходимости установите в нужное положение ползунок Erase (замедление). Этот параметр используется, когда нужно создать эффект ускорения или замедления анимации. Чтобы анимация сначала воспроизводилась медленно, а затем ускорялась, опустите ползунок вниз (в окошке при этом появится отрицательное число). Чтобы анимация сначала шла быстро, а затем замедлялась, поднимите ползунок вверх (в окошке появится положительное число). Можно просто в окошко ввести числовое значение от −100 до 100.
  7. Протестируйте ролик, выбрав меню Controle — Play, или нажав на клавишу Enter.

Использование указателей формы

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

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

Указатели формы называются латинскими буквами от A до Z, поэтому их не может быть на одной фигуре больше, чем 26. На первом ключевом кадре указатели формы желтые, на последнем — зеленые. Пока указатели не расположены на фигуре — они красные.

добавляем первый указатель формыдобавляем первый указатель формыЧтобы добавить указатель формы на рисунок, нужно выделить первый кадр и выбрать меню Modify — Shape — Add Shape Hint (или используйте горячие клавиши Ctrl+Shift+H). На первом и последнем ключевом кадрах появятся указатели формы, которые нужно разместить на рисунке с помощью перетаскивания левой клавишей мыши. При заполнении кадров отмеченная указателем точка в первом кадре перейдет в соответствующую точку в последнем кадре.

После этого продолжайте добавлять новые указатели. Вот так будет выглядеть превращение треугольника в квадрат с применением указателей формы:


Чтобы удалить указатель формы, нажмите на него правой клавишей мыши, и выберите Remove Hint (при этом остальные указатели формы автоматически переименовываются). Удалить все указатели формы можно с помощью меню Modify — Shape — Remove All Hints.

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

расставленные указатели формырасставленные указатели формыМожно процесс расстановки указателей ускорить: сначала с помощью горячих клавиш Ctrl+Shift+H разместите в первом ключевом кадре столько указателей формы, сколько Вам нужно, а затем переместите их мышкой в нужные места сначала в начальном, а затем в конечном ключевых кадрах.

Вам задание: сделать flash-ролик с использованием анимации с изменением формы. Также можете использовать покадровую анимацию. Вот что, например, получилось у меня:

Видео о том, как сделать анимацию с изменением формы


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

Также Вы можете подписаться на блог, и узнавать о всех новых статьях.
Это не займет много времени. Просто нажмите на ссылку ниже:
    Подписаться на блог: Дорога к Бизнесу за Компьютером

Вам понравилась статья? Поделитесь, буду весьма признателен:


Также приглашаю добавиться в друзья в социальных сетях:

<< Предыдущая статья Следующая статья >>
Проголосуйте и поделитесь с друзьями анонсом статьи на Facebook:  

Оставьте свой комментарий и ответный визит Вам обеспечен