25 Апрель 2008

анимация каскадом

posted in animation, frames, lesson |

«анимация каскадом». я не нашла такого определения в интернете, поэтому буду думать что его придумала я :о))))))
по сути это когда какие-то объекты повторяют одно и тоже действие, при этом каждый последующий объект начинает действие позже предыдущего.

думаю очень часто во флеш презентациях встречается анимация списков, которые плавно по очереди отображаются на экране. сделать анимацию списков каскадом можно разными способами но имхо самый быстрый и простой является этот:

1. создаём наш список. каждое слово отдельно.
2. преобразовываем каждое слово в символ и выравниваем их по левому краю. после чего переносим одно из слом на максимальную высоту вниз и распределяем символы на одинаковое расстояние.
3. получаем аккуратный список. то же самое делаем с маркерами, если таковые имеются.
4. распределяем символы по слоям.
5. создаём ключевые кадры на одинаковом расстоянии и делаем в них какие-то изменения, одинаковые для всех символов.
6. например, я сместила и применила эффекты alpha и blur.
7. создаём анимацию.
8. теперь самое главное. смещаем каждую анимацию на несколько кадров вправо, чтобы получился каскад.
9. ну и наконец выравниваем анимацию, заполняя её статическими кадрами.
10. вот что у меня в результате получилось.
11. также с помощью каскада можно делать шлейф

по сути этого же эффекта можно добиться используя символ graphic, если задать ему параметр loop и менять в каждом из символов начальный кадр анимации (собственно такой способ описан в статье murejib, которая и вдохновила меня на этот пост).
но! если нам нужно изменить параметры анимации, чтобы например следующая анимация начиналась не с каждого второго кадра, а с каждого 3-го? менять стартовые кадры graphic гораздо хлопотнее чем сдвинуть кадры на таймлайне. к тому же каскад более наглядный и сразу можно увидеть ошибку, чего не скажешь о номерах кадров :о)

зы: xitri, ничё что я стырила твою идею с просмотром изображений?… уж больно она удобная ;о)

This entry was posted on Пятница, Апрель 25, 2008 at 11:33 and is filed under animation, frames, lesson. You can follow any responses to this entry through the RSS 2.0 feed. You can leave a response, or trackback from your own site.

There are currently 6 responses to “анимация каскадом”

Why not let us know what you think by adding your own comment! Your opinion is as valid as anyone elses, so come on... let us know what you think.

  1. 1 On Апрель 25, 2008, Xitri said:

    Да нет, мне даже приятно :)
    Значит это нравится людям.

  2. 2 On Апрель 26, 2008, Lerika said:

    2 xitri: vot spasibo. a to ya nervnichala ;o)

  3. 3 On Апрель 30, 2008, pogga said:

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

  4. 4 On Май 1, 2008, zverozyab said:

    Создаем Array со списком чивонада.
    Делаем один мувик с динамическим текстовым полем и, если надо - с анимацией (она же у нас одинаковая везде) программно его копируем (исходя из длины массива), запускаем первый мувик и пишем скрипт на тему «как только доиграл предыдущий мувик – запустить следующий»
    Плюс этого способа – легкая редактируемость: добавить-убавить пункт можно, лишь добавив еще одну строку в массив. Отредактировать внешний вид можно, поправив лишь один мувик.

    Но это так, к слову :)
    Пролистал блог – мне нравится. Буду захаживать, спасибо )

  5. 5 On Май 5, 2008, Lerika said:

    спасибо всем за комментарии
    всегда приятно, когда в них есть интересные и полезные дополнения )
     

  6. 6 On Сентябрь 8, 2009, роман said:

    в идеале конечно надо еще и надписи внутрь кнопок переменными отдавать, чтоб совсем один клип был

Leave a Reply