Dynamic animation

So, I’m going to show you how to make dynamic animation using the blur effect.

Dynamic animation

Create a new document with permission. 400x125 px with a transparent background. Create some simple background. Find the image that you would like to animate, like mine, presented above.
I will work with this image:

Dynamic animation

First, place this image on the background as you like:

Dynamic animation

I changed Blendingmode(Blending options) images on Luminosity(Glow). I previously played with the blending options, all the options look pretty.

So, now you need to duplicate the layer of the image that you placed, and go to the menu Filter>Blur>MotionBlur (Filter> Blur> Motion Blur), set the parameter Distance (Offset) at 25px.
Your duplicate layer should look something like this:

Dynamic animation

At the moment you should have three different layers:
The background
Simple image
And blurred image

So now we are ready to go into the Imageready editor.
Now you need to hide the blurred layer:

Dynamic animation

Now you need to go to the animation window and duplicate the first frame:

Dynamic animation

While the second frame of the animation is active, hide the simple image and make the blurry visible:

Dynamic animation

Now duplicate the second frame and move the blurred image layer about a quarter from one side to the other:

Dynamic animation

Now repeat this action until you move the blurred image to the other side:

Dynamic animation

Now, you need to put something over the blurred image. Duplicate the last frame in the animation window, then hide the blurred layer and make the simple image visible, move it to the left side to the same place where you placed the blurred image:

Dynamic animation

Now you need to repeat these steps in the opposite direction. When you’re done, you should have something like this:

Dynamic animation

Set the delay settings for the two frames with a regular image to 2 seconds. To set the pause time at the frame, click on the button below it, where the 0 seconds parameter is set.
I hope this lesson helped you and you coped with it.

Dynamic animation

P.S. When saving a file, go to the menu File>Save for web (File> save for web ) and select gif format.

Author: slim

Like this post? Please share to your friends: