Flash animation

сегодня хотелось бы рассказать о таком параметре как ease.
та что мы о нём не знаем? – спросите вы.
изменение параметра от -100 до +100 позволяет настраивать замедление/ускорения анимации как для shape анимации, так и для motion.
но дело в том, что с 8-й версии флэша при анимации motion для параметра ease появилась кнопочка edit. многие о ней даже не знают, а кто знает не всегда использует весь спектр возможностей.

итак, при нажатии на кнопку edit мы получаем вот такой график (кликабельно):

в результате мы имеем возможность управлять замедлением/ускорением с помощью графика. шкала x — последующие кадры до следующего ключевого кадра, шкала y — процент пути.
если снять галочку use one setting for all properties, то нам открывается возможность настраивать кривые для каждого параметра отдельно на одном промежутке анимации! параметры следующие: position, rotation, scale, color и filters.

рассмотрим настройку параметров на паре примеров:

1. допустим нам надо сделать вот такой дурацкий пароходик, плывущий по волнам здесь мы будем работать с двумя параметрами position и rotation.
2. для начала создадим колесо, которое у нас будет крутиться
3,4. растянем анимацию кадров эдак на 90, зададим параметр rotation cw, 1 times и нажмём кнопку edit параметра ease. далее снимаем галочку, выбираем параметр rotation и изменяем график. какой получился у меня, показано на рисунке. колесо быстро крутится, затем сбавляет скорость, сделает пару вращений назад и снова набирает обороты.
5. символ колесо помещается внутрь символа пароходик, который с вою очередь «пускается по волнам» (добавляем направляющую движения).
6. тому промежутку анимации мы настраиваем параметр ease для position и график выглядит немного другим образом.
лично я все графики подбираю на глаз. работать с одной кривой намного проще и удобнее, чем с несколькими промежутками анимаций.
7. а к примеру такой график можно построить для движения рыбки,
8. когда она так себе плывёт, а потом резко так шмыг вперёд!

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

лёд тронулся!

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

чем же важна встреча flash/flex-developer-ов для обычных аниматоров?
ну во-первых, не стоит забывать, что для создания многих игр нужен не только программинг, но и дизайн, персонажи и конечно же анимация!
а во-вторых, в связи с этим была предложена идея одну из следующих встреч uafpug провести посвящённой анимации во флеш!

идею выдвинул рост, а мы с таней её подхватили. к примеру можно подготовить доклады об особенностях анимации персонажей во flash, о программной анимации, о взаимодействии flash-дизайнера с flash-программистом. если у вас появятся ещё какие интересные идеи для докладов или вы сами не прочь выступить с ним – мы будем только рады!

главная цель всего этого — вытащить на поверхность flash-аниматоров, развить анимационное community и сплотить программистов и аниматоров.
что вы думаете по всему этому поводу?

ну что же, уже определены дата и место проведения второй встречи ukrainian adobe flash platform user group. исходя из списка докладов встреча обещает быть интересной и познавательной.

билеты до киева куплены, но напоследок хотелось бы ещё узнать кто из вас будет присутствовать там? будем знакомиться :о)

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

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

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

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