コマーシャルを作成するとき、編集者はダイナミックに見えるカメラショットだけに焦点を当てているわけではありません。ほとんどの場合、作品をより際立たせるモーション グラフィックスも使用されます。結局のところ、メッセージを伝えて視聴者に商品の購入を促すのに必要な時間は、わずか 30 秒程度しかありません。モーション グラフィックスを使用すると、ビデオがない場合よりも視覚的に興味深いものになります。
そこで、この記事ではコマーシャルでモーショングラフィックスを使用する方法を説明します。関連するさまざまな手順と、使用できるツールについて説明します。ボーナスとして、モーション グラフィックスを使用したいくつかのベスト プラクティスと実際の成功例についても学びます。これについてさらに詳しく知りたい場合は、読み続けてください。

この記事について
<オル>パート 1:Filmora でモーション グラフィックスを使用したコマーシャルを作成する方法
ビデオ編集において、モーション グラフィックの使用は、より複雑なビデオ編集スキルの 1 つとみなされます。マスターして正しく使用するには時間がかかります。だからこそ、プロレベルのモーション グラフィックスとツールを提供し、ユーザーフレンドリーな方法でその方法を学べるツールを利用する必要があります。
従来のモーション グラフィックスの作成には通常、学習曲線が急峻で高価な使いにくいソフトウェアが必要です。多くの編集者は、プロフェッショナルな見た目のコマーシャルを求めることと、乗り越えられない技術的障壁に直面することの間で葛藤しています。したがって、2 つの要件のバランスをとるツールを見つけることが必須です。
そのようなツールの 1 つが Wondershare Filmora です。プロレベルでありながら使いやすいビデオエディターであり、多くの人に愛用されています。そのため、最高のモーション グラフィック コマーシャルを作成するのに最適です。ビデオ編集の手綱を学び始めている場合でも、Filmora があらゆる段階でサポートしてくれることを知っていただけると幸いです。
Filmora は、クリエイティブな欲求を現実にするために設計された多様なツールセットを備えており、モーション グラフィックスに関連する次の重要な機能を提供します。
- キーフレーム。 Filmora のキーフレーム システムを使用すると、複雑なコーディングや技術的な知識がなくても、美しく滑らかなアニメーションを作成できます。要素の開始点と終了点を設定すれば、残りの作業はソフトウェアが行います。
- モーショントラッキング。モーション グラフィックスのもう 1 つの優れた機能は、モーション トラッキングです。 Filmora は、動く人物や被写体にステッカーなどのオブジェクトを設定できるこの機能を提供しており、それがどこに行っても追従します。
- タイトルアニメーションテンプレート。コマーシャルでは、美しく作られたデザインやアニメーションに重要なテキストが含まれているのをよく見かけます。これは、Wondershare Filmora とそのテンプレートを使用すれば完全に可能です。適切なタイトルのアニメーションを作成するのに多くの時間を費やす必要はありません。もちろん、このオプションにはさまざまなテキスト効果とカスタマイズオプションがあります。
- グリーン スクリーンとクロマ キー。モーション グラフィックスは通常、既存の映像に重ねられるため、コンテンツに合わせて調整するにはクロマ キー ブレンディングなどのツールが必要になります。 Filmora は、ニーズを満たすグリーン スクリーンをサポートしています。
Filmora を使用してコマーシャルにモーション グラフィックを追加する方法
プロジェクトで活用できる Filmora の機能についてすべて学習したので、今度はそれを実際に使ってみましょう。以下の手順を読みながら、横にあるアプリを準備してください。
ステップ 1:Wondershare Filmora をインストール、ダウンロード、起動します。また、Wondershare アカウントでログインするか、サインアップしてください。
ステップ 2:ホームページから新しいプロジェクトを作成します。コンテンツをタイムラインにインポートします。このインポート方法を使用して、独自のモーション グラフィックス アセットを追加することもできます。
ステップ 3:[ステッカー] タブからモーション グラフィックを検索します。そこには、コマーシャルに使用できる GIF のようなオブジェクトが見つかります。
ステップ 4:気に入ったステッカーを見つけたら、タイムラインにドラッグ アンド ドロップし、ビデオに重ね合わせます。
ステップ 5:タイムラインからステッカーまたはグラフィックを選択し、[基本]、[マスク]、[AI ツール]、[アニメーション] のツールを使用してステッカーまたはグラフィックをカスタマイズします。
Filmora を使用してコマーシャルのモーション グラフィックスを改善する方法
モーション グラフィックを追加したら、それらを改善する必要があります。時間をかけて編集することは、優れたモーション グラフィック コマーシャルを作成するための重要な要素の 1 つです。ここでは、キーフレームを使用してグラフィックを画面上で移動させる方法を学びます。
ステップ 1:再生ヘッドを移動し始める位置に移動します。次に、下にマークされているキーフレーム アイコンをクリックします。設定したら、アニメーションを開始する位置からオブジェクトを調整して配置します。
ステップ 2:再生ヘッドをアニメーションの終了時間に移動します。その後、オブジェクトを目的の場所に移動します。これにより、次の位置のキーフレームが自動的に生成されます。
ステップ 3:パス カーブ オプションを使用して、キーフレームのモーションとタイムスタンプをより正確に調整します。直線、曲線、連続曲線などにするかを選択できます。
ステップ 4:自動同期機能を使用して、設定したキーフレーム パス/アニメーションが選択した音楽と同期していることを確認します。これを行うには、関連するビデオとオーディオを選択し、下にマークされている自動同期アイコンをクリックします。
パート 2:コマーシャルにおけるモーション グラフィックスのベスト プラクティス
モーション グラフィックスは、コマーシャルに視覚的な魅力とプロフェッショナルな洗練を加えますが、慎重な実装が必要です。他の強力なデザイン要素と同様に、過度に使用したり不適切に実行すると、メッセージを強化するのではなく、視聴者の注意をそらす可能性があります。ここでは、魅力的なモーション グラフィック コマーシャルを作成するための主要なベスト プラクティスを紹介します。
シンプルかつ明確にしましょう
- 一度に 1 つの動き要素に焦点を当てます:複数の動き要素が注意を求めて競合し、視聴者を混乱させます。
- モーションを使用して視聴者の目を誘導します。重要な情報や行動を促すものに注意を向けます。
- 読みやすいテキストの長さを維持する:テキストが読める程度に十分な長さ(最低 3 秒)画面上に残るようにする
- 息抜きのスペースを作成する:情報処理のためにアニメーション間に静的な瞬間を設けます。
プロのヒント:疑わしい場合は、不要な動きを削除してください。すべてのアニメーションは、コマーシャル内で特定の目的を果たす必要があります。
ブランドのカラーとフォントを一貫して使用する
もちろん、すべてのプロジェクトにわたって一貫した視覚的な基盤が必要です。コマーシャルでは、ブランドのカラーとフォントを一貫して使用するようにしてください。
- ビジュアル アイデンティティの維持:モーション グラフィックはブランドの認知度を強化する必要があります
- カラーパレットを制限する:ブランドのガイドラインに基づいて原色を 2 ~ 3 色に限定する
- アニメーション スタイル ガイドを作成する:繰り返し発生する要素に対して一貫したモーション動作を開発する
- モーション スタイルをブランド パーソナリティに合わせる:若者向けブランド向けの高速でエネルギッシュなアニメーション。高級ブランドのゆっくりとしたエレガントな動き
さまざまなプラットフォーム向けに最適化する
広告はさまざまなプラットフォームを通じて視聴される可能性が高くなります。次のヒントに従って、あらゆる種類の画面に適合するようにしてください。
- 閲覧環境に基づいて複雑さを調整する:モバイル向けに簡素化。大きな画面用に詳細を追加する
- 早めにアスペクト比を検討する:プラットフォーム固有のサイズを念頭に置いて設計します(ストーリーの場合は 9:16、フィードの場合は 1:1)
- モーション速度をプラットフォームの標準に適応させる:TikTok ではより速く、LinkedIn のような「公式」サイトではより適切に測定される
- 実際のデバイスでテストする:編集モニターで見栄えがよいものでも、スマートフォンでは機能しない可能性があります
モーションの過負荷を避ける
静的要素は視覚的な休憩ポイントを提供できます。したがって、モーション グラフィックスの使用を戦略的に一時停止するようにしてください。これは、気が散るのを減らし、動画全体で伝えようとしている特定のポイントを強調するのにも役立ちます。
経験則として、動きを画面要素の 30% に制限します。すべてを一度に動かさないでください。コマーシャルを音を消して見てください。動きがサポート的ではなく、気が散ると感じる場合は、単純化する時期です。
パート 3:モーション グラフィックの商業トレンドと今後のケーススタディ
ここでは、モーション グラフィック コマーシャルの作成を検討する際に従うことができるいくつかのトレンドとケーススタディを見ていきます。このディスカッションには、過去 10 年間にリリースされたモーション グラフィックを使用した最高のコマーシャルがいくつか含まれます。
フォローする価値のある現在のモーション グラフィックス トレンド
今日最も成功しているコマーシャルは、モーション グラフィックを使用して、明確なメッセージを伝えながら感情的なつながりを生み出しています。これらの傾向は、ミニマリズム、スムーズな移行、そして物語を支配するのではなく強化するためにアニメーションを戦略的に使用することを強調しています。
注目すべき傾向は次のとおりです。
- 実写とグラフィックのシームレスな統合
- タイポグラフィーに重点を置いたアニメーション
- ブランド要素の微妙な動き
- ストーリーを伝えるデータの視覚化
- アイソメ図のデザイン要素
Apple の「Behind the Mac」シリーズ
Apple の「Behind the Mac」キャンペーンは、繊細なモーション グラフィックスが視聴者を圧倒することなくストーリーテリングをどのように強化できるかを見事に示しています。以下に、彼らが実装した主要なモーション グラフィック要素をいくつか示します。
- シンプルなトランジション:Apple はシンプルなワイプとシーン間のフェードを使用して、視覚的な連続性を維持します
- 思慮深いタイポグラフィ アニメーション:テキストは目的を持って表示され、多くの場合音声キューに合わせて表示されます
- ブランドと一貫したアニメーションの速度:動きは Apple のエレガントで慎重なブランドの個性を反映しています
- ホワイトスペースの活用:モーション要素に呼吸の余地があり、視覚的なバランスが生まれます
アニメーションは各コマーシャル全体で一貫したテンポに従い、自然で無理のないリズミカルな視覚体験を生み出します。モーション グラフィックスは注目を集めるのではなく製品を強調し、Apple の製品中心のマーケティング アプローチを強化します。それぞれのアニメーション要素は全体的な物語を担っており、視覚的なセンスのために何も含まれていません。
ナイキの「You Can't Stop Us」
Nike の「You Can't Stop Us」キャンペーンでは、明確なブランド メッセージを維持する技術を使用した高度なモーション グラフィック コマーシャルを紹介しています。彼らの側では、モーション グラフィック コマーシャルをどのように改善したかを以下に示します。
- 分割画面トランジション:分割画面間のシームレスな移動により視覚的な連続性が生まれます
- ダイナミック タイポグラフィ:Nike のエネルギッシュなブランド パーソナリティにマッチする大胆なテキスト アニメーション
- モーション トラッキング:アスリートの動きを追跡し、人間のパフォーマンスを強調するグラフィックス
- カラー パレットの一貫性:アニメーション要素は、Nike の確立された配色に厳密に準拠しています
モーション要素はアスリートのエネルギーを反映し、人間の動きとグラフィックアニメーションの間に相乗効果を生み出します。グラフィックは重要なメッセージを正確な瞬間に強調し、視聴者が重要な情報を適切なタイミングで吸収できるようにします。アニメーションのタイミングはコマーシャル全体のペースと完全に一致しており、意図的で洗練されたと感じられる一貫した視聴体験を生み出します。
結論
モーション グラフィックスは、通常のコマーシャルを魅力的な視覚体験に変えます。これで、魅力的なモーション グラフィックスを作成するための重要な要素が理解できました。 Wondershare Filmora は、ユーザーフレンドリーなインターフェイスと強力な機能により、これにアクセスできるようにします。
アニメーションをシンプルにし、ブランドを維持し、さまざまなプラットフォームに最適化し、モーションの過負荷を避けることを忘れないでください。インスピレーションを得るために、Apple や Nike などのブランドの成功したキャンペーンを研究してください。初心者でも経験豊富な編集者でも、Filmora はプロフェッショナルな機能と使いやすさの完璧なバランスを提供します。 Filmora の直感的なツールを使用して、モーション グラフィックを使用した最高のコマーシャルの作成を今すぐ始めましょう。