Gifアニメーションをうまく利用したサイトの紹介

こんにちは、ディレクターの多羅尾です。
最近、Gifアニメーションをうまく利用したWebサイトや、ループGifアニメなどをよく見かけますね。
iOS（iPhoneなど）でFlashを再生できなくなった事で、比較的取り扱いが簡単なGifアニメーションが注目されているのかもしれませんね(*ﾟ∀ﾟ)

Gifアニメーションをうまく利用したサイトの紹介

背景をGifアニメにして動きを出すパターン

> http://hs-tierra.com/

> http://films.bybrettjohnson.com/

背景をGifアニメにして動きを出すパターン。
まとめ系記事でもよく紹介されているサイトです。

↓下の画像が元データで、拡大してもそんなに違和感が無いのがびっくりしますね。(＠_＠)

アイキャッチ系

> http://cinemagraphs.com/nyc/

写真の１箇所に動きを付けることで印象を強くするなどの効果があるようです。
このページにアクセスすると、他にも色々な作品が掲載されていて、日常の風景を切り取った写真の一部だけ動いていて、不思議な感じでつい見入ってしまいます(-ω☆)

すごい系(Gifアニメ + エフェクト)

> http://sekainoowari.jp/

このサイトも、まとめ系ブログ記事でよく紹介されています。
GifアニメとJavaScript系のエフェクトを融合させて、まさにクリエイターのこだわりや技術を全てを詰め込んだと言う感じで、きっと誰が見てもすごいと思う完成度ですよね(*ﾟ∀ﾟ)b

おまけ

映画のタイトルクレジットの様なハイクオリティGifアニメーション

> https://dribbble.com/shots/550172-Hypercompact-Animated-3D-Logotype

やっぱりこれは外せない。
おもしろ系ループGifアニメ。（NAVERまとめ：面白いgif画像230枚）

> http://matome.naver.jp/odai/2135201846981997101

Webマーケティングや販促・集客についてのお問い合わせはこちらから♪