Покадровая анимация синусоиды.
апреля 25, 2008
Навеяно сегодняшней статьёй из хитрого блога.
Автор справедливо заметил, что порой покадровая анимация спецэффекта способна сохранить ресурсы процессора для более важных процессов.
Мне вспомнился метод, которым я пользовался, если мне нужно было отрисовать покадровую анимацию некоей развевающейся субстанции (хвост, щупальце и т.д.)
В основе всего — один графический клип, который колеблется из стороны в сторону – для этого есть motion tween с EaseIn и EaseOut (а в восьмой версии также можно управлять easing-ом вручную)
1. Итак, создаем клип.
Конвертируем его в graphicClip. Снова конвертируем полученный клип в графику и внутри делаем анимацию колебания. Для этого я создаю 10 и 20 ключевые кадры. в 10-м смещаю клип на нужное мне расстояние (максимум амплитуды).
Получаем вот такую анимацию (на основной линейке необходимо добавить столько кадров, сколько длится анимация клипа – здесь 20).
2. Далее я просто дублирую этот клип несколько раз (10 в примере), и каждому из них задаю способ проигрывания loop (по умолчанию) и в качестве первого кадра задаю смещение на N кадров для каждого последующего клипа (В примере: 1 клип – 1 кадр, 2 клип – 3 кадр, 3 клип – 5 кадр … 10 клип – 19 кадр)
Получаем отличную живую синусоиду.
3. Теперь, допустим, мне нужно один конец синусоиды зафиксировать.
Для этого я собираю все 10 клипов, конвертирую их в графический клип в 20 кадров.
После этого на основной сцене я делаю анимацию этого клипа – аналогичную первой: 10 и 20 кадр ключевые, в 10-м кадре нужно вернуть съехавшую первую точку в начало (guide lines в помощь 
).
После этого нужно отредактировать easing точно так же, как и для первого клипа – замедление в начале и в конце, и ускорение в середине.
У нас готова отличная болванка. Ее можно сохранить и использовать от случая к случаю.
4. Теперь осталось использовать это. В данном примере я кладу болванку на GuideLayer и по ней покадрово анимирую щупальце. Все легче, чем пытаться представить себе колебания самостоятельно (Хотя с практикой и это приходит )
Получаем такое щупальце.
Дублируем щупальце несколько раз, пару тройку фильтров и трансформаций, смещение первого кадра для каждого щупальца и получаем преотвратное существо.
Например такое:
Popularity: 10% [?]
Entry Filed under: анимация
4 комментария
1. Lerika | апреля 25, 2008 at 8:04
на таких примерах понимаешь преимущество символа graphic :о)
2. murejib | апреля 25, 2008 at 8:08
О да! )
Когда я впервые увидел, что вложенную анимацию можно ВИДЕТЬ на этапе разработки – был поражен ))
Ведь я наверное года два до этого мучался с мувиклипами )))
А когда раскопал еще и то, что можно назначить разные кадры в качестве стартового )))
3. ALFer | апреля 25, 2008 at 9:05
Красивое существо, ИМХО ;;))) Анимация – это сила… Сенкс за статью.
4. Flash animation » B&hellip | апреля 25, 2008 at 16:33
[...] кадр анимации (собственно такой способ описан в статье murejib, которая и вдохновила меня на этот пост). но! если нам [...]