16 Май 2008

ease

posted in animation, lesson |

сегодня хотелось бы рассказать о таком параметре как 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. когда она так себе плывёт, а потом резко так шмыг вперёд! :)

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

This entry was posted on Пятница, Май 16, 2008 at 7:01 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.

There are currently 7 responses to “ease”

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 Май 16, 2008, wzwz said:

    Спасибо, вы очень хорошо пишете – доходчиво так :)

  2. 2 On Май 16, 2008, Lerika said:

    2 wzwz: спасибо. стараюсь )

  3. 3 On Февраль 18, 2009, Nadzeya said:

    А рассскажить пожалуйста непутевой как поместить символ колеса в символ парохода, чтобы то крутилось еще..) А то у меня картинка недвижная переносится только..

  4. 4 On Февраль 20, 2009, Lerika said:

    2 Nadzeya: долго думала как вам лучше это объяснить, решила просто выложить исходник этого пароходика, думаю так будет легче разобраться что там к чему :о)
    скачать parohodik.fla

  5. 5 On Февраль 20, 2009, Nadzeya said:

    Спасибо большое!)
    Резберемси)

  6. 6 On Февраль 20, 2009, Nadzeya said:

    Ой, что-то ен скачалос..
    буковки всякие страшные.. и все..

  7. 7 On Февраль 20, 2009, Lerika said:

    правой кнопочкой на ссылке клац,
    выбираем «сохранить объект как»…

Leave a Reply