見ていてわくわくするアニメーションタイポグラフィックスまとめ

見ていてわくわくするアニメーションタイポグラフィックスまとめ

野田

野田

こんにちは。野田です。
夏ですね。夏といったら思い浮かぶのはなんでしょうか。
僕は風鈴の音色とセミの鳴き声です。

前々回からずっとアニメーションネタが尽きないので、今回もアニメーションネタを紹介させていただきます。
少し前からアニメーションタイポグラフィックスというのが僕の中で流行っており、趣味程度に作ったりしています。
これは文字を動かしてアニメーションにする技法で、Animated Typefaceともいい、とても美しく、何度見ても飽きません。

その際に参考にしているVimeoのリンクをまとめさせていただきます。
アフターエフェクトで作成し、gifアニメーションまたはpngで実装してみてください。

長編※音声注意

After Effects : Animatic – Animated Typeface

Anodine – Animated Typeface

AMELIE – Animated Typeface

Webster – Animated Typeface

Fiesta – Animated Typeface

tatsFont – An animated typeface by Tatiana

Moshun

Animography Monthly No. 7 – ‘Kick And Rush’

Magnus – Animated Typeface

Haywire – animated typeface

短編※音声注意

Animated typeface: Logo sting version

Ribbon – An animated typeface by Warre Buysse (2)

Animated Typeface Test 1

Franchise Animated – Example 5

Franchise Animated – Example 4

まとめ

今回参考にしているのは全てVimeoになりますが、こんなサイトがあったりもします。

参考:ANIMOGRAPHY

アイデアをひらめかせるためには、常にアンテナをはり、情報を取り入れる必要があります。
風鈴の音、セミの声も含め、自然が助けてくれることもあるので、いつもどおり過ごしていては気がつかないことも、気にかけるようにしてみてください。

【株式会社LIGについて】
わたしたちは年間150を超えるWebサイトをリリースしている、東京上野のWeb制作会社です。もちろん、アニメーションを活かした制作実績も!Webサイト制作のご相談はこちらより、お気軽にお問い合わせください。

LIGはWebサイト制作を支援しています。ご興味のある方は事業ぺージをぜひご覧ください。

Webサイト制作の実績・料金を見る

この記事のシェア数

クリエーティブディレクター / デザイナーの野田です。 小さい頃、兄にバトルDJとして育てられ、嫌になって逃げだした過去をもっています。 電車通勤です。 子供います。

このメンバーの記事をもっと読む
デザイン力×グローバルな開発体制でDXをトータル支援
お問い合わせ 会社概要DL