こんにちは。野田です。
夏ですね。夏といったら思い浮かぶのはなんでしょうか。
僕は風鈴の音色とセミの鳴き声です。
前々回からずっとアニメーションネタが尽きないので、今回もアニメーションネタを紹介させていただきます。
少し前からアニメーションタイポグラフィックスというのが僕の中で流行っており、趣味程度に作ったりしています。
これは文字を動かしてアニメーションにする技法で、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サイト制作を支援しています。ご興味のある方は事業ぺージをぜひご覧ください。
