このページではフリーのソフトを使ってアニメーションGIF画像を作成する方法を簡単に説明します。

使用ソフトは「Windows付属のペイント」とフリーのオンラインソフト「Animation GIF Maker」です。
※ペイントでGIF保存できない方は一旦BMP形式で保存して、フリーのオンラインソフト「EASYサムネイル」を使ってGIFに変換することができます。
尚、市販のソフトやオンラインソフトを上手に使うともっと便利で簡単にバナーなども作れます。
特にレイヤー機能のあるグラフィックスソフトなら、変化ある画像作成が簡単になります。


Animation GIF Maker入手先:
 

ここではとにかく作ってみようと言う意図で解説しています。細かな点は解説していませんので、
ご了承下さい。
 


[留意事項]
Microsoft Offce97以降がインストールされていれば、ペイントでGIFやJPG保存が
できるようになります。
また、Microsoft Office 97以降にはMicrosoft Photo Editorがついています。
Photo Editorにはペイントでできない加工も可能になります。
あれば是非利用してみてください。
詳しくは
http://www.takachiho.ac.jp/~nakayama/msphoted/をご覧下さい。


バナーには国際標準サイズという推奨されるサイズがあります。
規格ではありませんが、できるだけこれに従った方が統一感が出ます。
http://www.yuzuriha.sakura.ne.jp/~akikan/kaigai/kaigai7.html 
http://www.nifty.ne.jp/forum/fhpart/design/others/banner.htm
こちらを参照下さい。

Officeが入っているのにGIF/JPG保存ができない方は
http://homepage2.nifty.com/winfaq/c/hints.html#514
http://homepage2.nifty.com/winfaq/c/hints.html#372
http://homepage2.nifty.com/winfaq/superfaq.html#360
このあたりを確認して下さい。
 


[1]では「ペイント」を起動し、画像サイズに合わせてキャンパスの設定をしましょう。
[変形]メニューからキャンパスの色とサイズ」をクリック。
縦横のサイズを決めましょう。単位に注意してください。
 

[2]サイズが小さい場合は見づらいので「ルーペ」ツールアイコン(拡大・縮小)で大きく表示させておきます。
一駒目の画像をツールを使って描きます。黒背景のものを作成する場合は最初に黒でキャンパス全体を塗りつぶしておくといいでしょう。
透過させる場合は透過色(背景)と同じ色を他の透過させたくない部分に使わないようにして下さい。
 

[3]完成したらGIF形式で保存します。ここでは[kumaoji1.gif]としました。

[4]同様に複数駒分画像を作成し別名で保存しておきます。
ここでは3駒作成し、[kumaoji2.gif][kumaoji3.gif]として保存しました。

[5]作成したGIF画像を一つにしてアニメにします。
「GIF Animation Maker」を起動します。
[ファイル]タブで先程保存した画像を選択し、[追加]します。
複数の画像をまとめて追加できます。
 

[6]各画像の透過や切り替わる早さなどをそれぞれ設定します。
まずNo.1の画像から
[パラメータ]タブで一つ一つにつき、設定し更新をします。
 3枚画像があるので3回最低更新することになります。
「ディレイ」は画像を表示させている時間を1/100秒単位で指定します。
今回は50なので0.5秒です。
「消去法」は通常背景色にします。
透過させる場合は「透過」=>[オン]にして、必ず透過色を指定します。
「透過色指定」で透過する色を決めます。今回は3駒とも背景色白で透過しますので、
透過色は[FFFFFF]です。
設定終われば更新ボタンを押します。
続けてNo.2、No.3も設定・更新します。
後から変更可能なので適当でも構いません。


[7]各設定がとりあえず終わりました。
アニメーションGIFファイルを作成しますので、[作成]ボタンをクリックしファイル名を
決めて保存しましょう。今回は[kumaoji.gif]としました。
 

[8]「その他」タブで[作成画像確認]しましょう。
納得行かない場合は[6]に戻り、パラメータを変更します。
 a
 

kumaoji1.gif

kumaoji2.gif

kumaoji3.gif

上の3つの画像でぱたぱたアニメ〜〜

 

 

kumaoji.gif

  
以上、簡単ですが、アニメーションGIFの基本的作成方法はご理解頂けるものと思います。
後は皆さんの腕次第で素敵なアニメーション画像を作ってみてください。