How to create motion path animation in Animate _ Animate Part 6

 

Object linked with path animation.

Import vector Bg or Design background asset in Animate on the first layer.

Create a second layer and import the car. In our case, the car will be the only element that will be animated.

Drag the car to the position that you want to start the animation from

Select the frame on the timeline that you want to be the last frame of the animation. 

Then right click -> select Insert Keyframe.

Then move the car to that point in the scene where you want the animation to end.

 

Now we have the first frame and the last frame as well as the position of the car. It’s time to create a motion path to guide the car.

Right click on the layer (car) -> Add Classic Motion Guide

Select the Pen Tool from the Tools panel.Create a guide.

The guide should follow the road to make the car move properly.

Then right-click on the layer (car) and click Create Classic tween to make the car follow the path.

Let’s make the animation smooth and more natural.

When we already have moved to the path. It’s time to play with the properties of tweening.

Go to the Properties panel and make sure the Snap and Orient path options are checked.

By adding a custom easing to the animation, we will make the movement of the car look more natural.

Properties -> Tweening -> Easing -> Edit easing

After changing the properties than look in output