.wp-block-jetpack-rating-star span.screen-reader-text { border: 0; clip: rect(1px, 1px, 1px, 1px); clip-path: inset(50%); height: 1px; margin: -1px; overflow: hidden; padding: 0; position: absolute; width: 1px; word-wrap: normal; }

サイトアイコン NegativeMindException

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

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

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

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



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

スポンサーリンク

関連記事

ZBrush 2018へのアップグレード

PyTorch3D:3Dコンピュータービジョンライブラリ

IronPythonを使ってUnity上でPythonのコードを実行する

Mitsuba 2:オープンソースの物理ベースレンダラ

ZBrushで基本となるブラシ

リニアアクチュエータ

CGレンダラ研究開発のためのフレームワーク『Lightmetrica (ライトメトリカ)』

ZBrushで仮面ライダー3号を造る 仮面編 ClipCurve

単純に遊びに行くのはだめなのか?

Structure from Motion (多視点画像からの3次元形状復元)

CEDEC 3日目

ZBrushトレーニング

Unite 2017 Tokyoに行ってきた

ミステリー・コメディドラマ『名探偵モンク』

UnityのGlobal Illumination

スターウォーズ エピソードVIIの予告編

Unity MonoBehaviourクラスのオーバーライド関数が呼び出される順番

オープンソースのネットワーク可視化ソフトウェアプラットフォーム『Cytoscape』

UnityでShaderの入力パラメータとして行列を渡す

Raspberry Piでセンサーの常時稼働を検討する

Maya LTでFBIK(Full Body IK)

ZBrushでゴジラ2001を作ってみる 身体のバランスを探る

Webサイトのワイヤーフレームが作成できるオンラインツール

LLM Visualization:大規模言語モデルの可視化

グローバルイルミネーションに手を出す前に、やり残したことがあるんじゃない?

ゴジラの造形

OpenMayaのPhongShaderクラス

ZBrushでアヴァン・ガメラを作ってみる 下半身のバランス調整

Transformers ”Reference & Bulid” Siggraph 2007

Blender 2.8がついに正式リリース!

ZBrushでアヴァン・ガメラを作ってみる 首回りの修正・脚の作り込み

Russian3DScannerのトポロジー転送ツール『WrapX』

Windows Server 2008にAutodesk Maya 2009をインストール

変形ロボットのデザイン

頭蓋骨からの顔復元と進化過程の可視化

Math.NET Numerics:Unityで使える数値計算ライブラリ

Profilograph

ファンの力

html5のcanvasの可能性

ZBrushからBlenderへモデルをインポート

トランスフォーマー/ロストエイジのメイキング

ZBrushで仮面ライダー3号を造る 仮面編

モバイルバージョンを終了