Clean 3D Animated Travel Map Tutorial in After Effects

×
WHERE SHOULD WE SEND
THE FREE TUTORIAL FILES?
Free Download

Creating a Clean 3D Animated Travel Map Using After Effects

In this tutorial, we will show you how to create an animated travel map using Adobe After Effects. Follow these steps to achieve a professional and clean 3D animated travel map.

**Step 1: Prepare Your Image**
  1. Secure an image of a world map that you want to use for your animation.
  2. Import the world map image into Adobe After Effects and create a new composition with the image.
  3. Pre-compose the map layer by selecting it and going to **Layer** > **Pre-compose**. Name it "World Map".


**Step 2: Create Your Travel Path**
  1. Select the **Pen Tool (G)** and draw a path from your point of origin to your travel destination on the map.
  2. Ensure the path is smooth and accurately represents the travel route you want to animate.
  3. Adjust the stroke settings of the path by selecting the **Stroke** option in the **Effects & Presets** panel. Increase the size and color of the stroke to your preference.


**Step 3: Animate the Travel Path**
  1. Select the path layer and go to **Effects** > **Generate** > **Stroke**.
  2. In the **Effects Controls** panel, set the **End** property to 0% at the start of the timeline and create a keyframe.
  3. Move the playhead to the point where you want the animation to end and set the **End** property to 100%. This will create an animated stroke along the path.
  4. Right-click on the keyframes and choose **Keyframe Assistant** > **Easy Ease** to smooth the animation.


**Step 4: Create a 3D Camera**
  1. Go to **Layer** > **New** > **Camera** to create a 3D camera. Adjust the camera settings to match the desired perspective of your travel map.
  2. Select the map layer and enable the 3D layer option by clicking on the 3D cube icon next to the layer name.
  3. Animate the camera movement to follow the travel path by creating keyframes for the **Position** and **Point of Interest** properties.


**Step 5: Final Adjustments and Effects**
  1. Add any additional effects or elements to enhance the animation, such as icons for the travel points or labels for the destinations.
  2. Review the entire composition and make any necessary adjustments to the timing, position, or effects.
  3. Use the **Graph Editor** to fine-tune the speed and timing of the animations for a more polished look.


**Step 6: Render and Export**
  1. Once you are satisfied with the animation, render and export your composition by going to **Composition** > **Add to Render Queue**.
  2. Choose the appropriate settings for your final output and click **Render**.


By following these steps, you can create a clean and professional 3D animated travel map using Adobe After Effects. For a detailed, step-by-step guide, watch the full video tutorial.

RELATED PORFOLIO