GIMPでアニメーションGIFを作成する

GIMP での GIF アニメーション画像の作成 (六月 2026)

GIMP での GIF アニメーション画像の作成 (六月 2026)
Anonim

GIMPは、それが無料であると考えると、非常に強力なソフトウェアです。特にWebデザイナーは、単純なアニメーションGIFを作成する能力に感謝するかもしれません。アニメーションGIFは、多くのWebページに表示されるシンプルなアニメーションですが、Flashアニメーションよりもはるかに洗練されていませんが、GIMPを基本的に理解している人なら誰でも簡単に作成できます。次の手順では、基本的なグラフィックス、テキスト、ロゴを使用して、単純なWebバナーサイズのアニメーションを表示します。

新しい文書を開く

この例では、GIMPを使用して、非常に基本的なアニメーションGIF Webバナーを作成します。プリセットテンプレートを選択しました Webバナー共通468x60。アニメーションでは、最終的なアニメーションの使用方法に応じて、プリセットサイズを選択するか、カスタムディメンションを設定することができます。私たちのアニメーションは7つのフレームで構成され、各フレームは個々のレイヤーで表されます。つまり、最終的なGIMPファイルは背景を含む7つのレイヤーを持ちます。

フレーム1を設定

私たちはアニメーションを空白のスペースで開始したいので、実際の バックグラウンド レイヤーはすでに白い白です。ただし、レイヤーの名前を変更する必要があります レイヤー パレット。私たちは右クリックして バックグラウンド パレットのレイヤーを選択して レイヤー属性の編集。の中に レイヤー属性の編集 ダイアログが開き、追加します （250ms） 層の名前の最後に追加します。これは、このフレームがアニメーションに表示される時間を設定します。 msはミリ秒を表し、各ミリ秒は1000分の1秒です。この最初のフレームは、4分の1秒間表示されます。

フレーム2を設定

このフレームにフットプリントグラフィックを使用して、 ファイル>レイヤーとして開く 私たちのグラフィックファイルを選択します。これにより、フットプリントが新しいレイヤーに配置され、必要に応じて 移動ツール。背景レイヤと同様に、レイヤの名前を変更してフレームの表示時間を割り当てる必要があります。この場合、750msを選択しました。注意： の中に レイヤー 新しいレイヤーのプレビューがグラフィックの周りに黒い背景を表示するように見えますが、実際にはこの領域は透明です。

セットフレーム3,4,5

次の3つのフレームは、バナーを横断して歩く足跡です。これらはフレーム2と同じ方法で挿入され、同じグラフィックスともう一方の足のグラフィックが使用されます。前のように、時間はフレームごとに750msに設定されます。各フットプリントレイヤーは白い背景を必要とするので、1つのフレームのみが見えるようになります。現在は、それぞれ背景が透明です。これを行うには、フットプリントレイヤのすぐ下に新しいレイヤを作成し、新しいレイヤに白を塗りつぶし、フットプリントレイヤを右クリックして マージダウン.

セットフレーム6

このフレームは白で塗りつぶされた空白のフレームで、最終フレームが現れる前に最終的なフットプリントが消えてしまいます。私たちはこのレイヤの名前をIntervalと命名し、わずか250msの間このディスプレイを持つことを選択しました。レイヤーに名前を付ける必要はありませんが、階層化されたファイルをより使いやすくすることができます。

フレーム7を設定

これは最終フレームで、About.comのロゴとともにテキストが表示されます。ここでの最初のステップは、白い背景の別のレイヤーを追加することです。次に、 テキストツール テキストを追加します。これは新しいレイヤーに適用されますが、ロゴを追加するとこれに対処します。これは、以前にフットプリントグラフィックを追加したのと同じ方法で行うことができます。これらを必要に応じて配置したら、 マージダウン ロゴとテキストレイヤーを結合し、その結合レイヤーを以前に追加されたホワイトレイヤーとマージします。これにより、最終フレームを形成する単一のレイヤーが生成され、これを4000ミリ秒間表示することを選択しました。

アニメーションのプレビュー

アニメーションGIFを保存する前に、GIMPには実際にそれをプレビューするオプションがあります フィルタ>アニメーション>再生。アニメーションを再生するために、わかりやすいボタン付きのプレビューダイアログが開きます。何かが正しく見えない場合は、この時点で修正することができます。それ以外の場合は、アニメーションGIFとして保存することができます。

注意： アニメーションシーケンスは、レイヤーが レイヤー パレットは、背景または最下位レイヤから開始し、上に向かって作業します。アニメーションが順不同で再生されている場合は、レイヤーをクリックしてレイヤーの順序を調整する必要があります。レイヤーの下のバーにある上下の矢印を使用して選択します レイヤー その位置を変更するためのパレットです。

アニメーションGIFを保存する

アニメーションGIFを保存するのはかなり簡単です。まず、 ファイル>コピーを保存 ファイルに関連する名前を付け、ファイルを保存する場所を選択します。押す前に 保存する、選択するファイルタイプの選択（拡張子別） 左下に向かって、開いているリストから、 GIFイメージ。の中に エクスポートファイル ダイアログが表示されたら、 アニメーションとして保存 ラジオボタンをクリックして 輸出する ボタン。画像の実際の罫線を超えてレイヤーが広がっているという警告が表示された場合は、 作物 ボタン。これで、 GIFとして保存 のセクションとのダイアログ アニメーションGIFオプション。これらをデフォルトのままにすることはできますが、アニメーションを一度しか再生しない場合は、チェックを外す必要があります 永遠にループ.

結論

ここに示す手順は、異なるグラフィックスやドキュメントサイズを使用して、簡単なアニメーションを作成するための基本的なツールを提供します。最終結果はアニメーションの点では基本的なものですが、GIMPの基本知識を持つ人なら誰でも達成できる非常に簡単なプロセスです。アニメーションGIFは、おそらく今やプライムを過ぎているかもしれませんが、少しの考えと慎重な計画でも、効果的なアニメーション要素を素早く作成するために使用できます。

エディターズチョイス