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

title_imac-animation

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

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

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

Barber
http://hs-tierra.com/

03
http://films.bybrettjohnson.com/

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

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

アイキャッチ系

Cinemagraph
http://cinemagraphs.com/nyc/

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

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

SEKAI NO OWARI
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マーケティングや販促・集客についてのお問い合わせはこちらから♪

The following two tabs change content below.
インファクト編集部

インファクト編集部

中堅・中小企業売上UP研究所by株式会社インファクト【INFACT】です。WEB&ソーシャルメディアマーケティングを得意とし販売促進支援企業として販促コンサルティングからWEB制作・カタログ・パンフレット制作まで企業の売上アップをサポートします。http://www.infact1.co.jp/

記事を気に入ったらシェアをしてね

  • twitter
  • facebook
  • google+
  • このエントリーをはてなブックマークに追加
  • twitter
  • このエントリーをはてなブックマークに追加
  • Pocket
ブログの読者になる
ブログの読者になると新着記事の通知を
メールで受け取ることができます。
読者登録はコチラ

関連記事

GoogleAdWordsで集客・売上をアップする方法をオススメする5つの理由

大見 知靖 大見 知靖

記事を読む

Webマーケティングの新法則・DECAX(デキャックス)って何?

篠崎淳 篠崎淳

記事を読む

lifr

Google画像検索でライセンスフリー画像を探す方法

ショウコ ショウコ

記事を読む

20140327

WEBマーケティングブログ 2月の人気記事TOP10

今野 ちか 今野 ちか

記事を読む

販促担当者必見!Twitter返信対応方法

だるまさん だるまさん

記事を読む

ブログの読者になる

ブログの読者になると新着記事の通知をメールで受け取ることができます。

読者登録はコチラ

文字サイズの変更

標準 拡大
インファクトベトナム語ブログ
  • infact twitter
  • infact facebook
  • infact google
  • infact youtube
  • feedly
  • livedoor
  • rss
スタッフブログ成功事例5選!無名だって多くの潜在・見込み顧客に接触できる!

インファクト京都、岡田です。先日は大文字焼きを自宅バルコニーからみると

ベトナムでもっとも使われているチャットツール・ソフトについて

こんにちは! 日本では、チャットツールについて言えば、すぐ頭

WordPressブログにYouTube動画を貼付ける方法

こんにちは、名畑です。 週末はずっとみなとみらいにいました。

コンテンツマーケティングを継続するための3つのポイント!

お盆は京都のお寺で瞑想していた山井です。 本日はコンテンツマ

【「伝説の社員」になれ!成功する5%になる秘密のセオリー】レビュー|課題図書

おはようございます、7月の課題図書【「伝説の社員」になれ!成功