GIMPで簡単なGIFアニメを作る（1）

GIMPでアニメーションを作るのさ（1）

GIMPを使って、簡単なGIFアニメを作成してみます。画像がぽこぽこ動くわけです。勝手に動いちゃうわけです。

お話は、次の順番で進みます。

• 作成サンプル
• GIMPで簡単なGIFアニメを作る方法
• 次回予告
• 関連記事
• この記事へのコメント

▲ページの先頭に戻る

作成サンプル

完成すると、次のようになります。初回ですから、非常にシンプルなものにしてみました。

ちなみに、GIFアニメというのは、GIFというファイル形式で保存している動画のことをいいます。

▲ページの先頭に戻る

GIMPで簡単なGIFアニメを作る方法（1）

1：新規ファイル作成

（01）

GIMP2.4を起ち上げて、新規に画像ファイルを作成します。（[ファイル]-[新規]）

あまり大きいサイズで作成すると、ブログにアップし難いので、100×100くらいでいかがでしょうか。

▲ページの先頭に戻る

2：レイヤー追加

（02）

新規レイヤーを追加します。

レイヤーをご存知ない場合は、記事「レイヤーとは？」をご覧ください。

▲ページの先頭に戻る

3：円を描く

（03）

道具箱の「楕円選択」をクリックします。

円形の作成に自信がない場合は、記事「Web素材の作り方（丸1）」が参考になります。

（04）

描画領域で適当にドラッグして、円を描いてみましょう。

円の大きさは 20×20で、場所は(0, 40)にしてみました。特にこだわりがなければ、同じ数値でどうぞ。

▲ページの先頭に戻る

4：円を塗りつぶす

（05）

道具箱の「塗りつぶし」を、クリックします。

（06）

選択領域内をクリックして、色を流し込みます。

▲ページの先頭に戻る

5：レイヤー名の変更

（07）

レイヤー名を変更しましょう。

• 「新規レイヤー」をダブルクリックします。
• 新たなレイヤー名を入力します。
• [Enter]キーを、打鍵します。

[Enter]キーを、打鍵し忘れると、無効になってしまいます。忘れないでねーん。

（08）

さらにレイヤーを右クリックして、メニューを表示し、「レイヤーを複製」を選択します。

複製したレイヤー名も変更しておきましょう。（あとで分かり良いので）

レイヤーの複製については、記事「レイヤーを使いまくる」が参考になります。

▲ページの先頭に戻る

6：場所を移動する

（09）

「移動」ツールをクリックします。

（10）

複製したレイヤーを、右へ移動します。

描いた黒丸を、ドラッグしてみましょう。

▲ページの先頭に戻る

7：繰り返す

（11）

この（08）〜（10）の工程を繰り返して、次のように黒丸（複製レイヤー）を、5つ並べます。

レイヤー名も、それぞれ変更しておきます。

これで、ひとまず動画の準備が出来ました。レイヤーの下から上に動画として表示されます。

▲ページの先頭に戻る

8：解除と削除

（12）

あ、そうだ。選択している必要はないので、選択を解除しておいてください。（[選択]-[None]）

それからついでに、背景も邪魔なので、削除しておいてください。

▲ページの先頭に戻る

9：再生

（13）

さて、さっそく再生してみましょう。

上部メニュー右端「フィルタ」から、「アニメーション」を選択し、さらに「再生」を選択します。（[フィルタ]-[アニメーション]-[再生]）

（14）

「演奏」をクリックすると、動画として再生されます。

しかし、何だかチラチラしているだけで、アニメというよりもソフトが故障しているみたいに見えます。ドッキリどきどき、ドッキリどきどき・・・みたいな。

もう一度、「演奏」をクリックすると、停止します。「ドッキリどきどき」を暫（しば）し楽しめたなら、停めてしまってください。

（15）

右上の[×]をクリックして、閉じます。

表示が重くなるので2ページに分けました。お話は、記事「GIMPで簡単なGIFアニメを作る（2）」へ続きます。

▲ページの先頭に戻る

• 【次】：GIMPで簡単なGIFアニメを作る（2）
• 【前】：ダイアログを初期状態に戻す

次回予告

次回は、今回の続きです。タイムスライスなどを行って、もう少しコントロールします。良かったら、GIMPで簡単なGIFアニメを作る（2）へどうぞ。

▲ページの先頭に戻る

関連記事

画像編集ソフトGIMPに関連する記事を、一部ご紹介します。

GIMPに関するすべての記事をご覧になりたい場合は、『GIMPで画像編集（カテゴリ記事一覧）』をご利用ください。

1：GIMP2の基本的な使い方

• GIMP2の使い方

2：GIMP2でGIFアニメーションを作る

• GIMPで簡単なGIFアニメを作る（1）（この記事です）
• GIMPで簡単なGIFアニメを作る（2）

▲ページの先頭に戻る

作成日：2008/06/14 更新日：2008/06/14