Filmora
Filmora - AI動画編集アプリ
強力でシンプルなビデオ編集アプリ
入手

【旅行vlog】マップアニメーションをつくろう│地図自作ツールも紹介

May 07, 2024 • カテゴリ: 動画編集の基本とコツ

マップアニメーション・地図アニメーション

旅番組や旅行Vlogで地図上の出演者が移動した道をなぞっていく、そんなアニメーションが流れることがあります。そのアニメーションを「マップアニメーション」あるいは「地図アニメーション」といいます。マップアニメーションがあると、どの道をどう行くのかがわかりやすく視聴者が簡単にイメージできます。しかし、自分でマップアニメーション入り動画を作るのは難しそうですよね。

この記事では2つのマップアニメーションの作り方と、地図画像を作ることができるツールを紹介します。

 目次:      

Windows版ダウンロード   Mac版ダウンロード

Part1.2つのマップアニメーションの作り方

ここでは、動画制作ソフトWondershare Filmoraを使用した作り方を紹介します。まずFilmoraの説明をします。

filmora13

Filmoraの操作画面はわかりやすく、直感的に操作できます。また、たくさんエフェクト等があり、魅力的な動画ができるのも特徴です。使ってみないと買うのは心配という人もいますが、Filmoraは透かし画像は入ってしまいますが、無料で利用ができます。ですから1度試してから購入したい人も安心できますね。

マップアニメーション作りにおすすめの動画編集ソフトFilmora

Filmoraは国内外において、多くの受賞歴があり、高く評価されており、安心で利用できる動画編集ソフトです。 新バージョンにAI動画生成、AI画像生成、AI音楽生成機能などのAI機能が新搭載!新機能の詳細を見る≫

user-g2-crowduser-shorty-awardsuser-getappuser-getapp

Windows版ダウンロード2 Mac版ダウンロード2
安全1

では、Filmoraを使用したマップアニメーションの作り方を2種類説明します。

★直線ルートのマップアニメーションの作り方

①.地図画像を用意して、タイムラインにドラッグ&ドロップし、必要な時間分横に伸ばします。

直線ルートのマップアニメーションの作り方

地図素材著作者:Freepik

②.【ライブラリ → ソリッドカラー】からルート表示に使う色を選んでトラック2に追加し、プレビュー画面で太さと長さを調整します。

直線ルートのマップアニメーションの作り方

Windows版ダウンロード   Mac版ダウンロード

③.【エフェクト → ユーティリティ】から【クロップ】のエフェクトをトラック2のカラーにドラッグします。

直線ルートのマップアニメーションの作り方

④.トラック2をクリックすると、設定画面が出てくるので、「上」、「下」、「右」、「左」のオプションから、ルートが行きたい方向でキーフレームを追加します。

直線ルートのマップアニメーションの作り方

⑤.これを繰り返していくことで複数地点を通るマップアニメーションができます。

直線ルートのマップアニメーションの作り方

⑥.同じ手順で自分を表示するアイコンを置くことで、アイコンも移動する本格的なマップアニメーションになりますよ。

直線ルートのマップアニメーションの作り方

Windows版ダウンロード   Mac版ダウンロード

★点線ルートのマップアニメーションの作り方

①.【ライブラリ → ソリッドカラー】からルート表示に使う色をトラック2へドラッグ&ドロップします。

左上、【エフェクト → ユーティリティ】から【イメージマスク】を選択します。※イメージマスクは楕円ですが、プレビューをダブルクリックすると出てくる、編集画面のビデオエフェクトにある幅を75にするときれいな円ができます。

点線ルートのマップアニメーションの作り方

②.円のサイズを調整し、スタート地点に円を置きます。トラック2を複製し、次の地点に円を置きます。この手順を繰り返し、円をルート上に並べていきます。円の発生時間を調整すると順番に円が出てくるようなアニメーションになります。

点線ルートのマップアニメーションの作り方

地図素材著作者:著作者:rawpixel.com/出典:Freepik

③.ここでも、自分の居場所をアイコンにしてキーフレームで追加すれば、まるで自分が移動しているかのようなマップアニメーションになります。

点線ルートのマップアニメーションの作り方

直線ルートのマップアニメーション作成方法、点線ルートのマップアニメーション作成方法の両方がこちらのYouTube動画で説明されていますので参考にしてください。

Windows版ダウンロード Mac版ダウンロード
安全

Part2.マップアニメーション用の地図を自作するツールを紹介!

マップアニメーションの作り方を説明しましたが、地図画像やアイコンも自作したいですよね。そんな時にはWondershareのEdraw Maxというツールをおすすめします。

Edraw Maxとは作図ソフトですが、インターフェイスが視覚的にわかりやすいためFilmora同様、直感的に操作できます。そしてたくさんのテーマやテンプレートがあるので考えたことを形にしやすいです。地図やマップアニメーション上の自分を示すアイコンもEdraw Maxでたくさんのテンプレートを使って作ることができますよ。

作図ソフトEdraw Max

まとめ

この記事では旅行Vlogなどで使える2種類のマップアニメーションの作り方を説明しましたがいかがでしたか。移動した記録を動画で残せて、発信できるようになると動画作成の楽しみも増えていきますね。

あわせて紹介したEdraw Maxで地図画像も自作すれば完全オリジナルの動画が作れそうです。ぜひFilmoraEdraw Maxを活用して素敵な動画を作成しましょう。

関連記事:オーロラアニメーションのオープニング動画の作り方>>

関連記事:【低予算】スマホだけでPOV視点(一人称視点)VLOGを撮影・編集する方法>>

初心者必見!Filmoraスタートガイド|Wondershare Filmora

Windows版ダウンロード Mac版ダウンロード
安全

役に立ちましたか?コメントしましょう!

登録 / ログイン してからコメントを書いてください
user
{{item.name || userName}}
{{item.time}}
{{item.message}}
{{item.likes}} 返信をキャンセルする 返信
登録 / ログイン してからコメントを書いてください
user
{{item1.type == 2 ? authName : item1.name ? item1.name : userName}}
{{item1.time}}
@{{item1.reply_to_type == 2 ? authName : item1.reply_to_name ? item1.reply_to_name : userName}} {{item1.message}}
{{item.likes}} 返信をキャンセルする 返信
登録 / ログイン してからコメントを書いてください
author

fukuda

編集長

サポート

製品に関するご意見・ご質問・ご要望はお気軽に こちらまでお問い合わせください。 >>