モーショングラフィックデザイン

モーショングラフィックデザインは、モーションデザインとも呼ばれ、デザインとアニメーションや映画制作、ビデオ制作、映画技術を組み合わせたグラフィックデザインのサブセットです。^{[1]例としては、映画やテレビのオープニングシーケンスで使用される}キネティックタイポグラフィやグラフィック、一部のテレビチャンネルの局識別ロゴなどがあります。

優れたモーションデザインには、デザイン原則とアニメーション原則の両方が重要です。^[2]

モーションデザイナーの中には、伝統的なグラフィックデザイナーとしてスタートし、後にモーションをスキルに取り入れる人もいますが、映画制作、編集、アニメーションのバックグラウンドを持つ人もいます。これらの分野には多くの重複するスキルがあるためです。^[3]

20 世紀と 21 世紀の技術の進歩は、この分野に大きな影響を与えました。その主なものは、現代のコンピューティング技術の向上です。この期間に、映画およびビデオ業界向けのコンピュータ プログラムがより強力になり、より広く利用できるようになりました。現代のモーション グラフィック デザインでは、通常、複数のコンピュータ ツールとプロセスのいずれかが使用されます。

Adobe After Effectsは、現代のモーショングラフィックデザイナーが使用する主要なコンピュータプログラムの1つです。^[2]これにより、ユーザーは時間の経過とともにグラフィックを作成および変更できます。^[4]

Cinema 4DやBlenderなどの3Dソフトウェアは、多くの現代のモーションデザイナーのツールキットの一部となっています。^[2]

Adobe Animate（旧称Flash ）は、 2Dモーショングラフィックデザイン用のツールです。 HTML5が登場する前は、ウェブアニメーションの主要ツールでした。^[5]また、ウェブシリーズ Homestar Runnerなどのビデオアニメーションの作成にも使用されています。^{[6]一部のモーションデザイナーは、特にフレームバイフレーム、つまり「}セル」アニメーションに今でも使用しています。^{[4] [7]}

Adobe Premiere Proは、ビデオ映像とモーショングラフィックスを組み合わせるときにAfter Effectsと併用されることが多い。^{[2] [8]}

アニメーションの前に、モーションデザイナーはラスタライズされたグラフィックにはAdobe Photoshop、ベクターアートにはAdobe Illustratorなどのデザインツールを使用します。^[2] Photoshopはセルアニメーションにも使用できます。^[9]

Apple社のMotion （現在はFinal Cut Studioの一部）は、モーショングラフィックスのためのもう1つのツールです。^[10]

モーション グラフィック デザインは、映画業界でよく使用されています。映画、テレビ番組、ニュース番組のオープニングでは、写真、タイポグラフィ、モーション グラフィックを使用して、視覚的に魅力的なイメージを作成することがよくあります。モーション グラフィック デザインは、コンテンツ マーケティングや広告でも広く使用されています。

2018年、シスコは2022年までにウェブトラフィック全体の82%が動画になると予測しました。 ^[11]マーケティング担当者や広告主は、高品質のブランド動画やモーショングラフィックコンテンツの制作に力を入れています。^[要出典]

モーション グラフィックスは、広告、マーケティング、ブランディングなど、さまざまな用途に使用されていますが、ソフトウェア、UI デザイン、ビデオ ゲーム開発などの分野でも使用されています。モーション デザインとアニメーションには多くの共通点がありますが、その違いは、アニメーションが特定の芸術形式として、物語を作り上げるための映画のような効果やストーリーテリングのテクニックに重点を置いているのに対し、モーション デザインは、抽象的なオブジェクト、テキスト、その他のグラフィック デザイン要素を動かすことに関連しているという点にあります。グラフ、インフォグラフィック、Web デザインに動きを加えて生き生きと表現することは、広義では「アニメーション」ですが、より具体的には、モーション グラフィックスと呼ばれるタイプのアニメーションです。^{[引用が必要]}

モーション グラフィックスにはさまざまな形式があります。完全にアニメーション化されたものもあれば、実写ビデオや写真が組み込まれたものもあります。後者には、データの視覚化、アイコン、イラスト、説明文などのアニメーション オーバーレイが含まれ、視聴者のコンテンツ理解を補完および強化するために使用されます。^{[引用が必要]}

コンテンツマーケティングのコンテキストでは、マーケティング担当者がモーショングラフィックで達成したい目標に応じて選択するモーショングラフィックには主に3つのタイプがあります。説明用モーショングラフィックは、製品、プロセス、またはコンセプトを説明することを目的としています。一方、感情的なモーショングラフィックは、視聴者に特定の感情的な反応を引き起こすことを目的としています。^{[引用が必要]}そして最後に、プロモーション用モーショングラフィックは、サービス、製品、またはイニシアチブに関する認知度を高めるために使用されます。多くのモーショングラフィックは特定の目標を念頭に置いて設計されているため、正確かつ説得力のある方法で情報を伝える最終製品を実現するには、ビジュアルコミュニケーションデザインを専門とするデザイナーまたは組織と提携することが不可欠です^{[引用が必要]}。^{[12] [無関係な引用]}

UXはユーザーエクスペリエンスとも呼ばれ、モーションデザインと密接に連携して機能します。たとえば、電話アプリを設計する場合、モーションデザインはユーザーエクスペリエンスを向上させるために使用されます。^[13]

モーションデザインは、あらゆる画面にアニメーションを追加することで、ユーザーエクスペリエンスを大幅に効果的に向上させます。モーションデザインは電話アプリだけでなく、コンピューター、タブレット、スマートフォン、テレビなどにも使用されています。UXデザイナーはモーションデザインを使用してプロトタイプを作成し、それを体験して、平均的な人にとって使いやすいかどうか、または改善が必要かどうかを判断します。^[14]

モーション デザイナーには、アニメーション、アート ディレクション、デザイン、コンセプト アート、合成、クリエイティブ ディレクション、編集、イラスト、プロデュース、ストーリーボード作成など、さまざまなキャリア チャンスがあります。モーション デザイナーの中には、これらのさまざまな責任を引き受ける人もいれば、専門分野に特化することを好む人もいます。

モーションデザイナーは、広告、ブランディング/アイデンティティ、ビデオゲーム、 UX / UI、AR / VR、映画など、さまざまなプロジェクトに携わることができます。^[15]

米国では、2019年のモーションデザイナーの平均収入は年間87,900ドル（米ドル）でした。^[16]

動画、漫画、広告にはテキストが含まれることが多いため、タイポグラフィのスキルはモーション デザイナーにとって重要です。優れたモーション デザイナーは、テキストを使用して視聴者を引き付けるために、書体のスタイル、サイズ、タイミングをどのように使用するかを知っています。

モーション デザイナーにとって、色彩理論の知識も非常に重要です。色相環、補色、彩度について十分な理解が必要です。色の使用は、気分、効果、感情を伝えるのに非常に役立ちます。

モーション デザイナーにはソフトウェアの使用経験も必要です。ソフトウェアには、Adobe Photoshop、Adobe Illustrator、Adobe After Effects、Adobe Premiere Pro、Adobe Substance などがあります。

その他の重要なモーションデザインのスキルとしては、細部への注意力と、ビデオとオーディオを一致させるなどのタイミング感覚の良さが挙げられます。^[17]

モーション デザインは、パラパラ漫画などの初期のアニメーションデバイスが発明された 1800 年代に始まりました。

この芸術形式には正式な創始者はいませんが、ソール・バス、パブロ・フェロ、ジョン・ホイットニーなどが初期の著名なモーションデザイナーとして知られています。

ジョン・ホイットニーは、コンピュータ生成モーション デザインの先駆者の 1 人です。1960 年に、彼は「モーション グラフィックス」という用語を作り出し、自身の会社である Motion Graphics Incorporated を設立しました。彼は、テレビ コマーシャルや映画のタイトル シーケンス用のモーション グラフィックスをデザインするために、独自の機械式アナログ コンピュータを発明しました。

ホイットニーはソール・バスと協力して、彼の最も有名な作品の一つである、アルフレッド・ヒッチコックの1958年の映画『めまい』のタイトル・シーケンスをアニメーション化した。このシーケンスでは、渦巻くグラフィックが次第に大きくなっている。^[18]

モーションデザインの学位は、デザイン、アニメーション、概念的思考のスキルを養うことで、デザイナーを目指す人がキャリアの基盤を築くのに役立ちます。^[19]米国では、大学レベルの学士課程の費用は約20万ドルです。^{[1] [20]}

2010年代以降、School of Motion、^[21] Video Copilot、^[22] Greyscalegorilla、^[23]などのリソースや、 Ben Marriott、^[2] EC Abrams、Eyedesyn、Mt. Mographなどのチャンネルからの豊富なYouTubeチュートリアルにより、モーションデザインのオンライン学習オプションがより普及してきました。 ^[24]

Creative COWのようなオンライン コミュニティでは、モーション デザイナーは経験豊富なデザイナーからアドバイスや技術支援を受けることができます。

• アニメーション
• 映画のタイトルデザイン
• モーショングラフィックス
• ウェブデザイン
• ウェブテレビ
• ユーザーエクスペリエンス
• グラフィックデザイン
• ビデオ編集
• Adobeソフトウェア

^[25]ウィレンスコマー、イサラ「デジタル製品におけるモーションデザイン：ホワイトペーパー」Medium、UX in Motion、2019年6月20日

^[26]リチャード・ウィリアムズ『アニメーターのサバイバルキット』方法、原則、公式のマニュアル。

^[27]「モーショングラフィックスの歴史 - Triplet 3D: ブログ」Triplet 3D、2015年7月3日、www.triplet3d.com/the-history-of-motion-graphics。

^[28]ノーマン、ドナルドA.『日常のデザイン』ベーシックブックス、2013年。

アンドリュー・ブラウベルト他著『グラフィックデザイン：現在制作中』第1版、ウォーカーアートセンター、2011年。

Krasner, Jon S. Motion Graphic Design: Applied History and Aesthetics. 第2版、Focal Press、2008年、https://doi.org/10.4324/9780080887326。

• クラスナー、ジョン。「第3章」モーショングラフィックデザイン：応用歴史と美学、CRCプレス、2017年。