PhotoshopCS5でGIFアニメーションを作成する方法

レイヤーを利用して作成する方法です。

  1. アニメーションにしたい1コマ1コマを作成しレイヤーを並べます。
  2. 「ウィンドウ>アニメーション」を選択すると、画面下部にアニメーションパネルが表示されます。
  3. アニメーションパネルの右上のメニューから「レイヤーからフレームを作成」を選択します。
  4. 自動でアニメーションフレームが作成されるため各フレームの再生される秒数を設定します。
  5. アニメーションパネルの右上のメニューから「アニメーションの最適化」を選択します。
  6. 「ファイル>Web およびデバイス用に保存」を選択しGIFで保存します。
  7. Web およびデバイス用に保存 ウインドウから実際に設定した速度で再生して確認することができます。

※ アニメーションパネルのプレビュー再生では、実際に設定した速度では再生されないのでご注意ください。

参考:Photoshop Help / フレームを使用した GIF アニメーション作成方法 (Photoshop CS5)