[Photoshop] GIF アニメの作り方

Photoshop で GIF アニメーションの作成方法です。説明の画面は Windows Photoshop CC です。

daruanime

レイヤーから GIF アニメの作成

簡単な各レイヤーをそのまま GIF アニメにする方法を紹介します(Photoshop では、もっと高度なアニメーション作成もできます)。

フレームアニメーションを作成

画像を開いている状態で、メニュー [ウィンドウ] から [タイムライン] を表示し、「フレームアニメーションを作成」をクリックします。

photoshop-timeline

レイヤーからフレームを作成

GIF アニメの各フレームとなる画像をレイヤーとして読み込み、タイムラインウィンドウからメニューの「レイヤーからフレームを作成」を選びます。

photoshop-frame

フレームの表示時間・繰り返し回数の設定

レイヤーが各フレームと表示されます。タイムラインウィンドウでは、アニメ再生の確認や、フレームの表示時間、繰り返し回数の設定ができます。

photoshop-time

photoshop-loop

繰り返し回数はこの後の保存時にも設定できます。

Web 用に保存

メニュー [ファイル] – [Web 用に保存] から GIF 形式で保存できます。このウィンドウでも、アニメ再生の確認や、繰り返し回数の設定ができます。

photoshop-save

GIF 形式の場合 最大256色です。減色方法の設定もできます。