

Note: Make sure the center point of the car is at the start and end of the line. The guide should follow the road to make the car move properly. Select the Pen Tool from the Tools panel. Right click on the layer (car) -> Add Classic Motion Guide It’s time to create a motion path to guide the car. Now we have the first frame and the last frame as well as the position of the car. Then move the car to that point in the scene where you want the animation to end. Then right click -> select Insert Keyframe. Select the frame on the timeline that you want to be the last frame of the animation. In our case, the car will be the only element that will be animated.ĭrag the car to the position that you want to start the animation from. Import vector based background asset to Animate on the first layer.Ĭreate a second layer and import the car.

We start off by creating a scene that consists of a road with two turns and a car for the purpose of the tutorial. We decided to do so because it’s a vector based program like Animate and it’s easy to exchange assets between them.
#Adobe animate tutorial how to#
How to change the easing of the animation to make the movement more natural.įor this tutorial, we used Adobe Illustrator to create the vector assets for the scene.The most important points of this tutorial are to learn: The following tutorial will show you how to create animated UI elements along a predefined path in Adobe Animate.
