Эффект сильного ветра в 2 кадра

07.11.2008, автор Stormit, рубрики: Анимация

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

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

Таким же образом можно передавать и фоновую скорость, например, мелькание воздуха за иллюминаторами самолёта. Нужно ускорить персонажа? - Заставьте фон двигаться быстрее.

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

Выглядеть это будет как на слайде 2. Не очень если честно. Это потому, что фон сейчас однородный и непонятно, что и в какую сторону движется. Если же слоем ниже создать направленную анимацию, то наш мигающий прямоугольник усилит её многократно. По-простому зациклим фон с облаками и получим слайд 3.

Чтобы прочувствовать эффект ещё лучше, добавляем листья и другой поднятый ветром мусор пузырьковым способом и получаем вполне вменяемую картинку (слайд 4).

Похожим образом можно поступать и с предметами. Есть только одна особенность: это мелькание человеческий глаз воспринимает как объекты, проносящиеся непосредственно перед глазами (объекты на расстоянии, глаз успевает проследить и так просто его не обманешь). Поэтому для предметов (как например для вентилятора в 5-м слайде) мельканием нужно задавать и направление движения. Для этого придётся дорисовать несколько дополнительных кадров.

P.S. Ещё таким методом получается неплохая метель (в сочетании с быстро движущимся снегом). Получается интересный эффект когда снег налетает как бы волнами.

Интересно на 49%

(25) Хитрых на тему «Эффект сильного ветра в 2 кадра»

  1. Ixifeus

    Красиво получается.Особенно четвёртый слайд очень эффектно смотрится =)))

  2. Stormit

    Да, такие эффекты лучше всего работают в комплексе.

  3. Ким

    да,прикольно,очень реалистично!!!

  4. Chipik

    Да, четвертый слайд и правда лучший!

  5. Августа

    Даже и не догадалась бы так сделать.

  6. Амалия

    Классно,спасибо за помощь,как раз “балуюсь” созданием мультов…

  7. Hacker

    Ну обновите уже сайт! Столько времени нового ничего не было.

  8. Stormit

    Ох не легко это накануне Нового года :)

  9. Катерина

    Так интересно!В любом деле есть свои хитрости и тонкости.

  10. Амалия

    Хорошие эффекты, пробовала только другой эффект у меня получался

  11. Flashist

    Офигенно по-моему.

  12. rabotnik

    Прикольно смотрится, мне 3й с пчелкой больше всего понравился)

  13. Андрей

    Офигенно выглядит! 4-я флешка самая прикольная.

  14. makc

    и вправду зачетная идея

  15. дина

    Очень несложно сделать ветер,я думала,что это займет у меня больше времени и знания.

  16. Piter

    Довольно быстро сделал эффект сильного урагана. С первого раза конечно не получилось, но упорство и труд-все перетрут.

  17. Leroy

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

  18. Ace

    Хэй, хороший блог, вот только хотелось бы увидеть новые хитрости, а то уже месяц тишина… грустно, если загнется.

  19. Ден

    Подскажите плиз, какое программное обеспечение используется для этого. Можно это сделать в Flex?

  20. Hacker

    Ден

    Во flash’е.

  21. Яков

    идейка супер,а я вот через дебри всё время…

  22. дана

    Все природные явления смотряться очень красиво.

  23. Флэш

    Спасибо за идею. Пока не приходилось рисовать ветер, но буду иметь ввиду. :)

  24. k_l_m

    4 слайд и вправду лучше,реалистично.Спасибо за предоставленую информацию будем практиковаться.

  25. Дизайнер

    Прикольная штука только экшина не хватает

Оставить комментарий