CREATOR BLOG

キてる!?GIFアニメ

2013/02/06
nabeshi
  • このエントリーをはてなブックマークに追加

こんにちは!なべしです。

今回は、先日発売されたWeb Designingにも特集のあった

GIFアニメーション(略:GIF アニメ)について

紹介させて頂きたいと思います~

 

そもそもGIFアニメって。。?

GIF アニメとは、画像形式「GIF」におけるアニメーションがつくれる拡張仕様の一つで…

まぁようは、パラパラマンガみたいなものです

(説明、カンタンすぎ。。w)

 

そうこんな感じに。。↓

 

 

このGIFアニメのメリット・デメリットとしては、次のようなことが挙げられます。

 

○  比較的容量が小さい
○  ケータイでも表示可能

×  音声が入れられない

×  長編は難しい

 

 

…なるほど、そこまで凝ったものでなければなんか作れそう。。w

実際、特別なソフトがなくても

ブラウザ上の GIFMAKE や スマホアプリ Flixel でも作れちゃいますからねぇ~

 

 

でも、どうして今GIFアニメなの?

GIFアニメが誕生して、20年以上経つのですが

なぜ昨今注目されるようになったのでしょうか。。

それは、やはりその ”使いやすさ” にあると思います。

Flashに比べて、素朴で汎用性が高く

アニメーションが簡潔だから印象にも残って覚えやすい。

僕が作った ↑ は、ホントおふざけなんですけどw

作り方・見せ方によっては、本当にすごい表現やサイトがたくさんあるんです!

 

 

GIFアニメ活用 おすすめサイト!!

ということで、GIFアニメを活用してるサイトをいくつかご紹介したいと思います。

 

◆TOKYO 23

動きがすごい!

◆RRRRRRRROLL_gif

回転縛りのサイトですw 発想がおもしろい!

◆Cinemagraphs

え?動画でしょー!!て思った。。

◆なか卯

たまにお世話になってますw 以前はFlashだったようです。

◆SEKAI NO OWARI

パッと見、Flashみたい。。!?

◆YUKI 10周年記念サイト

ドット絵アイコンで可愛らしい感じー

◆おしい!広島

遊び心満載~

 

これからも動向が気になる!(&奥が深い)GIFアニメ

皆さんもぜひチェックしてみてください~

この記事を書いた人

nabeshiWebディレクター

自社サービスチームでMONIPLAキャンペーンのWebディレクターを担当していますナベシです。会社の忘年会でKindle頂いてからもっぱら電子書籍にハマってます。

Recent Entry

CSSの単位まとめ pxからvm/vh/vmin/vmaxまで

レスポンシブHTMLメールを作ってみての感想

CSSのリファクタリングでした5つのこと

大人が読んでも頭を使う絵本の紹介

サイト内にうまくInstagramを取り入れてるサイト11選

Category

Archive