YATのBlog

当ブログでは商品やサービスの紹介にアフィリエイト広告を掲載しています

Web制作を行う全ての方へ

フォントをもっと楽しめるKinetic typography(キネティック タイポグラフィ) の動画17本

このブログもこの記事で300記事目になりました。1周間に1記事程のペースを目標に書いていますが、1000記事を目指そうと思うとあと何年掛かるんでしょうね。考えてもあまり意味が無いので考えるのは辞めましょう。

300記事目なので何を書こうか!って考えたんですけど、考えた所で自分のハードルを挙げるだけな気もするので、そういうことを考えるのも辞めて楽しく行きたいなと思います。

  1. 1.Kinetic typography(キネティック タイポグラフィ)とは
  2. 2.キネティック タイポグラフィを見てフォントを学ぶ
  3. 3.様々なキネティック タイポグラフィ

Kinetic typography(キネティック タイポグラフィ)とは

さて、皆さんはKinetic typographyというのをご存知でしょうか?

文字を主体に利用しデザインするタイポグラフィーがありますがそれをアニメーションさせる事を指します。

文字は相手に物事を伝えるための手段ではありますが、動かす事でよりアイデアや感情を相手に伝える事が出来ます。
元々映画やテレビのCMなどで一般的に使われて来ましたが、現在ではアニメやゲームのオープニングなどでもよく利用されますね。

キネティック タイポグラフィを見てフォントを学ぶ

自身のインスピレーションを沸かせるためにも見ることはオススメできますが、動画なので停止して様々な見せ方を研究したり、フォントの与えるイメージを観察したりと学べる部分が非常に多いです。

Webデザインにおいて文字は欠かせない存在。色々なやり方でフォントを知り、自分の引き出しにしたいですね。

ご注意:各動画は音楽及び音声が入っています。再生される場合は周りの環境にご注意ください。

Frutiger

Futura

Gotham

Helvetica

Scriptina

times

もっと色々あるといいんですけど、あまり見つけられませんでした。見つけたらまたシェアしたいと思います。

様々なキネティック タイポグラフィ

様々なフォントが登場するキネティック タイポグラフィはたくさんの動画が存在しますね。音楽やセリフに合わせて軽快に動くフォントのアニメーションは見ていて気持ちいいものがあります。

■映画

Black Swan Kinetic Typography

Inception Kinetic Typography

Kinetic Typography – Good Will Hunting

https://youtube.com/watch?v=LQNVl6oxcZw

The Matrix – Kinetic Typography

https://youtube.com/watch?v=sUEYDRoOgF0

300 Kinetic Typography

500 Days of Summer – Kinetic Typography

■音楽

Portal – Still Alive typography

https://youtube.com/watch?v=NCt2nZF2nLk

The Beatles – Help! Kinetic Typography

The Ten Commandments – Kinetic Typography

■その他

Rocky Balboa Kinetic Typography

https://youtube.com/watch?v=2U8e-QnBnbc

Stephen Fry Kinetic Typography – Language

まだまだあるので探してみてください。個人的には映画に関連したものなんかが楽しいです。今回記事書くのに動画を探してたんですけど、つい何回も見てしまいました。Typographyはものすごく好きなのでこれからも色々と紹介して行きたいと思います。

お役に立てたらお願いします🙇

Kyashで送金する

Ad



Share