How To Animate A Journey On A World Map

How to Make an Animated Travel Map Video?

May 06, 2022• Proven solutions

Animated travel map videos brand it easy for the viewers to follow the routes from the source to destination locations right on the single screen. While the static maps would simply allow the audience to run across the markers from where the journey would start and is expected to end, the blithe ones show the real-fourth dimension movements and therefore expect more interactive when viewed.

That said, here you volition learn how to create an attractive and engaging animated travel map video using one of the easiest post-production applications, Wondershare Filmora X, which is widely appreciated by amateurs and professionals throughout the world. In another section, y'all volition also learn about an alternative program that might be of some help in case you are more into online designing.

1. How to Make Blithe Travel Map Videos with Filmora X? [Stride-by-Pace]

The entire process of creating an animated travel map video in Wondershare Filmora X is categorized into 2 parts, wherein the first part you will collect all the ingredients that are needed to get started, and in the 2d part you lot volition actually make an blithe map using the tools and features present in Filmora 10.

Office 1: Fix the Travel Map Materials

Post-obit are the ingredients and the methods to collect them for blithe travel map preparation:

1. Get the Map

The kickoff thing that you would need to prepare an blithe map is an epitome of a realistic map. Thanks to Google and Microsoft, these things are at present pretty piece of cake to conform. The procedure is given below:

• Launch your preferred web browser
• Type google.com in the accost bar or the search box and hit Enter
• Roll to zoom out so you can run across the entire world map on one screen

• Blazon Snipping Tool in the Cortana search box present on the left side of the Taskbar
• Launch Snipping Tool, and use it to capture the screenshot of the map

Annotation: Snipping Tool is a congenital-in app in Windows 10 and is bachelor for free. If you are using any other operating organisation, or have a different plan to capture the screenshots, experience free to use it according to your convenience.

• Save the screenshot you captured as a JPG file on your PC

2. Mark Out the Map Path

The next step in the process of preparing an animated travel map is to mark your route on it. To do then, you lot tin use whatever of your preferred photograph editing tools. Still, to keep this illustration simple, Microsoft Pigment is used hither, and the method is given beneath:

• Right-click the screenshot you just captured
• Get to Open with on the context menu, and then click Paint from the submenu that appears
• Option your preferred color from the pallet of the Paint interface. It is appropriate to apply an centre-catchy shade such every bit Ruddy
• Use the Sphere shape tool to draw a circle over the source and destination locations on the map
• Utilize the Line tool to draw a line from the source point to the destination. Try giving the line a few turns to make it look realistic
• Get to File > Salvage As, and salvage the marked epitome with a dissimilar name

Note: Once this is done, y'all should have ii image files of the map, i.e., one without the marks and one with it

3. Download Some Travel Icons

Another important ingredient in an effective travel map animation is touring icons such equally location mark image, a traveling medium symbol like a helicopter, airplane, motorcar/bike (for short distances), etc. A couple of websites that offer royalty-free stock photos at absolutely no cost are listed below:

• Pexels
• Unsplash
• Pixabay
• Wondershare Filmstock

Note: Although the websites given above allow you to download and use their stock images and icons for free, you may demand to give credits to the designers/creators of the symbols while using their objects. Therefore, you are suggested to check the Terms & Conditions and norms of usage of the elements before downloading and calculation them to your projects.

Role two: Brand Animated Travel Map Videos with Filmora 10

Later on you have gathered all the necessary ingredients that are required to create a travel map animation, it is at present time to go to work. The following instructions would guide you through the step-by-step process of preparing a decent and realistic animated travel map in Wondershare Filmora 10:

Footstep 1: Import Ingredients to Filmora X and Add together Them to the Timeline

Launch Wondershare Filmora X on your computer, click anywhere inside the Media window at the upper-left expanse, and import all the images and icons that you lot collected earlier to program. Side by side, drag both the images of the map, i.e., with and without the marks to the Timeline, and ensure that they are of the same duration and are placed on the same track.

Annotation: Be sure to put the map without the marks offset, so the i with the marks. Besides note that the images have the playback duration of five seconds in the Timeline past default, and this tenure can be reduced or increased by dragging the side handle of the media to the left or right respectively.

Step 2: Add together Transition for Illusion of Route Appearance

Become to Transition from the standard toolbar at the meridian, locate the Erase Slide transition effect from the available presets, and identify it in between the two epitome files that you earlier added to the Timeline. Next, click and drag either of the side handles of the transition to the stop of the media clip. Notice how the other side of the effect is expanded in equal proportion.

Step 3: Preview and Consign

Press the Spacebar on the keyboard to preview the video and see if the road appears every bit if it is being drawn on the map. Once the animation looks acceptable, click EXPORT from the top-center, get to the Local tab on the Export window, select MP4 from the formats listing in the left, and click Consign from the bottom-right corner to export the electric current animation to MP4.

Step 4: Customize the Travel Map Media

Either start a new projection and import the video of the map you exported in the previous step to the app and so to the Timeline, or remove the existing media from the Timeline in the same project, and add the exported video to it for convenience.

Next, position the Skimmer (Playhead) a couple of frames before the one the route line appears and starts stretching from, and click the Divide icon from the editing toolbar to a higher place the Timeline itself. Repeat this procedure for the other side of the media, i.e., position the Skimmer a couple of frames after the route line reaches the destination location, and click the Carve up icon again. So remove the separated segments from both the sides past selecting them and pressing Delete on the keyboard, leaving only the portion where the animation is visible.

Optionally, right-click the media that is left behind in the Timeline, and go to Speed and Duration from the context card. On the Custom Speed box, drag the Speed slider to the left to decrease the playback speed resulting in the increased duration of the media. Alternatively, you can manually enter a value in the Speed box to go precise tenure. Click OK when you are done.

Stride 5: Add Animations to Travel Map

Right-click the media in the Timeline, and get to Add Blitheness from the context menu. Brand sure that the Skimmer is on the first frame, and add several keyframes every bit explained below:

• Click Add to add the first keyframe

• Motility a couple of frames further, and click Add together one more fourth dimension. Now, while you are on this second keyframe, utilise the Calibration slider to zoom in to the map and so the source location remains inside focus.

• Next, motility the Playhead farther and add together another keyframe a couple of frames before the route line hits the edge of the window.
• Later on this, move the Playhead again and position it where the road line reaches its destination location. Add another keyframe here as well, and motility the map in the Preview window so the focus is now on the destination.
• Move the Playhead a few frames further, add together some other keyframe, and use the Scale slider to zoom a bit more into the map to make the entire animation look realistic. Click OK to save the changes.

Pace 6: Add Icons and Titles, and Consign the Projection

Drag the paradigm of the traveling medium to the Timeline, and place it on the frame the route line starts from. Make sure to place the image on the track in a higher place the map, and stretch it to the end so it remains visible throughout the animation. Next, utilise the method explained above to add keyframes to move the medium along with the route line from the source to the destination. Optionally, add the image of the location marking at the destination point, get to Transition, and add your preferred transition effect, preferably Dissolve, to the marker track in the Timeline and then information technology looks every bit if it has appeared as the medium arrived the destination.

Get back to the first frame in the Timeline, go to Titles on the standard toolbar, and add a title preset somewhere near the source location. Resize the text, change the format as needed, and add your preferred caption to it such as the start fourth dimension, proper name, etc. Reduce the duration of the runway so the title appears for a few frames, preferably before the map blitheness starts. Click OK when done. Repeat this process for the destination betoken as well.

Once everything is consummate, click the Play button in thePreview window to review your work. If the video looks acceptable, click EXPORT from the pinnacle-center of the interface, and use the method explained before to export the animated travel map in your preferred format.

2. How to Make Interactive Animated Travel Map with Pictramap

If you lot don't want to install a dedicated animation software on your computer due to limited hardware resources or some other reason, there is an online solution chosen Pictramap to create a travel map animation using a web browser. The spider web app offers a lucrative interface that could be easily understood and worked with to produce an animated map for complimentary.

The process to create an animated travel map with Pictramap is given below:

Stride 1: Create a Project

Launch your favorite web browser, go to https://www.pictramap.com/, click Create yours at present, it's gratuitous, and sign up to Pictramap using your preferred method. When you are on the Dashboard, enter a name in the field available under the My Projects section, and click Create to create a new projection (the animated map).

Step 2: Define the Locations and Method of Commute

On the map, right-click the location yous want to outset your journey from, enter the proper noun of the location or any other significant title, and click Add. Click the location marking, click the Travel Mode icon, and select your preferred fashion of traveling. Echo this procedure to marking the destination location besides.

Step 3: Preview the Blitheness

Click the View Animation button from the upper-right corner of the folio to encounter the animated travel map.

Downsides of Using Pictramap to Create Animated Travel Map Video

Although Pictramap allows yous to create a travel map animation with ease and extremely quickly, at the time of this writing, it offers no way of downloading the animation to your PC, and therefore it couldn't be used in your projects.

If you are using Wondershare Filmora X, you can use its congenital-in screen recording characteristic to tape the animation that Pictramap plays, and then save the captured footage equally MP4 or whatsoever other format on your computer. This video can then exist imported to your projects for further uses.

Conclusion

An blithe travel map plays an important role to add a realistic touring effect to your movement picture projects. While you tin use a web app like Pictramap to create such an animation online hands and for free, the limitations it comes along with might keep you from choosing this method.

Instead, you lot may want to get more inclined toward a dedicated mail service-production software like Wondershare Filmora X that gives you full control over the procedure, and the freedom to cull your preferred format to consign the animation to for independent usage.

Benjamin Arango

Benjamin Arango is a writer and a lover of all things video.

Follow @Benjamin Arango

Source: https://filmora.wondershare.com/animated-video/how-to-make-animated-travel-map-video.html

Posted by: sheildsforlanstry.blogspot.com

Share this post