モーションデザイン構造主義 #2 モーションデザインで何ができる？ 

こんにちは！アニメーション監督・モーションデザイナーの星子旋風脚です。MindMeisterでマインドマップを作成しながらモーションデザインについて語るこちらのシリーズ、前回は「そもそもモーションデザインとは何なのか？」について掘り下げていきました。モーションデザインの大まかなイメージがつかめたところで、第二回となる今回はその用途、すなわち「モーションデザインで何ができるのか？」という点に着目します。

まず以下のマップで、さまざまなかたちで活かされているモーションデザインの使い道を洗い出してみました。

私たちがモニター越しに見る世界のあらゆるところで、モーションデザインが活用されていることが分かります。ここから先は、具体的な事例とともに一つ一つ見ていきましょう。

CM

特に地上波テレビという歴史あるメディアで、CM用の映像はモーションデザインの用途としてもっともメジャーな分野の一つです。商品の3Dモデルを組み込む、キャラクターアニメーションを活用する、実写と合成するなど、さまざまな手法が効果的に用いられています。

Amex | Gold

OLG // Never Miss A Draw

近年は再生される場所もテレビに限らず、PCやスマートフォンにより一層広がりを見せてきました。デバイスに最適化した形式のものとして、スマートフォン向けの縦型動画を見ることも増えています。

岡本 0.03 新登場 - Okamoto 0.03 New Debut

今後は交通機関内のモニターやデジタルサイネージといった場所でもモーションデザインによるCMを見かけることが多くなるかも知れません。

説明動画

先進的なテック企業を中心に事例が増えたサービス説明、商品紹介のアニメーション動画はExplainerとも呼ばれる大きなジャンルです。インフォグラフィックスと呼ばれる、グラフや図表、抽象化されたイメージの映像は、モーションデザインのツールと相性が良くしばしば盛り込まれています。

Phonexa — Explainer Video

ミュージックビデオ

楽曲の世界観を視覚的に表現するジャンルです。ビジネス系のアニメーションに比べると自由で個性的、実験的な表現ができる点は制作者にとっても魅力的です。歌詞のテキストに動きをつけたり、物語を見せたりと、さまざまな演出を楽しむことができます。

Tom Rosenthal - Don’t Die Curious (Official Lyric Video)

Jesper Ryom - Nights (official music video)

ビジュアルエッセイ

個人のちょっとした体験や雑感を散文的なアニメーションにして見せる、ビジュアルエッセイという形式のモーションデザイン作品もあります。エッセイと言えば通常は文章ですが、ビジュアルエッセイでは絵と動き、音といった情報を加えることでより直接的に自分の世界に惹き込むことができます。

Dream, A Visual Poem

In My Particular Case

SNS動画

instagramやTwitterといったソーシャルメディアで公開することを前提としたジャンルです。静止画やテキストが並ぶSNSのタイムラインで印象に残れば、強い訴求効果を持つことができます。

HULU // How the “W” Was Won

イベントでの上映

イベントの最中や冒頭で流すことで、会場の空気を一気に高めることができる映像です。これから始まるイベントのコンセプトを代弁し、参加者の期待を盛り上げます。

The Blend Is Near

SXSW 2022 Film Festival | Opening Titles

情報・教育コンテンツ

VoxやKurzgesagt、TedEdのような映像メディアでは、モーションデザインを活用した情報番組や教育コンテンツで、難易度の高い題材の内容でも理解を促進し記憶に残りやすくします。ドキュメンタリー番組でも、過去の映像やインタビュー映像の間にモーションデザインを挟む構成がしばしば見受けられます。

In defense of the "gentrification building"

In defense of the "gentrification building" from Vox on YouTube.

Optimistic Nihilism

Optimistic Nihilism from Kurzgesagt on YouTube.

タイトルバック

歴史の早い段階から、映画のタイトルバック（オープニング、エンディング映像）はモーショングラフィックスが効果的に使われる場でした。今ではアニメーション、実写問わず、ドラマや映画のタイトルバックはしばしばリッチなモーションデザイン映像で制作されています。スタッフクレジットやタイトルを見せながら本編視聴前・視聴後の感情に訴えるだけでなく、番組のトーンやコンセプトを表現する重要な役割を担っています。

HBO “True Detective” Main Title

PawPatrol: The Movie. Main on End Titles

ブランディングムービー

企業や商品のブランドイメージを印象付けるためにモーションデザインの力を用いることも増えています。商品やサービス自体を説明することよりも、言葉だけでは伝わらない世界観を見せることを主眼としています。またリブランド（rebrand）、つまり企業のブランディング全体を一新する際にもブランディングムービーは効果的に活用されています。

+1 / Taipei Metro Branding Film

プレゼン資料・社内VP

例えば経営者が株主に対して行なう重要なプレゼンテーション、決算報告などの社内イベント、社内での意識共有などに使われる映像をモーションデザインで制作することがあります。これらは社外・関係者以外に発信することが目的ではないため、外部に公開されることは基本的にありません。（制作者目線では、原則的に実績として公開できないのが悩ましいところです。）

ロゴアニメーション

企業、団体のロゴは組織の対外イメージを形成する重要な要素ですが、それに動きをつけることでさらに印象的に見せます。ロゴデザインの意図を汲みとることで、モチーフに沿った動きをつけることもできます。

LG Logo Animation 15s

Dropbox - Logo Animation System

UIアニメーション

Webサイトやアプリケーション、ゲームといったインタラクティブな場面で、ユーザーが快適に直感的に操作できるよう、多くのインターフェースにアニメーションが取り入れられています。優れたUIアニメーションは見ていて心地よいだけではなく、必要なところに目を惹きつけて操作を促したり、操作時の手応えを演出したりと、総合的にユーザー体験を高めるとされています。

また、これとは別に未来的なフィクションの世界に登場する架空のインターフェース、FUI（Future User Interface）というジャンルもあり、これを制作することにも高いスキルが求められます。

Equinox App - UI animations

ショートフィルム／アート

オリジナルのストーリーを表現する手段としても、モーションデザインは有効です。Eoin Duffy氏の”I AM HERE”のように、短編ながら圧倒的な世界観を作り出し、多くの映画祭で受賞したショートフィルムの例もあります。

I AM HERE - short film

パフォーマンス映像

安易に一括りにすることはできませんが、歌手やダンサー、舞台俳優がパフォーマンスをする背景で流すアニメーション映像や、クラブイベントでDJの後ろで流れる映像、インスタレーション、プロジェクションマッピングに使われる映像も、モーションデザインの範疇に含めて語弊はないでしょう。他のジャンルと共通する技術が用いられていますが、例えばリアルタイム性が現場を盛り上げるイベントでは、インタラクティブに変化する映像が使われることもあるようです。

ANGULAR (loop)

モーションデザインの役割

こうして見てきたように、モーションデザインはさまざまな用途で活用されています。便宜上このように分類していますが、実際にはブランディングムービーをSNS動画として公開したり、イベントのオープニングがショートフィルムのような物語性を持っていたりと、ジャンルを横断する例も多くあります。

せっかくなのでここから逆算し、もう一つ上の階層として、これらがどのような役割を果たしているのか、分類してみましょう。

やはり完全に切り分けることは難しく「これはこっちとも言えるな」という部分は残りますが、抽象度のレイヤーを一段上げることはできました。

個々の事例を分類することで、帰納法的にモーションデザインの役割が可視化されました。例えば制作を発注するときに、どのような成果を期待して企画するのか、はたまた受注側として営業を行なうときに、クライアントにどのような価値を提供することができるのか、何かしらのヒントになれば幸いです。

モーションデザインで新たな道を切り拓こう

多くの事例、それによって期待できる役割について挙げてきましたが、これはあくまで私の観測範囲に留まるものです。モーションデザインはまだまだ新しい産業で、それを制作するための技術も日々すさまじいスピードで進歩し、可能性を広げています。モーションデザインによって解決できる問題、満たせるニーズ、生み出せる価値の鉱脈がまだまだどこかにあるはずです。ここには書かれていない新たな用途にもぜひ思いを巡らせてみて下さい。

最後に、手前味噌ですが私自身がマインドマップを題材に制作した映像も掲載します。以前おこなったセミナーを元にした解説映像ですが、リラックスして楽しく見られるよう、カジュアルさを意識してビジュアルエッセイに近い体裁を取りました。よろしければお時間のあるときにご覧ください。ここまでお読みいただき、ありがとうございました！

「モーションデザイン構造主義」一覧

• モーションデザイン構造主義 #6 モーションデザインとデジタルツール（後編）

• モーションデザイン構造主義 #5 モーションデザインとデジタルツール（前編）

• モーションデザイン構造主義 #4 モーションデザインの作り方

• モーションデザイン構造主義 #3 モーションデザインの強み

• モーションデザイン構造主義 #2 モーションデザインで何ができる？

• モーションデザイン構造主義 #1 モーションデザインとは？