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

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

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



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


スポンサーリンク



ちょっと考えたいのが、モーショングラフィックスというジャンル。映画やドラマのオープニング映像的なやつで、短い時間で世界観を表現するイメージ映像。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というツールが担いそうだなぁ、と何となく予想しているのです。


スポンサーリンク

関連記事

マイケル・ベイの動画の感覚
シン・ゴジラのファンアート
Unityの薄い本
PeopleSansPeople:機械学習用の人物データをUnityで生成する
TensorSpace.js:ニューラルネットワークの構造を可視化するフレームワーク
書籍『データビジュアライゼーションのデザインパターン20』読了
Manim:Pythonで使える数学アニメーションライブラリ
自前Shaderの件 解決しました
シフトカーを改造してラジコン化する人達
KelpNet:C#で使える可読性重視のディープラーニングライブラリ
2012 昨日のクローズアップ現代を見た
天体写真の3D動画
Blender 2.8がついに正式リリース!
トランスフォーマー/ロストエイジのメイキング
オープンソースの人体モデリングツール『MakeHuman』のAPI開発プロジェクトがスタート
UnityでLight Shaftを表現する
ミニ四駆を赤外線制御したりUnityと連携したり
ZBrushで人型クリーチャー
IronPythonを使ってUnity上でPythonのコードを実行する
バージョン管理の履歴を可視化するツール『Gource』
Webページ制作のためのメモ
Digital Emily Project:人間の顔をそっくりそのままCGで復元する
GAN (Generative Adversarial Networks):敵対的生成ネットワーク
トランスフォーマー :リベンジのメイキング (デジタルドメイン)
ラクガキの立体化 分割ラインの変更・バランス調整
触れば分かる ユニバーサルデザインな腕時計『The Bradley』
書籍『メイキング・オブ・ピクサー 創造力をつくった人々』を読んだ
ZBrushで作った3Dモデルを立体視で確認できるVRアプリを作る
ラクガキの立体化 進捗
畳み込みニューラルネットワーク (CNN: Convolutional Neural Network...
ブログをwpXレンタルサーバーからwpX Speedへ移行
C#で使える遺伝的アルゴリズムライブラリ『GeneticSharp』
参考になりそうなサイト
Raspberry Piでセンサーの常時稼働を検討する
ZBrushで仮面ライダー3号を造る 仮面編 リファレンス画像の表示
スター・ウォーズのスピンオフ『マンダロリアン』の舞台裏
ブログがダウンしてました
ブラウザ上でJavaScript,HTML,CSSを書いて共有するサイト『jsdo.it』
UnityのGlobal Illumination
Open3D:3Dデータ処理ライブラリ
ZBrushでアヴァン・ガメラを作ってみる 脚のポーズ調整
『PIXARのひみつ展』に行ってきた

コメント