GIMPでかんたんなGIFアニメづくり【図説あり】

「昼寝をしていたら」四コマ【GIFアニメ】

GIFアニメ「昼寝をしていたら」

初心者にも使いやすい『GIMP』

画像編集ソフト『GIMP』で加工してみた

　『GIMP』はフリーのペイントソフトです。画像のサイズを変えたり色を変えたりもできるので、画像編集ソフトと言ったほうがピンとくるかもしれません。

　フリーで使えるのにGIMPには便利な機能がたくさんあり、操作はかんたんなので初心者にも使いやすいです。

　GIMPは画像編集ソフトですが、GIFアニメもつくることができます。４枚のらくがきを使って実際につくってみました。

【GIMPの活用】GIFアニメーションをつくってみた

　GIMPを使ったGIFアニメ作成の流れを紹介していきます。
　動画（GIFアニメ）づくりを考えているなら参考にしてみてください。

【GIFアニメーションづくりの作業の流れ】

1. GIFアニメにしたい画像の準備

2. 動画を再生

3. データの最適化

4. GIFデータとしてエクスポート

１　GIFアニメにしたい画像を準備する

GIMP編集画面。GIFアニメにしたいイラストを配置（図１）

　GIFアニメーションをつくるには動かす素材（データ）が必要です。今回は４枚のイラストを使ってみました。

　上の画像（図１）のオレンジ枠にあるイラストを、数字の順に表示していく動画をつくるのが目標です。

　GIMPの編集画面に４枚のイラストデータを用意し、動画で表示する順とは逆の順番で配置していきます（図１の赤枠部分）。

２　動画を確認するため再生してみる

GIMP編集画面。GIFアニメの再生（図２）

　データの準備ができたら、次はGIFアニメーションがどのように表示されるのか確認します。

　［フィルター］メニューから［アニメーション］→［再生］を選択すると、［動画再生］のウィンドウが表示されます（図２の右側にあるウィンドウ）。

　［動画再生］ウィンドウの左上にある［再生］（▶）ボタンを押せば動画が始まります。確認ができたら右上にある［閉じる］（×）を押して終了します。

３　GIFデータをつくるために「最適化」する

GIF編集画面。最適化してGIFデータをつくる（図３-１）

　動画を再生して目標どおりに表示されるのを確認できたら、GIFデータをつくるために「最適化」の作業をします。

　［フィルター］メニューから［アニメーション］→［GIF用最適化］を実行すると、あとは自動でデータを準備してくれます。

GIMP編集画面。新しくできたGIF用のデータ（図３-２）

　［GIF用最適化］のあと、GIMPの編集画面をみると新しいデータができています。上の画像（図３-２）の左上側にある赤枠の黄色の丸で囲んだデータのことです。

　新しく作成されたデータのレイヤーをみると、勝手にレイヤーができていて「(100ms)」や「(combine)」と書かれています。この作成されたデータをGIF形式で保存するとGIFアニメにできます。

４　GIFアニメ形式にして出力

GIMP編集画面。GIF形式に保存して動画に（図４）

　GIFアニメ用につくられたデータをGIF形式で保存するとGIFアニメーションになります。

　［ファイル］メニューから［名前を付けてエクスポート］を選ぶと、［画像をエクスポート］ウィンドウが表示されます。

　GIFアニメをつくりたいのでファイルは拡張子を「.gif」にしなければなりません。「アニメ.gif」などファイル名を入力したあとは、必ず拡張子が gif になっているのを確認してから［エクスポート］します。

　［エクスポート］を押すと、新しく［画像をGIF形式でエクスポート］ウィンドウが表示されます。GIFのオプションにある［アニメーションとしてエクスポート］にチェックを入れます。ここを忘れると、静止画像のGIFになってしまうので注意してください。

　あとは保存したファイルを開くとGIFアニメが表示されます。

注意　GIMPでつくったGIFアニメの速度について

　GIFデータを開くと、とても速いアニメーションが表示されて驚きませんでしたか？
　GIMPがつくったデータは初期値だと、表示速度がとても速いです。表示の速度は調整することができます。

GIMPでつくるGIFアニメの速度調整

GIMP編集画面。動画の速度調整（図Ａ）

　GIMPでGIFアニメをつくるとき、「最適化」の作業をします。最適化することでGIFアニメ用のデータが作成されます。

　新しく作成されたデータのレイヤーをみると、レイヤーには「(100ms)」「(combine)」と勝手にテキストが追加されています。

　上の画像（図Ａ）でいうと、右側にある赤枠のレイヤー内の「4(100ms)(combine)」などです。このテキストのうち、黄色枠に囲まれた「(100ms)」の部分が速度の数値です。

　レイヤーは名前を変えることができますが、その作業と同じように数値を修正できます。100ms を 1500ms など数値を大きくすれば表示速度はゆっくりになります。

　参考データとして 300ms と 1700ms のGIFアニメを載せてみました。

【GIFアニメ】「昼寝をしていたら」（300msの場合）

GIFアニメ「昼寝をしていたら」（300msの場合）

【GIFアニメ】「昼寝をしていたら」（1700msの場合）

GIFアニメ「昼寝をしていたら」（1700msの場合）

　GIFアニメのつくり方を紹介しました。
　GIMPでGIFアニメをつくるときの参考にしてみてください。