How To Make Travel Maps Animation In Filmora | Step-By-Step Tutorial

Today, I will tell you how to make an animation using an animated car in Filmora 11.

We'll go into the Filmora software. As you can see, my Filmora is already open. We'll upload the files that we have prepared. Okay? So, we have added the lines and files. After that, open all of them as we have already done, and now we’ll enter the timeline.

Firstly, we'll enter the one at the bottom with the red line as a base. For the duration, it’s up to you guys to edit the video later. Okay, I will set it here and will not take it longer than 20 seconds. So, we’ll keep it at 20 seconds like this and stretch the timeline.

Okay, we'll put the plain one on top. Let's put the rest like this and ensure these two images are identical. The only difference is lines like this. Okay, we'll insert the car's PNG on the timeline track above it.

Meanwhile, we’ll hide this first, and for this map, we’ll unhide it first because there is a black bar. Now it's nice to see. Double-click and move to the "Transform" section, and I will scale this to 220. Then the same for the map above it. Okay? Like this, we are scaling to 220%.

Now, we will set the position on the bottom. First, let's hide it. Okay, we will set it like this. Let's slide it, maybe using 250 minus 70, and this has to be matched for the position. Now double-click on the two pictures, and with 250 minus 70, they can’t slip further even though it’s only a single value.

We close it again, and we turn it on the part of the map. It's fixed now, and we need to go straight into the animation. The line is easy to double-click. On the top, there is a second track, which is close to the red line. Double-click, and now go to the "Mask" section; select the rectangle, and it's already masked.

Let’s go to the keyframe section. We enter the keyframe like this. Apart from the position, it's also not big enough. So let's scale it first like this and make it big. Nice, we have already set the position, and we have already entered the keyframe.

Okay, until the end of our position, immediately slide it like this until all the lines are open. Okay, so the red line is all open like this. The red lines will be the road and the position; it depends on what you want to animate. Yes, the red line or these directions may be too slow, so speed it up a bit.

Double-click on the masking section. Now we will speed up the keyframe part here. This one looks a little slow, so yes, there's a speed in it like this. For the animation, it's totally up to you. The direction is from left to right.

If, for example, you want to change the direction, it lies in the position part as we're animating it in the position part. For example, from top to bottom, play the Y one if you want, from left to right. Okay, it means starting at the beginning; the position is in the middle and is running out. We will make this position a plus anyway.

Just adjust the position of X and Y from top and bottom. Similarly, adjust the vertical and horizontal according to your video, and I want it to be animated. Okay, here's an example from the left. Just go to the right, and when it's finished, click "OK." So, the animation of the red line has become like this.

Friends, we can see the last part, so immediately animate the car part, and we'll unhide it. Double-click, and then we’ll scale because it’s too big. Keep it at 10, just 10, and after that, we can go straight to the division. Now select "Animation," then select "Customize," bring the playhead in the beginning, and enter the keyframe.

Now we’ll adjust the position and rotation of this part again, and we'll go back and shift it first. Then we'll move it forward until the red line appears, maybe like this. After that, we'll make the rotation, and we'll move it like this, okay? After that, we'll play the red line again, and we'll move the position of the car forward.

You can animate. It’s totally up to you, and this is just an example. So, let's move the car in position again while sliding like this, and you can animate it just like the last one. Guys, this is the animation for the car. It's done, and now we'll preview it. So later, you can also make smoother animations just like this.

As you can see, the car goes on the red line; some of them are speeding while some are slow. So, you’ve to adjust the animation as per your requirements. Continue working on it until the animation is according to your needs and is also smooth.