「小ネタ:Tw用GIF動画」の版間の差分

2011年2月6日 (日) 08:32時点における版

twitter用のアイコンをアニメーションさせる方法
アニメーションGIFを使って、実現します。
下記はwindows環境で作成していますが、MACで行う場合も考え方はおんなしはずです。
最終的に、こんなアイコンがでけます。

※↑たまに、目をぱちくりさせてますよー

★★★★★★ご注意！★★★★★★

• twitterでは、アニメーションGIFは、本来非サポートとしてます(笑)ですので、ここに書いてある内容はハック的な話となります
• アップ成功したとしても、twitter上でアニメーションしない場合があります

• 携帯などでアニメーションGIFが対応していないため、アイコンが「×」マークになって見られない場合がある
• 見られたとしても、アニメーションしてくれない場合がある（アニメーションGIF未対応な携帯端末等）

上記の点、ご了承頂いた後で、下記をごらんくださいまし！

手順大概要

1. アニメーションGIF(アイコン)を作成する
2. アイコンに小細工を入れる
3. 作成したアイコンをtwitterにアップする

アニメーションGIF(アイコン)を作成する

用意するもの

素材

アニメ用の素材画像。アニメを作るのと同じ。ぱらぱら漫画と同じ。動かすためには、動いているように見える素材が必要になる。
今回は、下記の２つを用意した

記念写真で、よくやっちまうミスですな。完全に目つむってるｗ
ファイルの縦横サイズは４８ｘ４８でやってます（大きいサイズのもので作らないほうが良いです。理由は下に）

ここで注意

twitterにアップできるアイコンのファイルサイズに制限があります

ですので

• 元ファイルは、可能な限りファイルサイズを小さいものに
• できあがったGIFファイルサイズに制限があります

※とは言え、作ってみないとどのぐらいになるか想像できないので、一回ざっくり作ってから様子をみる感じが一番いいかもです。

ツール

素材をアニメーションGIFに変換してくれるソフトを用意します。
今回は、Giamというツールで！

• Giam　: http://homepage3.nifty.com/furumizo/

アニメを作る