この文書では、Adobe Photoshop Elements でアニメーション GIF を作成する方法について説明します。

3042_05

A. アニメーション GIF とは

アニメーション GIF とは、Web ブラウザで表示できる動画の種類の一つです。アニメーション GIF では、複数の静止画をアニメーションのコマ(フレーム)のように順番に表示することで、画像が動いているように見せています。Photoshop Elements には、複数のレイヤーからアニメーション GIF を作成する簡単な方法が用意されています。

B. レイヤーにフレームを配置

アニメーション GIF ファイルを作成するにはレイヤーを使用します。Photoshop Elements の編集モードで、アニメーションの各フレームに表示する画像を個別のレイヤーに配置します。例えば、目をまばたきするアニメーションを作成するには、1 つのレイヤーに目が開いた状態の画像を配置し、別のレイヤーには目を閉じた画像を配置します。アニメーション GIF が作成されると、下のレイヤーの画像から順番に表示されていきます。

  1. Photoshop Elements を編集モードで起動します。

  2. ファイル/新規/白紙ファイル を選択し、新規ファイルを作成します。
  3. 「エキスパート」をクリックして、エキスパート編集モードにします。

    1
  4. レイヤーパネルが表示されていない場合は、ウィンドウ/レイヤー を選択して表示します。
  5. 1 つのレイヤーに対し、1 フレーム(1 コマ)として、複数のレイヤーを作成し、描画していきます。

    2

C. アニメーション GIF として保存

フレームのレイヤーが完成したら、GIF 形式で画像を最適化し、作成した画像をアニメーション GIF として保存します。

  1. ファイル/Web 用に保存 を選択します。
  2. Web 用に保存 ダイアログボックスで、ファイル形式では「GIF」を選択し、「アニメーションを描画」にチェックを入れます。
    ※ 必要に応じて、「ループ」を無限にして繰り返し表示するように設定したり、「フレームディレイ」でブラウザで各フレームが表示される秒数を指定します。
    ※ 「プレビュー」ボタンをクリックして、指定したブラウザで確認することも可能です。

    3
  3. 設定が終了したら、「OK」をクリックしてファイルを保存します。

D. 既存のアニメーション GIF を開く

Photoshop Elements では、既存のアニメーション GIF ファイルを開くこともできます。各フレームはそれぞれ別のレイヤーとして配置されます。特定のフレームをドキュメントウィンドウに表示するには、レイヤーパネルでそのフレームのレイヤーだけを表示し、それ以外のすべてのレイヤーを非表示にします。

アドビコミュニティフォーラムをご利用下さい

この文章はお役に立てましたでしょうか?さらに情報をお探しになる場合には、アドビスタッフがお届けしている解決事例やメンバー同士での活発な意見交換をチェックできるコミュニティフォーラムをご利用下さい。

本作品は Creative Commons Attribution-Noncommercial-Share Alike 3.0 Unported License によってライセンス許可を受けています。  Twitter™ および Facebook の投稿には、Creative Commons の規約内容は適用されません。

法律上の注意   |   プライバシーポリシー