動畫地圖 已經有了長足的進步，其可能性無窮無盡。如今，我們看到動畫地圖在旅遊觀光、教育、新聞和醫療保健領域的廣泛應用。它們被用於影片中，以說明資料在一段時間內的變化。
這些地圖主要被用作地理視覺化的「最先進」工具。現今的觀眾和讀者期望故事中能有這些動態地圖。
隨著最新技術的發展，製作精彩的動畫地圖變得更加容易。本文將介紹在 Adobe After Effects 中製作3D 動畫旅行地圖 的基本步驟，並討論一些熱門範本。
第 1 部分：如何在 After Effects 中建立 3D 動畫旅行地圖？
這個完整的教學將引導您從頭開始建立專業級的after effects 動畫地圖 。您不需要購買任何昂貴的外掛程式或預設 — 一切都可以使用 Adobe After Effects 的內建工具來完成，以建立令人驚豔的 3D 地圖動畫效果。
建立精彩的after effects 旅行地圖 教學在您遵循我們的系統化方法時會變得簡單明瞭。這裡介紹的技術被全球專業動態圖形藝術家用於為紀錄片、旅遊節目和企業簡報製作電影級品質的地圖動畫。
注意：您可以觀看 YouTuber 的影片教學，了解他如何使用 AE 製作地圖動畫。
步驟 1：為您的線條製作動畫
任何成功的animated world map after effects 專案的基礎都始於正確設定您的合成並建立旅行路徑動畫。
- 首先，在合成設定下建立一個新的合成。在這裡您可以設定您的預設。將品質更改為全高清（1080p），並確保勾選鎖定長寬比。您可以根據需要更改寬度，並且不要忘記重新命名合成。
- 接下來，匯入您的路線圖。您可以預先合成它，並在需要時從 After Effects 中更改它。
- 按右鍵建立一個新的實心圖層；那將是您的筆畫。選擇任何顏色並點擊「確定」。
- 接下來，您必須決定您的旅行地點。在此之前，取消勾選新圖層。
- 勾選未勾選的新圖層框，找到鋼筆工具（在工具列下方）並在您目前的位置（例如比利時）上點擊並拖曳。同樣地，在您想要的區域（例如莫斯科）上建立另一條線。
- 為您的線條曲線新增動畫 - 前往效果和預設，搜尋「筆畫」並套用它。這將自動從此圖層中選擇遮色片 1。
- 啟用筆畫圖層並更改筆刷大小，更改您的繪畫樣式、顏色並為地圖上的線條新增間距。
- 要為線條製作動畫，請點擊預設中的結束碼表。您可以選擇線性或緩動動畫。
對於第一個，點擊停止啟動並將時間向前移動約 3 秒，然後將碼表設定為 100%。在鍵盤上按「E」以製作另一個關鍵影格，然後返回上一個關鍵影格並將碼表設定為零。
緩動稍微複雜一些。按右鍵，前往關鍵影格輔助並選擇緩動選項。前往圖形編輯器以調整動畫速度。
步驟 2：在 After Effects 動畫地圖中新增陰影
為了增強您的地圖動畫效果 專案的三維外觀，透過陰影增加深度對於專業效果至關重要。
導航到您的圖層效果並為您的動畫路徑圖層新增「陰影」效果。調整左側選單中的距離參數，以建立不會壓過您的地圖設計的微妙深度。這項技術為您的 after effects 影片映射專案增添了專業的修飾。
步驟 3：3D 動畫
透過實現真實的world map for after effects 體驗，將您的平面地圖轉變為動態的3D 攝影機移動 和空間關係。
- 按右鍵建立一個新的攝影機並點擊世界地圖圖層。
- 為筆畫效果和目前圖層啟用 3D。如果您看不到 3D 圖示，請務必切換開關。
- 接下來，在新攝影機旁邊，同樣按右鍵建立一個「新的空物件」。也為此開啟 3D。
- 如果您點擊攝影機並將其父級設定為您的空物件，您可以使動畫更加出色。這意味著空物件將成為您的控制項，即攝影機將跟隨空物件的旋轉，以建立比簡單的平移和傾斜更好的動畫。
- 要檢視旋轉，請點擊空物件並按「R」，對於位置標籤，請按住 Shift 並按「P」。
- 使用「Z 旋轉」放大並前往您的起始位置。您還可以在每個旋轉標籤上放置碼表。前往 3 秒並將其旋轉到另一個方向。
- 為了使緩動效果同樣適用，您還需要在所有關鍵影格上為此動畫新增它。
- 播放它以查看您剛剛建立的3D 動畫 。
步驟 4：景深
如果您透過點擊「攝影機」前往攝影機設定，您會找到可以啟用景深的攝影機選項。您還必須將光圈更改為 130，然後調整焦距以銳化您的旅行終點。這樣，您就建立了景深效果。您也可以對起點重複同樣的操作。
當您降低光圈值時，剩餘的影像模糊會更少。
步驟 5：新增圖釘位置
在您的after effects 地圖動畫 中，您可以在旅行場景中匯入圖釘位置。如有需要，將其設為另一個 3D 圖層，並將其重新定位到起點和終點目的地。
- 可以使用後方平移工具將錨點移動到開頭。
- 按「R」將圖釘向上旋轉。
- 要使此功能在動畫中彈出，請按「S」。對於縮放，點擊碼表，將影格設定為零，然後點擊上一個關鍵影格。在其上按右鍵，啟用緩動。
第 2 部分：Adobe After Effects 中最佳的旅行地圖動畫範本
注意，以下旅行地圖動畫範本來自 Envato，您也可以在一些After Effects 範本下載網站.
1. Flight Maps：
Flight Maps 是一個簡單的範本選項，可協助您在兩個城市之間建立快速的 2D 動畫。它為使用者提供預先製作動畫的區域地圖供選擇。它還允許您想要反轉城市之間的旅行方向。
該範本在儀表板上為您提供 6 種地圖顏色主題。它們每個都可以從效果控制面板開啟和自訂。像開啟雲層這樣的額外功能可以為您的合成增加更多深度。像污垢紋理這樣的令人驚豔的效果可以將您的設計提升到一個全新的水平，讓您為動畫地圖增添更多動感。
假設您想新增汽車或帆船等圖形。為此，請從範本儀表板合成中點擊圖示圖層。路線線條樣式和圖釘等方面也可以自訂。使用 Flight Maps 可讓您透過選擇過渡樣式圖層在開場中新增動畫。
總而言之，此範本需要一些手動工作。它不是一個可以輕鬆插入城市且不會自動移動的面板。它是 Envanto Elements 旅行地圖 after effects 範本免費下載的一部分，使其超級易於存取。
2. Map Connector：
如果您想連接 2 個不同的城市，這可能不是一個好的範本。然而，Map Connector 在說明元資料或有關各個位置的其他相關資訊方面是一個出色的 2D 範本。
與 Flight Maps 不同，此範本沒有內建範本供您選擇，但您仍然可以自訂顏色、時間和位置。使用者可以透過首先開啟目的地合成並按「p」來檢視攝影機的位置來更改城市位置，他們可以更改以顯示您想要顯示的位置。返回主合成將顯示目的地已轉移到新城市。
Map Connector 需要您返回專案面板並開啟不同的位置以更新這些新位置的資訊框和文字。
此範本上的關鍵影格對於初學者來說使用起來稍微更具挑戰性。它可能缺少一些重要的效果，但相當易於使用。
3. Place on Earth：
您想使用 3D 地球儀顯示單一位置嗎？在這種情況下，這個特定的地圖範本完美地發揮作用。您可以使用編輯合成來編輯位置。您需要瀏覽合成直到預設城市標籤出現，然後您可以雙擊以更改城市名稱（如有需要，可使用更新的字型）。
接下來，點擊位置圖層並將標籤移動到正確的位置。當您前往渲染標籤時，瀏覽以預覽從 a 點到 b 點的移動。現在，在此範本中，您還可以為您嘗試指出的地方新增視覺效果。
要使更改的位置更好地進入畫面，您必須從效果控制更新點 2 參數。您可以在這裡調整所有參數，直到它看起來恰到好處。
您可能希望以四分之一解析度進行更改，以便在決定渲染之前更快地進行編輯。由於 3D 動畫，渲染時間可能需要更長時間。此外，最好輸入值而不是瀏覽，因為這些參數非常敏感。
4. World Map Toolkit（Premiere Pro）：
此範本主要在 Adobe After Effects 中建立。然而，它被匯出為動態圖形範本以在 Premiere Pro 中作為 .MOGRT 檔案使用。這意味著您在 Premiere Pro 中執行所有編輯。除非檔案在 Premiere Pro 中進行最佳化，否則您在編輯時將繼續遇到重大延遲。
⭐ 替代方案：無需 After Effects 即可建立動畫旅行地圖
對於許多初學者來說，由於涉及修剪路徑、遮色片路徑、圖形編輯器和表達式的複雜工作流程，在 After Effects 中建立動畫旅行地圖可能很耗時。如果您正在尋找一種更快、更簡單的方法來建立地圖動畫而無需進階合成，Wondershare Filmora's 鋼筆工具 提供了一個非常適合初學者的解決方案。它非常適合影音部落客、教育工作者、旅遊內容創作者和社群媒體故事講述者，他們希望快速有效地製作精美的世界地圖動畫。
安全下載為什麼使用 Filmora 製作地圖動畫？
Filmora 大幅簡化了路線動畫，讓每個人都可以存取動畫地圖 — 即使沒有專業訓練。
| 傳統 After Effects 工作流程 | Filmora 鋼筆工具工作流程 |
| 需要了解遮色片、修剪路徑、圖形編輯器、表達式 | 使用鋼筆工具繪製路線 → 一鍵套用路線動畫 |
| 學習曲線陡峭 | 適合初學者，幾分鐘內輕鬆學會 |
| 大量渲染，硬體密集 | 輕量級效能和快速匯出 |
| 範本修改複雜 | 內建可編輯的地圖範本，支援拖放控制 |
| 最適合高階影片製作 | 非常適合旅遊部落客、教師和社群媒體創作者 |
✨ 簡而言之：Filmora 讓動畫地圖製作不再侷限於技術能力，而是更著重於創意說故事。
如何在 Filmora 中製作旅遊地圖動畫
按照以下步驟設計乾淨、專業的旅行路線動畫：
將您的世界地圖或城市地圖圖片匯入媒體面板。如果您沒有準備好的圖片，也可以直接在素材庫中搜尋地圖素材。
將地圖拖曳到主要影片軌道以設定背景。
使用鋼筆工具追蹤您想要製作動畫的路線。
- 點擊時間軸上方的形狀圖示
- 選擇鋼筆工具
- 在畫布上點擊以建立錨點
- 建立直線，或按住並拖曳以形成平滑的曲線路徑，使動作更自然
這形成了您動畫地圖的基本旅行路線。
在右側的屬性面板中，前往：形狀 → 基本 → 筆畫
- 調整線條顏色、粗細和不透明度
- 套用筆畫樣式預設以產生風格化效果，例如光暈或虛線
這有助於視覺化突顯您的旅行路線。
要建立手寫式旅行動畫：
- 在屬性面板中開啟修剪路徑
- 將播放頭移動到時間軸的開頭
- 設定起始 = 0% 和結束 = 0%，然後在結束上新增關鍵影格
- 將播放頭移動到路徑動畫應該完成的位置
- 將結束變更為 100%
如果您希望動畫從線條的不同區段開始，可以調整偏移。
要製作飛機沿著路徑移動的動畫：
- 開啟路徑跟隨器
- 從貼圖中選擇飛機圖示，或匯入您自己的圖形
- 點擊套用
動作軌道將出現在時間軸上，自動將圖示附加到動畫路徑上。
前往音訊標籤並搜尋飛機、風或旅行主題的音效。將它們拖曳到音訊軌道上，以增加真實感和情感影響。
選用的最後修飾：
- 新增相機縮放關鍵影格以產生動態移動
- 使用文字或標題標註來標示目的地
- 套用光暈或陰影效果以增加視覺深度
以您所需的解析度匯出動畫旅遊地圖——社群平台使用 1080p，或使用 4K 以獲得更高的製作品質。
最終建議：
兩種工具都能製作令人印象深刻的動畫旅遊地圖，但正確的選擇取決於您的工作流程需求：
- 選擇After Effects用於電影級地圖動畫、專業合成或進階的 After Effects 影片對映專案。
- 選擇Filmora如果您想要快速的結果、更容易的學習曲線，以及實用的替代方案來製作 After Effects 風格的地圖動畫視覺效果——而不需要複雜的操作。
結論
由於我們生活在一個進化的世界中，我們的大腦和眼睛已經演化成對移動的環境有更好的反應。動畫地圖有效地運用了我們的視覺處理技能。因此，它們近來被廣泛使用。
我們希望我們的逐步指南和範本建議能幫助您在 Adobe After Effects 中製作動畫旅遊地圖，並使您的影片內容更加出色。
