эффект быстрого перемещения

6 Май 2008

эффект быстрого перемещения

posted in animation, lesson |

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

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

итак, всё гениальное просто:
1. преобразовываем нужный фон в movie clip
2. применяем фильтр motion blur, при этом убираем замочек и делаем размытие по x
3. делаем анимацию.

а когда-то ещё в 6-м флеше данный ээфект приходилось делать в фотошопе с помощью фильтра motion blur. в принципе так можно делать и сейчас тоже
надеюсь данный метод пригодится в вашей практике

This entry was posted on Вторник, Май 6, 2008 at 9:54 and is filed under animation, 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.

1 On Май 6, 2008, pogga said:

..а если надо сурово скомпилировать под шестую версию например, где еще не было встроенных фильтров, можно вместо разблёренного объекта использовать 2-3-4-.. полупрозрачных копии, сдвинутых относительно друг друга. сдвиг при этом тоже можно включить в анимацию. правда для фонов это не самое удачное решение – прозрачности сильно сожрут проц, но для небольших объектов вполне подходит. для баннеров – самое то )

2 On Май 7, 2008, nibb13 said:

Плюсы метода по сравнению с предыдущим – меньший вес (если размазываем не растр а вектор), высокое качество (из-за отсутствия JPEG-сжатия), настраиваемость параметров (фильтры, кстати, тоже tween’ятся…) Но есть и бочка дёгтя в ложку мёда: такой метод применим только к строго горизонтальному или строго вертикальному движению.

3 On Май 7, 2008, Lerika said:

2 pogga: для фонов в 6-й версии можно делать так: экспортировать фон в jpg, применить к нему фильтр motion blur в фотошопе и заанимировать во флеше. имхо это самый оптимальный вариант и по трудоемкости и по ресурсам для 6-ки )
а полупрозрачные копии это идейно! )

4 On Май 7, 2008, Lerika said:

2 nibb13: движение в 2д анимации всегда движется в какую-нибудь сторону, поэтому в этом случае можно варьировать параметрами х и y фильтра blur в ключевых кадрах. а вот если движения по направляющей, тогда этот способ уж никак не покатит )
зы: actionscripter из донецка? :-О

5 On Май 7, 2008, nibb13 said:

Сторона стороной, но, ведь, движение по диагонали тоже прямолинейное? А флэшевым blur’ом его сделать не получится. Всё дело в том, что во флэше используется алгоритм приближённый к gaussian blur, который размывает по всем направлениям равномерно. При точных горизонталях/вертикалях это соответствует motion blur, но вот любые диагональные движения приходится считать квантизацией (расставлением «весов» или количеством размывания для каждого из восьми пикселей, окружающих данный). Если непонятно - попробуй сделать диагональный blur во флэше, увидишь. Чисто теоретически, реального motion blur можно добиться написав фильтр вручную через BitmapData, но на практике это сопряжено с некоторыми трудностями (ограничение на линейные размеры movieclip’а, напряг процессора/забивание памяти etc…)
В принципе, если подумать – всё решаемо!
>> actionscripter из донецка? :-О
А пуркуа бы, собственно, и не па? И в Донецке я чуть больше года. Actionscripter из Евпатории, тогда уж. А пишу на AS уже давно: с четвёртой версии флэша.

6 On Май 7, 2008, pogga said:

2 Lerika
если мы говорим о баннерах, то никакой дополнительный жпег, разблёренный в шопе, туда не покатит – не забывай про ограничение по весу )

2 nibb13
берем клип, поворачиваем на нужный угол, делаем блёр по X, например, потом засовываем это в новый клип и его поворачиваем обратно на тот же угол – получаем нормальный фильтровый блёр направленный наискосок

7 On Май 7, 2008, pogga said:

2 Lerika:
я и не спорю что с фотошопом получится просто и быстро, но если уж мы говорим о случае, когда нужно бороться за вес ролика, то … )
и это не только баннеры, кстати, за вес ролика в вебе надо бороться всегда )
2 nibb13
берем клип, поворачиваем на нужный угол, делаем блёр по одной из осей, кладем этот повернутый клип в другой клип, который поворачиваем на тот же угол обратно. в итоге имеем отличный фильтровый моушн-блёр, направленный наискосок

8 On Май 8, 2008, nibb13 said:

<I>>> …за вес ролика в вебе надо бороться всегда</I>
true;

<I>>>берем клип, поворачиваем на нужный угол…</I>
Попробуй, результаты тебя неприятно удивят.