アニメの作り方 13.6.15掲載 16.5.23更新
はじめに
このページの画面表示画像は、
使用パソコン：win９８Se、Me
使用ソフト：MSペイント、Ａｎｉｍａｔｉｏｎ ＧＩＦ Ｍａｋｅｒ
winXPでは画面表示が違いますが、操作方法の基本は同じです。
※プリンターで印刷できる方は、
このペ-ジを印刷して、手元において操作をした方が確実です。
印刷できない方は、操作の要点をメモしてから作業をしてください。
１．アニメーション作成ソフトを手に入れる
フリーソフトの、Ａｎｉｍａｔｉｏｎ ＧＩＦ Ｍａｋｅｒ をダウンロード（ＤＬ）します。
「ダウンロードはこちら」をクリック。
デスクトップに自己解凍ソフト「gifan071.exe」ができます。
クリックすると、インストール画面になります。
インストール先は、C:\Program Files\Gifanimになります。
Ｃドライブ、プログラムファイルの中に、Gifanimフォルダーができます。
この中のgifanim.exeをクリックすると、起動します。
gifanim.exeアイコンを右クリックして、ショートカットを作って
デスクトップに置いておくと便利です。
２．アニメ作り、作業の流れ
パタパタアニメと同じ。
絵はペイントソフトを使って、少しずつ違った絵を何枚か作り、ＧＩＦ形式で保存をする。
できあがった絵のファイルを「アニメーションＧＩＦメーカー」でアニメにする。
※同じ「ＭＳペイントソフト」でも、保存の形式が違っている場合があり、
ＧＩＦ保存ができないものがあります。
また、ペイントソフトによっては（例：Ｄ-pixedなど）、ＧＩＦ形式保存ができません。
ＧＩＦ保存については後で解説します。
３．画像処理ソフトの起動
ここではMSペイントを例に説明します。
スタートをクリック、プログラム、アクセサリ、で、ペイントをクリック
下図のように、ペイントが起動する。
※初めてペイントを使う時のみ、いつでもすぐに起動できるように、
デスクトップにアイコンを表示させておくための操作をする。
次回からはこの操作は必要なし。
白紙の無題ペイント画面で、ファイル、名前を付けて保存、をクリック。
１ 保存する場所をデスクトップにする。もし、マイドキュメントなど、
他の場所が表示されていた場合は、２のデスクトップボタンをクリックすると、
保存する場所がデスクトップになる。
保存する場所の窓の右の▼をクリックしても場所を選べる。
３ 保存をクリックすると、
下図のように、デスクトップに、
無題ｂｍｐというファイル名のペイントアイコンが表示される。
次回からは、ペイントを使う時には、この「無題ｂｍｐ」のアイコンをクリックすると、
すぐに起動する。
※ペイントソフトでファイル形式がＧＩＦ保存できるかどうか確認してください。
ペイントの画面で、ファイル、名前を付けて保存、
ファイル形式の右側の▼をクリック、 中に「ＧＩＦ形式（＊．ｇｉｆ）」があればＯＫ。
キャンセルをクリックして、ペイント画面に戻る。
「ＧＩＦ形式（＊．ｇｉｆ）」がない場合は、
このページで解説する方法でのアニメ作りができない可能性があります。
４．基本練習
例：
ペイントの画面
使う機能は、
拡大と縮小 
四角形 
塗りつぶし 
鉛筆
直線 
楕円
まず、
変形をクリック。
キャンパスの色とサイズをクリック。
幅２００、高さ２００、に設定。ＯＫをクリック。
絵を書きやすくするために、パレットを大きくする。
拡大と縮小 をクリック。 
２倍をクリック。
下図のように、パレットが大きくなる。
４−１．
１枚目を作る
※作業中、失敗したら、編集をクリック、元に戻す をクリックすると、
一つ前の作業画面に戻すことができます。
失敗を怖がらずに、練習してみてください。
四角形 をクリック。パレットの茶色をクリック。
全体の下から大体１／５の高さで、左上から右下にドラッグ。
できるだけ画面の左右ぎりぎりに茶色い四角形をかく。
塗りつぶしをクリック。四角の中でクリック。
１枚目が完成。
ファイルをクリック。名前を付けて保存をクリック。
１．ファイルの保存場所を デスクトップ、 ２．ファイル名を、例えば「アニメ１」、
３．ファイルの種類をＧＩＦに設定。
（もし、ＧＩＦ保存ができなければ、２４ビット ｂｍｐ）
４．保存をクリック
４−２．
２枚目を作る
１枚目を保存した後、続けて作業する
鉛筆をクリック。 直線 をクリック。
下の欄の一番太い線を選ぶ。緑色をクリック。
茶色の土の中心から上に緑の線を引く。
２枚目が完成。
ファイルをクリック。名前を付けて保存をクリック。
ファイルの保存場所を デスクトップ、
ファイル名を、例えば「アニメ２」、 ファイルの種類をＧＩＦに設定。
（もし、ＧＩＦ保存ができなければ、２４ビット ｂｍｐ）
保存をクリック。
４−３．
３枚目を作る
鉛筆 をクリック。緑色をクリック。
葉を２枚かいて、塗りつぶしをクリック。葉の中でクリック。
３枚目が完成。
ファイルをクリック。名前を付けて保存をクリック。
ファイルの保存場所を デスクトップ、
ファイル名を、例えば「アニメ２」、 ファイルの種類をＧＩＦに設定。
（もし、ＧＩＦ保存ができなければ、２４ビット ｂｍｐ）
保存をクリック。
４−４．
４枚目を作る
鉛筆をクリック。 直線 をクリック。
下の欄の一番太い線を選ぶ。緑色をクリック。茎を上に伸ばす。
楕円をクリック、赤をクリック、葉の左上から右下にドラッグして赤い丸をかく。
鉛筆をクリック、赤い丸のまわりに花びらをかく。
塗りつぶしをクリック。花びらの中でクリック。
４枚目が完成。
ファイルをクリック。名前を付けて保存をクリック。
ファイルの保存場所を デスクトップ、
ファイル名を、例えば「アニメ２」、 ファイルの種類をＧＩＦに設定。
（もし、ＧＩＦ保存ができなければ、２４ビット ｂｍｐ）
保存をクリック。
これで、
の４枚が完成。
４−５．
フォルダーに入れる
デスクトップの何もない所で右クリック。
新規作成をポイント、フォルダーをクリック。
ＢａｃｋＳｐａｃｅを１回押す。
ファイルの名前を例えば「アニメ１−４」にする。
Ｅｎｔｅｒを押す。
デスククトップ上にあるアニメ１、２、３、４を
ファイル「アニメ１−４」の上にドラッグ（クリックしたまま移動）、ドロップ（手を離す）。
これで、フォルダ「アニメ１−４」の中に４枚の絵が入る。
「アニメ１−４」のフォルダをクリックすると、下図のようになる。
ＧＩＦ保存ができている場合は「５．アニメーションＧＩＦメーカーを起動」に進む。
ＧＩＦ保存ができず、ｂｍｐ保存の場合は、ここでＧＩＦ形式に保存する。
４−６．
ＧＩＦ形式保存ができない場合
１）Ｐａｉｎｔｓｈｏｐ．Ｐｒｏ や、Ｆｉｒｅｗａｒｋｓ などの画像処理ソフトがある場合は、
それを使う。
ペイントで作成したbmp画像を開き、
名前を付けて保存、ファイル形式をGIF形式にする。
２）フォトエディターを使う。
スタート、すべてのプログラム、
Ｍｉｃｒｏｓｏｆｔ Office ツール、Microsoft Photo Editor をクリック。
フォトエディターが起動したら、ファイル、開く、をクリックして、
ペイントで作成したbmp画像を開き、
名前を付けて保存、ファイル形式をGIF形式にする。
３）フォトエディターもない場合は、ホームページ作成ソフトで置き換える。
ホームページエクスプレスの場合、
新規ページに、挿入、画像、ファイル参照でｂｍｐの画像を選択、開く、
でページに表示。
全部のｂｍｐ画像を表示したら、ページを名前を付けて保存。タイトルは無題でＯＫ。
保存の場所は「アニメ１−４」にした方がわかり易い。
置き換えますか、のメッセージが出るので「すべて」をクリック。
これで、「アニメ１−４」の中に、作った画像１．２．３．４．がＧＩＦ形式で入る。
※フロントページでｂｍｐをＧＩＦに変換した場合、画像が粗くなります。
我慢して下さい。
４）どうしても、画像をｇｉｆ形式に保存できない場合は、
アニメーションＧＩＦメーカーでのアニメ作成はできません。
５．アニメーションＧＩＦメーカーを起動
デスクトップの、ｇifanim.exeへのショートカットをクリック。
ファイルのタブの下、デスクトップをダブルクリックして、アニメ１−４を表示させる。
アニメ１−４をダブルクリックすると、下図のように、
上の欄に、アニメ１ｇｉｆ〜アニメ４ｇｉｆが表示される。
下図
１ アニメ１ｇｉｆをクリックしたまま、アニメ４ｇｉｆまでドラッグ。４枚が反転表示される。
２ 追加をクリック。右側に４枚が表示される。
右側アニメ１から４へ、クリックしたまま移動すると、４枚が反転表示になる。
３ パラメータタブをクリック。
ディレイ欄の 0 の左に半角英数で 3 を入力して 30 にする。
更新をクリックすると、下図のように、ディレイの欄が 30 になる。
作成をクリック。
保存場所がアニメ１−４になっていることを確認。
ファイル名が反転文字になっているので、BackSpace をクリックして消し、
名前を適当に入れる。
例：net上で使うことを考えて、半角英数で hana にする。
保存をクリック。
その他タブをクリック。
作成画像確認（ブラウザ）をクリック。しばらく待つとアニメが表示される。
出来上がりアニメ。実際の画面では下図のように動きます。
６．作ったアニメを使う
１）画像掲示板
写真を投稿する場合と同様に、参照ボタンを押して、
デスクトップの「アニメ１−４」フォルダの中のアニメファイル ここでは「ｈａｎａ.gif」
を選択して投稿すると、掲示板にアニメが表示される。
２）ホームページ（HP）で使う
ホームページ作成ソフトを起動。
写真画像と同様に、ページにアニメ画像を表示させる。
ここではアニメは動かない。
net上のインターネットエクスプローラー（IE）の画面でアニメが動く。
HP作成ソフト、フロントページ・エクスプレスの場合、
ページの入力画面で、挿入をクリック、画像をクリック、参照をクリック。
デスクトップにあるファイル「アニメ１−４」をクリック、「hana.gif」をクリック、
開くをクリック。
この時点では１枚の絵が表示される。
他に文字など通常のページ作成をすることは、勿論できる。
このページを保存する。
ファイルをクリック、名前を付けて保存をクリック、
ファイル名を例えば「アニメ完成」にする。
保存する場所が「アニメ１−４」であることを確認して、保存をクリック。
フロントページ・エクスプレスの画面を最小化する。
デスクトップの「アニメ１−４」のファイルの中、
ｅマークの「アニメ完成」をクリックすると、アニメが表示される。
完成品
今回は４枚だけの画像を、ディレイ３０／１００秒で繰り返し表示するように設定。
絵の枚数を増やして、ディレイの設定を２０／１００秒や、１０／１００秒など、
速く設定すると、細かく、速い動きのアニメになる。
右のアニメは、
以前、暇つぶしのｔｏｐページに使っていたもの。
はじめに９枚の絵を作り、絵と絵の間に、
中間の動きの画像を追加していって、
最終的には２３枚を使用。ディレイは多分３０位。
※画像保存の注意
絵を後で修正する場合はＧＩＦ形式では修正できないので、
ＧＩＦで保存した後もう一度ファイル、名前を付けて保存をクリックして、
ｂｍｐ形式でも保存しておく。
できあがりを見て、修正する場合は、
ペイント画面でファイル、開く、でｂｍｐファイルの絵を開き、
修正してｂｍｐ形式で保存。もう一度ＧＩＦ形式で保存する。
７．応用
例えば、
ＲＰＧの画面の中に、アニメを図として挿入できます。
右のアニメは現在、ｔｏｐページに使用しているもの。
デジカメで撮った画像を、ＧＩＦ形式保存してアニメ化。
ディレィは「いくよ」と「ぐう」「ちょき」「ぱ〜」は１００、
他は８０に設定。
デジカメを使うと、
例えば、空の雲の動きを何枚も撮ってアニメ化したり、
ぬいぐるみや人形の動きの変化をアニメ化できます。
ただ、ＧＩＦ形式に変換すると、画質が低下するので、光が反射している画像は
避けた方がいいようです。
Ａｎｉｍａｔｉｏｎ ＧＩＦ Ｍａｋｅｒ の詳しい操作の解説は
Ｇｉｆａｎｉｍファイルの中、ｇｉｆａｎｉｍ．ｈｔｍにあります。
あとがき
雑誌の「初歩のパソコン」に、
Ａｎｉｍａｔｉｏｎ ＧＩＦ Ｍａｋｅｒ を使ってアニメを作る記事が載っていました。
何気なくやってみたら、これがはまってしまいました。
オリジナルなアニメを作るおもしろさが後を引きます。
ＲＰＧもどきの中で、ドアを開ける動きや、
電話が鳴っている動きなどのアニメをつくりましたが、
肝心のストーリーができず、まだ公開はできません。
この解説を見て、「ちょっとアニメを作ってみようか」という方がいたら幸いです。
ここまでお付き合い頂いてありがとうございました。
謝辞
Ａｎｉｍａｔｉｏｎ ＧＩＦ Ｍａｋｅｒ を製作し、フリーで提供して頂き、
また、このホームページで解説を掲載することをご了承頂きました
「はっとりワールド」http://www.asahi-net.or.jp/~zb8n-httr/
の服部宣広氏に感謝致します。
13.6.15
・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・
16.5.23更新
最近になって、Ａｎｉｍａｔｉｏｎ ＧＩＦ Ｍａｋｅｒ がnet上からダウンロードできない、と
知りました。服部氏のサイトがなくなり、メールアドレスも使われていないようです。
このソフトは再配布自由なので、
今回、私のページからダウンロードできるようにしました。
また、
アニメ画像を製作する方法を改めて解説する機会があり、
このページを見直して、今回、補足説明を加えました。