Jump to content
Search Community

slow-motion animation effect

Albo test
Moderator Tag

Recommended Posts

Hello, is there a way to make a slow-motion animation with no pause between one tween and the next one ?

 

In other words: if I have an animation 10 seconds long, how I should to go fast for 4 secs, slow for 2, and fast again for the last 4 seconds with no pause between each tween ?

 

Thanks in advance.

Link to comment
Share on other sites

Sure, there are many ways to accomplish this. But first, can you explain what you're tweening? Is it just that you want something to move in a straight line from point A to point B over the course of 10 seconds but accelerate/decelerate along the way?

 

Have you checked out TimelineLite or TimelineMax?

Link to comment
Share on other sites

I have a text that enters from left in a very fast way. One only instance therefore, that cross around 300 pixels from left to right at all speed and then it slow down drastically, but without staying, and for two seconds it continues the movement always following the same direction. After these two seconds the speed increases quickly and the text goes out of the stage.

 

A classical scene of a slow-motion movie.

 

I checked out TimelineLite and TimelineMax but really didn't discovered how to do this effect.

 

Take a look to the fla I attached.

 

Thanks.

Link to comment
Share on other sites

try something like this:


import com.greensock.*;
import com.greensock.easing.*;

var tl:TimelineLite = new TimelineLite({});

tl.append(TweenLite.to(mc, .8, {x:300}));
tl.append(TweenLite.to(mc, 3, {x:400, ease:Linear.easeNone}));
tl.append(TweenLite.to(mc, .5, {x:1500}));


 

*be sure you have greensock files in a com folder next to your fla

 

you may have to tweak some of the timing, but it will do what you want.

Link to comment
Share on other sites

Hey, thanks!

 

With a bit of motionBlur effect it's really cool effect...

 

import com.greensock.*;
import com.greensock.easing.*;
import com.greensock.plugins.*;
TweenPlugin.activate([MotionBlurPlugin]);

var tl:TimelineLite = new TimelineLite({});

tl.append(TweenLite.to(mc, .3, {x:360, motionBlur:{strength:1, quality:2}, ease:Cubic.easeInOut}));
tl.append(TweenLite.to(mc, 2, {x:380, motionBlur:{strength:.1, quality:3}, ease:Linear.easeNone}));
tl.append(TweenLite.to(mc, .2, {x:800, motionBlur:{strength:2, quality:2}, ease:Cubic.easeInOut}));

Thanks again!

Link to comment
Share on other sites

Create an account or sign in to comment

You need to be a member in order to leave a comment

Create an account

Sign up for a new account in our community. It's easy!

Register a new account

Sign in

Already have an account? Sign in here.

Sign In Now
  • Recently Browsing   0 members

    • No registered users viewing this page.
×
×
  • Create New...