モーショングラフィックスとは？作成のコツやおすすめのソフト・サイトを初心者向けに紹介！

テレビCMやWebサイトの動画広告、案内板などに使われている表現方法「モーショングラフィックス」。この記事では、作成の手順や、おすすめの作成ソフト、素材やテンプレートサイトについて、初心者向けに紹介していますので、ぜひご活用ください。

INDEX

モーショングラフィックスとは？
モーショングラフィックスの作り方をご紹介
モーショングラフィックスを作れるソフトは？
モーショングラフィックス作成に使えるフリー素材・テンプレートサイト４選！

モーショングラフィックスとは？

テレビ番組のオープニング映像から、店頭や街角に流れるデジタルサイネージの動画、またはSNSやウェブサイトに使われている動きのある広告など、モーショングラフィックスはさまざまな場面で活用されています。

「モーション」とは動きのことで、「グラフィックス」は画像やテキストを使った視覚表現を意味します。その二つの単語を組み合わせた「モーショングラフィックス」とは、動きを加えたイラストや、実写やテキストを組み合わせた映像のことを指します。

パソコンなどを使い、デジタルで制作・加工・編集されるものが主流です。しかし、古くはパラパラ漫画や、ストップモーションのコマ撮り映像なども、「動く画像」という意味では、モーショングラフィックスの一種といえます。

モーショングラフィックスでは、伝えたいメッセージによって、イラストやデザインを考え、文字と組み合わせ、エフェクトや動きなどの演出を加えて動画を作成していきます。

モーショングラフィックスのメリット

モーショングラフィックスを活用するメリットは、まずメッセージが伝わりやすいことです。イラストや写真に動きを加えることで、より注目を集めやすく、さらに視聴者の記憶に残りやすくなります。色づかいや構図などを工夫することで、さらに目にとまりやすく、インパクトのある動画をつくることができます。

インターネット上で提供されている素材や、テンプレートなどを活用すると、比較的安価に作成することができるというのもモーショングラフィックスのメリットです。

モーショングラフィックスの活用例

テレビの世界では以前より、番組オープニングのタイトルや、CMなどにモーショングラフィックスが活用されていました。近年では、インターネット回線の高速化や、デバイスの多様化とともにWebサイトやSNSなどに表示される広告にもモーショングラフィックスが活用され、動きのあるものが増えてきました。

ほかにも、飛行機の機内映像や、タクシーや電車内のディスプレイの映像、街頭のデジタルサイネージを活用した動画広告など、モーショングラフィックスの活用例は広がっています。

東京 2020オリンピックでは、スポーツ競技を表すピクトグラムに動きをつけ、「動くスポーツピクトグラム」がつくられました。これも、モーショングラフィックスが効果的に活用された事例です。

＼文字より動画で学びたいあなたへ／

Udemyで講座を探す＞

モーショングラフィックスの作り方をご紹介

効果的なモーショングラフィックスを作成するには、いくつかのポイントをおさえる必要があります。さまざまな作り方と表現方法がありますが、ここでは主な手順とポイントをご説明します。

1．目的・ねらいを定める

まずは、モーショングラフィックスを作るには、その目的とねらいを定めることが大切です。その動画を視聴する方々に、何を伝えたいか。そして、どのようなアクションを起こしてもらいたいかを明確にしましょう。

2．ストーリー・構成を決める

伝えたいメッセージが決まったら、ストーリーと構成をまとめましょう。全体の構成案を脚本化し、絵コンテを作成するとよりイメージ化しやすくなります。

3．デザインを決める

具体的なデザインを作っていきます。ポイントとしては、全体の色味や世界観を統一すること。きちんとデザインのテーマを決めて、それにあったイラストや表現、エフェクトなどを選びましょう。

4．素材・テンプレートを用意する

必要に応じて、素材やテンプレートを用意します。画像編集のソフトを使って自作したり、あるいはプロの方に撮影を依頼したりするのも効果的です。フリー素材やテンプレートなどを提供しているWebサイトもありますので、上手に活用すると効率的にモーショングラフィックスを作成することが可能です。

5．ソフト（アプリ）を使用して編集する

モーショングラフィックスを編集するには、パソコン向けの専用ソフトや、スマートフォン向けのアプリなどを活用します。用意した素材やテンプレートを使って、動画をつなぎあわせて加工していきます。
同時に、音楽や効果音、ナレーションなども組み合わせていきます。全体の動きと、動画の長さなどを確認しながら、仕上げていきます。画質や動画形式を設定して、動画ファイルを作成したら完成です。

モーショングラフィックス作成のコツ

さらに効果的なモーショングラフィックスを作成するために、学ぶべき知識や身につけておくとよいスキルがあります。

ご自身で動画を編集する場合は、ソフトやアプリの使い方を習熟することが必要です。編集を外注する場合でも、効果的なアニメーションの動かし方や、エフェクトの種類などを知っておくと、指示を出しやすくなります。また、メッセージやストーリーを伝えるために、派手すぎる動きは避けるべきです。

モーショングラフィックスを作成するためには、デザインや視覚芸術に関する素養も必要です。効果的な色の組み合わせや、視覚的な要素が人に与える影響などを理解しましょう。シンプルで見やすいデザインにするために、テーマに沿った世界観や色づかいを心掛けることも重要です。

コピーライティングや、フォントに関する知識も重要です。簡潔で伝わりやすいコピーを考え、さらにそれを適切なフォントで表現します。動画の長さやタイミングに合わせて、細かい調整を行っていきます。

最後に、効果的なモーショングラフィックスを作成するために重要なのは、クリエイティブな発想と構成力です。目的やねらいを明確にし、それを達成するためにどのようなメッセージやストーリーを伝えるか。それを実現するためには、創造性豊かなアイデアと、それを形にする構成の力が必要です。

これらのスキルや知識を身につけ、伸ばしながら、より良いモーショングラフィックスを目指しましょう。

モーショングラフィックスを作れるソフトは？

ここからは、モーショングラフィックス制作におすすめのソフトやアプリをご紹介します。

AviUtl（エーブイアイユーテル）

AviUtlは、「KENくん」が個人で開発している動画編集ソフトです。AVIファイルにフィルタをかけたり、各種コーデックで圧縮したりすることができます。初版は1997年に公開され、それ以降アップデートを重ねながら現在も無料で使えるフリーウェアとして多くのユーザーに愛用されています。AviUtlは、Windowsのパソコンに対応しています。

After Effects（アフターエフェクツ）

モーショングラフィックス制作の代表的なツールと言えるのが、Adobe（アドビ）社が販売している有料のソフトAfter Effectsです。2Dの映像だけでなく、奥行きのある3Dのモデリングデータも取り込むことができます。映画やテレビ番組、CM、ゲーム、アニメなど、さまざまな映像コンテンツ制作に活用されています。After Effects は、macOSとWindowsの両方に対応しており、月額料金で利用することができます。

Alight Motion（アライトモーション）

Alight Motionは、Alight Creative（アライトクリエイティブ）が開発する、スマートフォンやタブレットでモーショングラフィックスが作れるアプリです。豊富なエフェクトや、キーフレームアニメーション、タイミングカーブを使った自然な動きなど、映像加工に必要なさまざまな機能があります。基本的に無料で使えますが、有料のメンバーシップオプションに登録すると、透かしを削除して、プレミアムエフェクトと機能のライブラリーにアクセスできるようになります。Alight Motionは、iOSとAndroidに対応しています。