このビデオ チュートリアルでは、Phlearn の Aaron Nace が、ソーシャル メディアに投稿して編集スキル (またはこの方法で表示したいもの) を示すことができる画像の前後の GIF を作成する方法を示します。
まず、「前」と「後」の画像を取得する必要があります。多くの場合、「編集前」の画像は未編集の写真になります（編集前/編集後の GIF を作成している場合）。これは、Photoshop ファイルの背景レイヤーになります。
これ以降、画像に加えたすべての変更は新しいレイヤーにある必要があります。すべての編集が完了すると、「編集後」の画像が残ります。 「処理後」レイヤーを作成するには、これらすべての変更を 1 つのレイヤーに表示する必要があります。
次に、ドキュメントの上に新しいレイヤーを作成し、「画像 - 画像を適用」に移動します。 「マージ」、「乗算」を選択し、「反転」がチェックされていないことを確認します。これにより、画像のコピーが 1 つのレイヤーに配置されます。これが「後」レイヤーになります。
次のステップは、「前」と「後」のレイヤーを新しいドキュメントに複製することです。 Web 用のサイズの新しいドキュメントを作成することから始めます (参照用にこのチャートを確認してください)。
新しいドキュメントを作成した後、元の画像から「前」レイヤーと「後」レイヤーの両方を選択し、それらをクリックして新しいドキュメントにドラッグします。調整を行うときは、両方のレイヤーを同じ場所に配置する必要があるため、必ず両方のレイヤーを選択してください。
新しいドキュメントで変換する前に、「前」レイヤーと「後」レイヤーの両方をスマート オブジェクトに変換します。これにより、動画の品質に影響を与えずに画像サイズを変更できます。
アニメーションを作成するには、[ウィンドウ]> [タイムライン] に移動してアニメーション タイムラインを開き、[新しいフレーム アニメーションの作成] をクリックします。
「新規フレーム」アイコンを使用して、「前」レイヤーと「後」レイヤーからフレームを作成します。フレームの長さとアニメーションを繰り返す回数を選択します。この例では、「3 Seconds」と「Forever」を選択します。タイムラインでアニメーションを表示するには、必ず [再生] ボタンをクリックしてください。
GIF の作成を検討したのはこれが初めてではありません。シンプルな GIF を作成したいが、Photoshop を使用したくない場合は、giphy や gfycat などのオンライン サービスを使用して、独自の GIF をアップロードして共有できます。ハワード・ピンスキーとブライアン・オニール・ヒューズによる「Photoshop でビデオを GIF に変換する方法」「Photoshop でアニメーション GIF を作成する方法」など、このテーマに関する他の簡単なチュートリアルもあります。
LensVid の Photoshop セクションでさらに多くの Photoshop ビデオ チュートリアルを見つけることができます（また、特別な Phlearn サブセクションでさらに多くの Phlearn ビデオを見つけることができます）。