アニメーション画像の作成方法（ＧＩＦ Ａｎｉｍａｔｏｒの使用方法（基礎））

Copyright(C) 2000-05-31,2001 M . Tsukui,
Suginami Junior and Senior High School affiliated with Bunka Women's University All rights reserved.

 　
　 　　 　
　 　 　ホームページを閲覧していると、可愛らしいアニメーションを見かけることがあります。
これは、パラパラマンガの手法をパソコン上で行ったものです。

パラパラマンガとはノートや紙の束などの端に１ページに１枚ずつ、絵を描いていき、２枚目以降は１枚目と同じ絵に追加して書き込むというものです。
どんどん描き加えていき、できあがってからノートの端をパラパラめくると動いて見える仕組みです。　今回は『ＧＩＦ　Ａｎｉｍａｔｏｒ』というソフトを使用してアニメーション画像の作成方法を解説いたします。
時間の関係もありますが、私の美術的センスのなさが災いして稚拙なアニメになっています。

しかし、原理的な説明は十分に表現できると思いますので、本文をよく読んで楽しいアニメを作成する一助になればよいと思います。

この実習内容は中学校（課題15）・高校（課題39）になりますが、Ｗｅｂページ用の素材になりますから、ファイル名は半角英数小文字で自分が分かりやすい名前を付けて下さい。
本校で用いているアニメーションＧＩＦ画像作成ソフトはＵｌｅａｄＳｙｓｔｅｍ社の『ＧＩＦ　Ａｎｉｍａｔｏｒ』です。
『ＧＩＦ　Ａｎｉｍａｔｏｒ』は、ＵｌｅａｄＳｙｓｔｅｍ社の著作物であり、 『ＧＩＦ　Ａｎｉｍａｔｏｒ』にかかる著作権その他の権利は、 ＵｌｅａｄＳｙｓｔｅｍ社および各権利者に帰属します。 『ＧＩＦ　Ａｎｉｍａｔｏｒ』はＵｌｅａｄＳｙｓｔｅｍ社の登録商標（商標）です。 		　
　 　 　 　
　 　 【素材の作成】 　
　 　 　 　
　 　 先ず始めに、フォトレタッチソフト（本校の場合には『ＰｈｏｔｏＣＲＥＷ　ＥＸ』）を使用してアニメで使用する１枚・１枚の素材（セル画にあるたもの）を作成します。

『ＰｈｏｔｏＣＲＥＷ　ＥＸ』でメニューバーから『ファィル』・『新規作成』を選択すると、次のような画面が表示されます。

幅と高さを適当に決めて下さい。今回は幅１００ピクセル・高さ１００ピクセルにしましたが、必要に応じて各自設定すればよいのです。		 　
　 　 　 　
　 　 　
　 　 　 　
　 　 とりあえず、下の画面（何も描いていないもの）のまま、適当なファイル名をつけて保存します。
ここでは『makegif2.gif』としました。同じく、下にいくに従って、順次『makegif3.gif』、『makegif4.gif』、『makegif5.gif』、『makegif6.gif』、『makegif7.gif』というように名前をつけて保存しました。		 　
　 　 　 　
　 　 『makegif2.gif』 　
　 　 　 　
　 　 『makegif3.gif』 　
　 　 　 　
　 　 『makegif4.gif』 　
　 　 　 　
　 　 『makegif5.gif』 　
　 　 　 　
　 　 『makegif6.gif』 　
　 　 　 　
　 　 『makegif7.gif』 　
　 　 　 　
　 　 【ＧＩＦ　Ａｎｉｍａｔｏｒの起動】 　
　 　 　 　
　 　 ＧＩＦ　Ａｎｉｍａｔｏｒを起動するために、『スタートボタン』から『プログラム』・『Ｕｌｅａｄ　ＧＩＦ　Ａｎｉｍａｔｏｒ２．０』・『ＧＩＦ　Ａｎｉｍａｔｏｒ』の順にメニューをたどります。

そうすると、次のような画面になるので、特に必要がなければ『閉じる』ボタンを押して下さい。		 　
　 　 　 　
　 　 　
　 　 　 　
　 　 更に画面が、次のように変わります。

ここで、先程作成したアニメ素材を画面左下の白い部分にドラッグアンドドロップします。		 　
　 　 　 　
　 　 　
　 　 　 　
　 　 ドラッグアンドドロップすると画面は次のようになります（『makegif2.gif』は２回ドラッグアンドドロップしました）。





この順番は画面右上の矢印ボタン（『↑』・『↓』）を押せば、移動可能ですから必要に応じて順番を変えましょう。		 　
　 　 　 　
　 　 【表示間隔を変えてみよう】 　
　 　 　 　
　 　 下の図で丸印を付けたように、『間隔』欄の数字を変更すると表示時間を変えることができます。

例えば、図の例で設定した値は『１００』ですから、１００／１００秒、つまり１秒間、この『makegif2.gif』というファイルを表示します。

 　
　 　 　 　
　 　 【プラグインを使ってみよう】 　
　 　 　 　
　 　 『ＧＩＦ　Ａｎｉｍａｔｏｒ』にはプラグインという便利な機能があるので、これを使ってみましょう。

下の画面のようにメニューバーから『プラグイン』というメニューをたどります。

この後は、いろいろなプラグインの中から好みに応じたものを利用します。
ここでは『ピール』・『ターンページピール』を選択して見ました。
 　
　 　 　 　
　 　 　
　 　 　 　
　 　 ターンページピールの効果は下の画面のようになります。

これでよければ『ＯＫ』ボタンを押して下さい。		 　
　 　 　 　
　 　 　
　 　 　 　
　 　 そうすると、下の画面のように効果を含んだものが内容に追加されます。 　
　 　 　 　
　 　 　
　 　 　 　
　 　 メニューバーから『ファイル』・『名前を付けて保存』をたどり、適当なファイル名で保存して下さい。ここでは『makeanim.gif』としました。そうすると、次のような画面が表示されます。

特に必要がなければ、『次へ』を選択して下さい。		 　
　 　 　 　
　 　 　 　
　 　 　 　
　 　 　
　 　 　 　
　 　 　
　 　 　 　
　 　 　
　 　 　 　
　 　

このまま『完了』を押して下さい。		 　
　 　 　 　
　 　

上記の操作、つまり、『完了』ボタンを押すと、このような画面が次に表示されます。
圧縮されてはいないものの、とりあえずファイルは保存されましたので、圧縮（最適化をする必要がなければ）『キャンセル』を押しましょう。

最適化をしたい場合には『別名で保存』ボタンを押して、表示されるファイルの保存ダイアログでファイル名を指定して保存した下さい。

<<参考>> この説明のために作成したアニメーションＧＩＦを最適化しない場合とした場合のファイルサイズ
最適化なし ９５Ｋｂｙｔｅ
最適化あり ２６Ｋｂｙｔｅ
　
　 　 　 　
　 　
　 　 PhotoCREW EXの説明ページへ