GIMPで簡単なGIFアニメを作る(1)
GIMPでアニメーションを作るのさ(1)
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に関連する記事を、一部ご紹介します。
GIMPに関するすべての記事をご覧になりたい場合は、『GIMPで画像編集(カテゴリ記事一覧)』をご利用ください。
作成日:2008/06/14 更新日:2008/06/14
コメントありがとうございます。
お手数ですが、コメント前に留意事項をご覧くださいませ。
また、現在ご質問にお答えする余裕がない状態にあります。よろしくお願いいたします。
No title
新しい画像
コメントありがとうございます。
(01)のところの「新規」ですかね。
これは古いバージョンの画面になるので、
新しいGIMP2.6などであれば「新しい画像」という項目になります。
よろしくどうぞ。
GIMP背景の削除方法
コメントありがとうございます。
「背景」も、レイヤーと同じようなものと考えて
操作していただくと分かり良いかと思います。
以下、どちらでもお好きな方法でどうぞー。
方法その1:
1:「背景」を選択する。
2:ちょい右下にあるゴミ箱へ、ドラッグ&ドロップする。
方法その2:
1:「背景」を選択する。
2:右クリックする。
3:メニューから「レイヤーを削除」を選択する。
※:どちらの方法にせよ、操作に慣れてくると、
「背景を選択」しなくても、できるようになるかと思います。
(慣れるまでは選択するようにしたほうが失敗がありません)
No title
GIMPの画面では綺麗にできたと思って、ネットにUPすると、
GIFアニメがまるで「絵」のように仕上がって動いているときがあるんですが、これは何のせいなんでしょうか?
絵のような仕上がり
コメントありがとうございます。
ごめんなさい。(´・(ェ)・`)
どういう状況なのかイメージできないので何とも申し上げられません。
「絵のような仕上がり」・・・というのは、
どういう仕上がりでしょう???
画質がベタッとしてまるでアクリルを使ったときのような感じとか、
あるいはキュービズム的でおれは好かんとかそういうことかしら。
見せていただくと何か分かるかもしれませんが、
申し訳ないのですが何のせいか分からないですねー。
動いてはいるようですので、
エクスポートするときに何か起こっているのやもしれません。
初めまして
GIMP2をインストールしてから、こちらで使い方を練習させてもらっています。
とても分かりやすくて、助かっています。
さて、アニメーションのことで質問があります。
背景を残したまま、アニメーションだけreplaceする方法がないでしょうか?ということです。
詳しく説明しますと、
ある背景の上で、ものが転がっていくようにしたいのです。
数値をいじっては見たのですが、無理でした。
方法があるのでしょうか?
もしご存知でしたら、ご教授ください。
はじめまして
コメントありがとうございます。
私の知るかぎりにおいては、
背景1枚を固定して、キャラだけ動かすという機能は、
おそらく無いのではないかと思います。
ご面倒でしょうけれどもGIMPで作るのであれば、
背景となるレイヤーを複製して、
動かしたキャラのレイヤーと、
結合させるような形をとるしかなさそうです。
ありがとうございます
やっぱり、そうなんですね。
ちょっと残念です。
ちょっと重くなりそうですが、今度作ってみようと思います。
ありがとうございました!
また、質問させてもらうかもしれませんが、
そのときはお願いしますm(_ _)m
残念
コメントありがとうございます。
ですねー、残念です。
Web上で使うということであれば、
背景画像をCSSで指定するという方法はありますけどねー。
ただ、それもきれいにいくかは分からないですから、
何ともねぇ。(´・(ェ)・`)


























話が変わりますが、ファイルを押しても新規が出てこないのですが、どうすればよいですか?