アニメーションGIF
動画の類は現在いろいろな形式の物がありますが、今でも一番身近なのはアニメーションGIFではないでしょうか?表示が変わるバナー画像とかでよく見かけますね。※UNISYSの件がアルケド…。ページ末参照
他人が作ったのを見ているだけではつまらないので作ってみました。下にあるのが一部の人々の間で話題(?)の『MADゴマ』です。 ごく一部の人々の間では結構評判良かったんだよね…。
|
ゲテモノ同好会でアザラシ喰べたらマズかったんで、こんな画像を作りましたが、ちょっと問題もありまして、その、
某有名キャラクター:ゴ●ちゃんをベースに暗黒テイストに改造してる…。
ゴ●ちゃん、御免ね!!!
※ HacoさんのサイトにもMADゴマはお邪魔してます。
ゴ●ちゃんに詫びも入れた所で本題に入ろう。
いや、『MADゴマを飾る』のが目的だったが一応『自然科学がどうの〜』というタイトルを立てているし。つまり以下の内容はやっつけ仕事なんだな…。
★ GIF形式
(Graphics Interchange Format)
『ジフ』又は『ギフ』と読む。GIFは256色の色を扱える、圧縮画像形式。線画やロゴ、単色のベタ塗りのイラストなどのような画像を扱うのに適している。もともとの画像が256色以下の画像である場合、この形式で圧縮しても、画質は劣化しない。もとの画像が256色以上であれば、その色は、256色のいずれかにシフトされ、画質は劣化したことになる。
GIFの画像は、水平方向の色の並びを数値として扱い、圧縮している。同一色の多い、フラットな面の画像ほど、圧縮率が高くなる。
★ アニメーションGIFの原理
ペラペラ漫画の原理です。上の“MADゴマ”では4枚の画像を動かしています。1枚目を2秒表示、2枚目を0.2秒表示、3枚目を0.5秒表示、4枚目を1秒表示、これを繰り返し行わせています。4枚の画像をまとめて1枚の画像を作っているわけですから当然、画像サイズは4枚分+αになります。
★ 作るには?
Adobe ImageReady2.0(PhotoShopのオマケのやつ)で作ってますがフリーウェアでも色々あるらしいです。簡単に言うと、1枚目の画像を作り、それのコピーを作って少し動いた所を描いて…、この作業を繰り返します。表示させる画像と順番、表示時間を定めて最適化した画像を保存して完成。って感じかな。
作りたい方は『別の有用なサイト』を見つけてそれを参考に挑戦して下さい、
丁寧に解説する根性はないです(笑)。
※UNISYSのおかげでGIFは廃れ時代はPNG形式へ…。PNGは技術的になかなか面白いけど種々の理由でボクは採用を見送ってしまった(2001年11月末)。ヤバイです…。良い子の皆さんはウェブページ作る時はPNGを使おう、最近のブラウザはサポートしてるし、上手く扱えばGIFよりPNGの方が圧縮率も高いし。数式とかはGIF圧縮が効くので多用したがPNGへ再変換するのは結構大変カモ、ちょっと憂鬱…。
※2002/1/7 このページ以外はPNG形式化完了ナリ(MNG化はまだ先…)。PNG形式を表示できない方々、すまん…。上記のクダラナイ動画を残している故、気分的には現在"PNG普及プロジェクト"に賛成なんだけどデカイこと言えない(^^;
* ** Back to TOP ** *