How to Make an Animated Travel Line

How to Make an Animated Travel Line

An animated travel line can add some extra creativity to your vacation video projects, and in this tutorial we’ll show you how to create this simple effect. First you will learn how to use PaintShop Pro to draw your travel line on a map image. Next you will learn how to use Pinnacle Studio’s 2D Editor and keyframes to create the effect of the line travelling across the screen.

Download a printable copy of the tutorial to follow along and try the steps on your own. If you don’t have PaintShop Pro or other image editing software, you can download a free 30-day trial.

How to Make an Animated Travel Line on a Map

Here is a great technique to add a cool effect to your vacation video projects. In this tutorial, I will show you how to draw your travel route on a map and add an effect so that it looks like the line is being drawn across the screen. First you will learn how to use a photo editing product like PaintShop Pro to draw a line on a map designating a travel route. Then I’ll bring the map into Pinnacle to create the effect. I’ll discuss how to use two identical maps and layer them in the timeline. Once that is done, you’ll learn how to use 2D Editor Advanced and keyframes to crop the top layer of maps in order to create movement as if a line is being drawn on the video screen. This is a simple cool effect that can add a lot to your vacation, trip, and holiday videos.

Click on any of the images below to view full-size.

Preparing Your Images in PaintShop Pro

Start off with the map or title image you want to add a line to. If you don’t have a map image, you can use the sample image provided in the tutorial download file above. You are going to need two copies of this image – the original, plus a second version with the travel line drawn on it.

For this first step you will need to use photo editing software like PaintShop Pro. If you don’t have image editing software, you can download a free 30-day trial of PaintShop Pro. You can also use Paint or another image editor of your choice.

  • Open PaintShop Pro
  • Click Open and locate your original image saved on your computer.

  • Activate the Paint Brush tool on the left toolbar.

  • Under the Tool Options, adjust the size of your paint brush.

  • Select the color you want for your travel line from the Palette on the right.
  • Draw the line across the map from destination to destination.

  • Once finished, click on File and make sure to click Save As to save as a new image since you’ll still need your original image file to create the animation.

Animating the Travel Line

  • Open Pinnacle Studio and click on the Edit tab.

  • Click on Quick Import and locate your original map image and the image with the line added.

  • Select both of these images and click on Open to add them to your project bin.

  • Add the original image without the drawn-on line and drag it onto A/V Track 2.
  • By default, the image duration is only 3 seconds, so extend that by clicking on the image on the timeline, and dragging it to your desired length (10 seconds in this example)
  • Add your map with the line to A/V Track 1.

  • Again, adjust the duration of the clip so it matches the length of the clip on A/V Track 2.
  • Double-click on the clip on A/V Track 1 to open up the Effects Editor.
  • Click on the Effect tab, and then select 2D/3D.
  • Select the 2D Editor Advanced option.

Note: Make sure that your playhead is at the beginning of your clip so that you’ll add the effect correctly.

  • Under the effect tab, go to Select Preset and make sure that No Preset is selected.

  • Scroll down until you reach the Cropping section.

Here you’re basically going to crop the top image in the direction that follows your line and what that does, is it will make it seem as though the line is being followed across the screen.
Because my line is going from left to right, I want to crop the image from the right.

  • Adjust the bar from the Right and note that the line is disappearing in the preview pane as you continue scrolling the bar.

  • Then stop the bar once you see the line has disappeared.
  • Scroll back up to the top of the Effects editor, and click on the diamond icon to enable keyframing.

  • A keyframe has been added to the beginning of the image.
  • Drag the playhead to the point on the clip where you want the line to be finished. This will also change the speed of the “animation” as the cropping will go quicker if you end it earlier.

  • Go back to the Cropping section and adjust the crop back down to 0%.

If you preview your video, the timed cropping of the top layer revealing the original map makes it look as though the travel line is being drawn across the map!

This is a simple and great effect you can use as an intro to your holiday and vacation videos to show off your destination!

Thanks for watching! We hope you found this tutorial helpful and we would love to hear your feedback in the Comments section below. And don’t forget to visit our social media pages and show us what you’ve learned by sharing your photos, videos and creative projects with us.

See what's new in Pinnacle Studio 25

Upgrade to Pinnacle Studio 25 Ultimate and explore exciting new features and enhancements like Smart Object Tracking, Blend Modes, enhanced Audio Editor, and more.

Related Tutorials

Tools You Need

Pinnacle Studio 25

Bring out your inner editor with Pinnacle Studio 25 and create one-of-a-kind projects using themed templates plus hundreds of creative filters and effects.

Pinnacle Studio 25 Plus

Experience advanced video editing with Pinnacle Studio 25 Plus and tap into pro-caliber tools, creative effects, and powerful keyframing controls.

Pinnacle Studio 25 Ultimate

Edit like a pro with Pinnacle Studio 25 Ultimate, a fully-loaded, advanced video editing suite with pro-caliber tools, premium plugins and creative effects.

Falling Snow Overlays

With this 4-pack of animated overlays you can easily add a gentle swirling snow effect to your Pinnacle Studio video projects.

Share this post

Comments (4)

  • Manuel Hernández Calzadilla Reply

    Buenas tardes: He visto el tutorial de “La linea de viaje animada” pero ¿ es solo para los casos en que el trayecto es mas o menos horizontal ? es decir si la ruta es una parte horizontal y luego el trayecto cambia hacia arriba o abajo en este caso ¿ ya no vale este tutorial ?. Muchs gracias por su respuesta.

    November 19, 2019 at 1:50 pm
  • Ian Fenton Reply

    Can this be done in Video Studio 2018?

    July 21, 2019 at 12:16 pm
  • Terry Ryan Reply

    used this it works fine for nearly straight lines but it would be nice if the line could be made to go left right up and down.

    March 15, 2018 at 4:35 pm

Leave a Reply

Your email address will not be published. Required fields are marked *