ドラマ『ファーストクラス』のモーショングラフィックス

今週でファーストクラスの続編も最終回を迎えた。

最初のファースト・クラスの頃から映像表現が独特で、それがハマるきっかけだったんだけど、雑誌の紙面レイアウト想起させる作りだったのかな。続編になってから、ビジュアル表現がさらに凝った感じになった印象。

SOLIDEMO / 「Rafflesia」 TV EDIT

オープニングとエンディング、そしてタイポグラフィーチックな登場人物の職業・名前表記がカッコ良かった。もちろん、心の声描写がキャッチーだったのもある。


スポンサーリンク



ちょっと考えたいのが、モーショングラフィックスというジャンル。映画やドラマのオープニング映像的なやつで、短い時間で世界観を表現するイメージ映像。CMやミュージックビデオもそうか。
実写映画のキャシャーンは全編イメージ映像みたいな感じだったけど。

一昔前なら、モーショングラフィックスは実写素材をAdobe After Effectsみたいなツールで加工したものがメインだっけど、今はフルCGでできているものも結構ある。

ネットで見られるかっこいいモーショングラフィックス
見ててキモチイイ…。空間を感じるモーショングラフィック7選

CG技術の高度化で、この手の映像の表現力も用途も随分広がった気がする。一昔前なら大作映画のメインタイトルでしかできなかったような凝った映像が、今はテレビドラマで見ることができる。
この、制作技術の高度化と用途の拡大具合を見ていると、そろそろ次のステージが現実的になってきているような気がする。

何が言いたいかというと、こういうモーショングラフィックス的な「リッチな表現」が、これからWebデザインにもどんどん取り入れられていくのではないか、ってこと。
今までのWebデザインは、どちらかというと2Dの印刷の「紙面レイアウト」のパラダイムを延長だったけど、それは単純に、昔のhtmlには印刷に近い程度の表現力しかなかったからだ。

それが今や、htmlはインタラクティブ、レスポンシブになり、印刷の表現力なんかとっくに超えたメディアとなった。

最近オイラは、データのビジュアライゼーションに興味があるんだけど、データビジュアライゼーションもモーショングラフィックスも、突き詰めていくと、可視化のルールをデザインするってことに落ち着きそう。

たぶん、モーショングラフィックスのクリエイター達が、データビジュアライゼーションを作品に取り込んでいくんじゃないかと思う。PerfumeのWebサイトなんてまさにそんな感じだ。

そんで、ここ最近データビジュアリゼーションの方で色々調べてみて、Data Visualization Japanというコミュニティを見つけたので、先日Data Visualization Japan meetup#2というものに行ってみた。


スポンサーリンク

Data Visualization Japan

データ・ビジュアライゼーションにまつわる実践的なノウハウやツールなどを共有していくコミュニティです。
日本におけるデータ・ビジュアライゼーション領域の発展に貢献できることを目指します。
定期的に勉強会やミートアップを開催していきます。
扱う領域は、データ収集と分析、デザイン(情報デザイン、UI)、エンジニアリング(D3.js, Angular.js, Python, R, NoSQLなど)、統計など広く扱います。




どうやら、データを扱う科学者やエンジニア、メディアの人達の間では色々な可視化ツールが結構出回っているらしい。

Datavisualization.ch

Screenshot of selection.datavisualization.ch


こういう時代を眺めつつ、クリエイターがデータを作品に利用するというコンテンツ制作の新たな潮流を、今後しばらくはUnityというツールが担いそうだなぁ、と何となく予想しているのです。


スポンサーリンク

関連記事

『パシフィック・リム: アップライジング』のVFXブレイクダウン まとめ
ZBrushで仮面ライダー3号を造る 仮面編 失敗のリカバー
大河原邦男オリジナルデザイン『iXine(イグザイン)』
映画『ミュータント・タートルズ』を観てきた
Unreal Engine 5の情報が公開された!
html5のcanvasの可能性
UnityのAR FoundationでARKit 3
Texturing & Modeling A Procedural ApproachをGoo...
書籍『データビジュアライゼーションのデザインパターン20』読了
ブラウザ上でJavaScript,HTML,CSSを書いて共有するサイト『jsdo.it』
Unreal Engineの薄い本
3D復元技術の情報リンク集
ミニ四駆で電子工作
フルCGのウルトラマン!?
UnityのuGUIチュートリアル
Transformers ”Reference & Bulid” Siggraph 2007
ブログがダウンしてました
OpenMayaのPhongShaderクラス
AR (Augmented Reality)とDR (Diminished Reality)
Photogrammetry (写真測量法)
Siggraph Asia 2009 カンファレンスの詳細
現在公開されているWeb API一覧
3DCGのモデルを立体化するサービス
アクセス元IPアドレスから企業名が分かるアクセス解析『User Local スマートフォン解析』
Raspberry Pi 2のGPIOピン配置
WordPressのテーマを自作する
プロダクトデザイン概論
ジュラシック・パークのメイキング
顔モデリングのチュートリアル
Zbrushでメカ物を作るチュートリアル動画
組み込み向けのWindows OS 『Windows Embedded』
Maya LTでFBIK(Full Body IK)
ガメラ生誕50周年
OpenCLに対応したオープンソースの物理ベースレンダラ『LuxRender(ルクスレンダー)』
顔のモデリング
iPhone欲しいなぁ
胡散臭いデザインの参考サイト
ZBrushでアヴァン・ガメラを作ってみる 頬の突起を作り始める
BlenderのPython環境にPyTorchをインストールする
1枚の画像からマテリアルを作成できる無料ツール『Materialize』
「ベンジャミン·バトン数奇な人生」でどうやってCGの顔を作ったのか
Vancouver Film Schoolのデモリール

コメント