本チュートリアル内で使用する主な機能
レイヤーマスク、タイムライン、フレームアニメーションの作成

以下が大まかな流れです。

1. レイヤーマスクを作成
   Photoshopを起動して、popcornとkernelsの2枚のレイヤーが入ったドキュメントを開きます。popcornにレイヤーマスクを作成します。
2. ブラシツールでペイント
   描画色と背景色を入れ替えます。
   ブラシツールでマスクの上にポップコーン１粒分のみをペイントします。
   できたレイヤーを複製し、複製したレイヤーをポップコーン数粒分ペイントします。下のレイヤーのすべてのポップコーンが見えるまで、これを繰り返します。
3. フレームアニメーションを作成
   アニメーションの各フレームを作成します。
   レイヤーからフレームを作成し、カーネルレイヤーの表示をオンにして、アニメーションのすべてのフレームで表示できるようにします。
4. ループを作成
   ループアニメーションを作成します。
   フレームを逆並びにしたアニメーションも作成し、ポップコーンが膨らんでから膨らむ前に戻る動きがループするアニメーションにします。
5. アニメーションGIFの書き出し
   「Web 用に保存（従来）」を使用して、アニメーションGIFで書き出します。

Photoshopを起動し、「ファイル」-「開く」から練習用サンプルファイル「stop-motion-photo-animation.psd」を選択して開きます。

popcornとkernelsの２枚のレイヤーが含まれるドキュメントが開きます。

「popcorn」レイヤーを選択し、レイヤーパネルの「レイヤーマスクを追加」をクリックして、レイヤーマスクを作成します。

作成したレイヤーマスクをWindowsならCtrl + I、macOSならCommand + Iを使用して選択範囲を反転します。

レイヤーマスクのサムネールをクリックで選択して、ツールパネルで、「ブラシツール」を選択し、「描画色と背景色を入れ替え」をクリックし、描画色を白に設定します。

オプションバーでブラシプリセットピッカーを開き、「汎用ブラシ」から「ハード円ブラシ」を選択し、直径を50px、硬さを100%に設定します。

左上端の１粒が表示されるように、レイヤーマスク上をペイントします。

その後、ペイントしたレイヤーをWindowsならCtrl + J、macOSならCommand + Jで複製します。

複製したレイヤーを、左上から順に数粒ずつペイントしていき、すべてのポップコーンが表示されるまでこの手順を繰り返します。

複数のレイヤーが作成されました。

「ウィンドウ」-「タイムライン」を選択します。

タイムラインが表示されました。

タイムラインで「フレームアニメーションを作成」を選択します。

パネルメニューの「レイヤーからフレームを作成」を選択します。

「kernels」レイヤーの「レイヤーの表示 非表示」をオンにし、アニメーションのすべてのフレームで表示フレームで表示されされるようにします。

パネルメニューから「すべてのフレームを選択」を選択します。

アニメーションが複製されました。

パネルメニューから「フレームを入れ替え」を選択します。複製したフレームを逆にしたアニメーションが作成されました。

ポップコーンが１つずつ膨らんで、巻き戻しされる動きがループするアニメーションができました。

「ファイル」-「書き出し」-「Web用に保存（従来）」を選択します。

形式を「GIF」に変えて、アニメーショングループで、ループオプションを「無限」に設定します。アニメーションの再生を確認したら「保存」をクリックします。

以上のようにPhotoshopのレイヤーからストップモーションのアニメーションGIFを作成することができました。動画編集のソフトを使用せずに、手軽に静止画からアニメーションを作成することができます。料理の作り方や工作の手順など、時間の経過とともに状態が変化する様子を１つの画像ファイルで表現したいときなどに便利です。