アニメーションGIF画像の作り方

以下の例に示すように、アニメーションGIFを作成するには、この追加機能を備えたイメージエディタが必要です。 この文書では、オンラインでアニメーション画像を作成する方法と、アニメーション画像作成機能を備えた優れた無料の画像エディタであるPhotobieで説明します。

知っておくべき重要事項

アニメーション画像を作成する際の手順を実行する前に、以下の点に留意することが重要です。

  1. 完成したアニメーション画像は常に.GIF画像でなければなりません。 .JPGまたは.JPEG画像はアニメーションをサポートしません。
  2. アニメーション画像は複数の画像で構成されています。 これらの各画像は、幅と高さの観点から、同じサイズでなければなりません。
  3. 画像は256色を超えてはいけません。
  4. インターネットブラウザは、アニメーション画像のアニメーションを表示しないように設定できます。 無効にした場合、訪問者には開始フレームのみが表示され、アニメーション画像を構成するすべてのフレームは表示されません。

オンラインでアニメーション画像を作成する

オンラインでアニメーション画像を作成する前に、使用するアニメーション画像の各画像フレームを用意しておく必要があります。 まだ画像フレームを作成していない場合は、最初の最終アニメーション画像で使用する画像フレームをすべて作成することをお勧めします。 コンピュータにイメージエディタがない場合は、以下に示すように、Photobieを使ってイメージを作成したり、他のイメージエディタを使ったりすることができます。

画像を作成したら、//www.makeagif.com/ Webページにアクセスし、ページ上部のメニューバーにある[Pictures to GIF]オプションをクリックして、各画像をWebページにアップロードします。 アニメーションGIFファイルを作成する手順に従います。

Photobieを使ってアニメーション画像を作成する

  1. Photobieをダウンロードしてコンピュータにインストールします。
  2. プログラムがインストールされたら、プログラムを開き、次にアニメーション画像で使用したい各画像を開きます。
  3. アニメーション画像の開始フレームになる画像を1つ選択してから、次のフレームになる画像を選択します。 「 Region」をクリックしてから「 Select image region 」をクリックするか、Ctrl + Aを押して完全な画像を選択します。
  4. [ 編集] 、[ コピー ]の順にクリックするか、Ctrl + Cを押して画像をコピーします。
  5. 先に開始フレームにしたと判断した写真を選択します。 [ 編集]をクリックしてから[ 新しいレイヤーとして貼り付け]をクリックするか、Ctrl + Vを押して画像を貼り付けます。
  6. 完了したら、開始フレームに新しいレイヤーがあります。 アニメーション画像で使用する追加の各画像(フレーム)について、手順3〜5を繰り返します。
  7. すべての画像がレイヤーとして開始画像に追加されたら、 GIF アニメーションをクリックしてからアニメーションコントロールパネルをクリックします。
  8. Animation Control Panelに、各レイヤーが表示されているはずです。 そうでない場合は、緑色の矢印をクリックしてイメージビューを更新します。 三角形の中の緑色のボックスをクリックすると、アニメーションが再生されます。 速すぎる場合は、フレームを1つ選択してミリ秒の遅延時間を長くします。
  9. アニメーションが見やすくなったら、青いディスケットアイコンをクリックしてアニメーションをアニメーション画像として保存します。