未分類

キネティックタイポグラフィとは

投稿日:

Kinetic(動的な) typography(活版印刷術)という名の通り、本来静止画の視覚表現であるタイポグラフィに動きの要素を加えた映像表現である。

JOYSOUNDのSHOW劇クリップや、よくMADの題材になっている代々木ゼミナールのCMを思い浮かべてもらえると分かりやすいかもしれない。投コメPVの一部もこれに属する。様々なデザインの フォントがとにかく動きまくる。記号としての文字が視覚的に過激になるさまは、見ていて独特の爽快感をもたらす。

ニコニコ動画では映像表現というとMADやMMD等の3DCG、手書きアニメなどが主流で、モーショングラフィックという映像ジャンルにはほとんど注目が集まっていない状況だったが、2009年に複数の秀逸なキネティック・タイポグラフィ作品が投稿され、注目を集めた。2011年現在はVOCALOID-PV等のミュージックPVにおいて「格好いい歌詞のみせかた」として使用されるなど、他の映像表現に複合要素として取り込まれていることが多い。

Youtubeで検索すると、映画のワンシーンのアレンジや短編映像など、様々な種類のものが作られているらしい。というか、欧米ではこのような表現手法は結構メジャーっぽい(映画のスタッフロールとか)。

引用:https://dic.nicovideo.jp/a/kinetictypography

 

↓キネティックタイポグラフィを使った海外のかっこいいMV載ってる

参考:今すぐ観るべき歌詞のキネティックタイポ・トップ3!/ Top 3 Kinetic Typo For Lyrics!

 

-未分類

執筆者:

関連記事

no image

モーダルからdissmissで戻った時に処理を行う方法

遷移先がModalの場合、遷移先から戻った時に呼ばれるメソッドviewWillApperが使えない。 遷移先を.fullscreenに変更することでviewWillApperが使えるようになるが、ここ …

no image

youtubeでMP3ダウンロードできるフリーサイト

FLVTO https://www.flvto.biz/jp106/   画面録画 shift+com+5

バウンドするアニメーション

x軸とy軸に分けてから位置を調整する。まずはy軸で垂直に落ちる動きを決めてから、x軸で移動距離を決める。 跳ね返りは最初いた位置から1/3くらいにしたが、材質によって異なる。 地面に接地→跳ね返り→ま …

no image

datePickerModeでdatePickerの表示を変更する

datePickerModeプロパティを使うことで、datePickerの表記を変更することができる。 UIDatePicker.Mode.dateで設定する。 dateのところは、date,time …

no image

ポヨヨンとはずむ拡縮アニメーション

地面に設置した時に、スケールのx軸を大きく、y軸を小さくする。 x軸とy軸の合計が200になるようにすると自然。 横に広がる、反動で縦に伸びるを繰り返しながら、x軸とy軸の値の差が小さくなっていくよう …