GIFアニメに挑戦

GIFアニメ製作

まず「GIF」とは何かをば。
WINDOWSのXPを基本として説明しますんで。
MACは知らないけど拡張子は無いんでしょ？
画像・動画・テキスト・ツール・アプリなどPCで扱うものをファイルと言う。
ファイルを入れる入れ物がフォルダだね。
フォルダの中にフォルダを入れることもできるし。
そんでWINDOWSではファイルがどんな種類のものなのかをPCに判断させるために、
拡張子という記号を用いている。

ファイルの名前の後ろにドットから3文字程度の記号が付いてるのが拡張子と
呼ばれるものだ。
XPの初期設定では「表示しない」となっているかもしれないけど。
たとえば、マイドキュメントを開いて、上のツールバーにある「ツール」から
「フォルダオプション」を開いてみよう。
「表示」の下の段に「詳細設定」があり、その中の
「登録されている拡張子は表示しない」のチェックをはずしてみよう。
そうすればファイルの拡張子が表示するはずだ。

どの拡張子の場合にどのツールで開くかを設定すればそのファイルは
開くツールのマークになるはず。
それはWINDOWSが拡張子によってどんな種類のファイルなのかを判断したからだ。

今回は画像の話。
画像にもいろんな種類があり、その拡張子で分けられたものが、種類によって
容量がでかかったりきれいだったり透明化できたりとそれぞれ得意分野がある。
一般的に多く目にするのは「JPG」と「GIF]と「BMP」だろう。
写真の場合は軽い「JPG」が多いかもしれないね。
透明化したりの加工できるのは「GIF」なんでそれを使ってアニメーションが
簡単にできる。
画像を重ねたりずらしたりしてパタパタ漫画を作るのがその方法。
画像を順番に表示させ、それを一つの画像とするのがアニメーションソフトだ。

通常は絵や写真をPCに保存して形式をGIFにしても、それを同じ場所で
切り替えて表示するには難しい。
それをアニメーションソフトで1枚の画像にしてしまえばブログにも簡単に貼れる。
動く絵を作って貼れば簡単アニメの出来上がりなんだ。

それでは実際に作ってみよう。
まず準備するのは動く過程のコマ絵。
物が動く動作のことを考えて、右と左の絵を描いて、それを切り替えた場合は
左右に消えては現れるのを繰り返しちゃう。
表示の時間を短縮しちゃえば移動したようにも見えるんだけどね。
滑らかに動かしたい場合は途中になる中央のコマも必要ってことになる。
あとはどのくらいのコマに分割してどの程度の時間で表示するか。

ここで注意が必要なのは右のコマ絵でも左に移動した場合を考えて、キャンパスの
サイズを決めておくこと。
外枠が同じサイズじゃないと画像にした場合にずれちゃうからだ。

　　　

おじぎの画像を作ってみる。
最初の頭を上げた状態と最後の下げた状態を切り替えるとこんな感じ。



そこに途中のコマ絵を入れてみるとこんな感じ。



表示時間を短縮してみるとこうなる。



さらに画像を追加していくとこんな風にできる。



お絵かきが得意のカボチャさんならきっと楽しい作品ができるだろうね。

今回使用してるのはIBMのホームページビルダーに付属してる
「ウエブアニメーター」というソフト。
Giamというフリーソフトも簡単にアニメーション作れそうだね。
んで、そのソフトをどうやって使うのかというのはここじゃ書かないよ。
なんのために使うかというのは最初に書いたけど。
ようするに画像を連続表示させるものを一つの画像としてまとめてくれるソフト
だということだね。
それぞれのコマ絵を表示する時間を変えればゆっくり飛び上がったり、
速く飛び去ったりというのも可能だし。

ちなみにウエブアニメーターのオプションで文字や画像の動きを指定して
自動でコマを作ることもできる。
徐々にぼかしたり現れたり回転したり。
その出来上がった画像同士を組み合わせることができないのが難点だけど。

それ以上を望んで行くとフラッシュになる。
フラッシュも製作に挑戦したけどかなり面倒で、それに作ったフラッシュは
gooブログじゃ載せられないし。
まぁもっと勉強してフラッシュ作りたいとは思ってるけど。