Kinetic Typography Part 1

Materials

After Effects

1. Kinetic Typographyとは

Kinetic Typographyは、Typography＝文字表現にKinetic＝動きを加えた視覚表現。その歴史は古く、映画の創世記である19世紀後半にストップモーションや低速度撮影等の様々な映像技術を生み出したジョルジュ・メリエスによって制作された事例がある。

参考）https://kinetictypography.dreshfield.com

ここでは扱わないが、同様の表現としてモーショングラフィックスがある。近年ではTVや映画、ウェブ広告、各種アプリのUIの動き等、キネティック・タイポグラフィとモーション・グラフィックスを見ない日はないほど浸透している。

映画『V for Vendetta』のセリフをKinetic Typographyで表現した事例。

Kyle Cooperによる映画『Se7en』（1995）のタイトルバック。フィルム撮影による作成。当時かなり話題になり、この手法を真似たものが多数制作された。印刷の版ずれ、よごし等、文字デザインとしても様々なテクニックが用いられており、緊張と緩和によって、スタイリッシュな表現を生み出している。この頃はまだデジタルでのTypography表現は登場していない。

3. Kinetic Typographyを制作できるツール

近年ではソフトウェアによる制作が一般的だが、Kyle Cooperのように撮影の工夫によって生み出すことも可能。

Adobe Premiere
Adobe After Effect（AE Juice、Newron等の専用プラグインもある）
Adobe Animate（Flash後継）
Apple Motion
TouchDesigner
Aviutl（エーブイアイ・ユーティル、参考：YouTube - 簡単キネティックタイポグラフィ）
Swish（公開停止）※Flash全盛時代に流行ったソフト
各種VJソフト
各種3DCGソフト

2000年頃、ソフトウェアによる制作環境としてFlashが登場してからはキネティック・タイポグラフィだけでなくモーション・グラフィックスも含めて多くの表現生まれた。当時、ビットマップベースのAfter Effectsではプレビューレンダリングに時間がかかったのに対して、ベクターベースのFlashではリアルタイムにプレビューすることができた。また、ネット動画配信サービスがまだない頃（YouTubeは2005年スタート）でも、ウェブ上で作品公開できたことから爆発的に広がっていった。現在ではFlash代替技術であるHTML5や動画配信サービスに置き換わっている。