アニメーションに適切なサイズの新規ドキュメントを作成します。標準的な web アニメーション用には、カラーモードが RGB、解像度が 72 ピクセル/インチに設定されていることを確認します。
最終更新日 :
2025年12月2日
Photoshop でレイヤー、キーフレーム、タイムラインパネルを使用してタイムラインベースのアニメーションを作成する方法を説明します。
A. 再生ヘッド B. タイムラインパネルメニュー C. メディアをトラックに追加 D. キーフレーム E. ズームイン F. ズームスライダー G. ズームアウト H. フレームアニメーションに変換 I. キーフレームアニメーションを有効化 J. 再生オプション
ウィンドウ／タイムラインを選択して、タイムラインパネルを開きます。パネルがフレームアニメーションモードの場合は、左下隅にあるビデオタイムラインに変換 <ここにアイコンを挿入> アイコンを選択します。
ドロップダウンメニューから「ビデオタイムラインを作成」を選択し、矢印の左にあるボタンをクリックします。
新規レイヤーを作成して（レイヤー／新規／レイヤー）コンテンツを追加するか、レイヤーパネルで背景レイヤーをダブルクリックして通常のレイヤーに変換します。
タイムラインパネルメニューを選択し、「タイムラインのフレームレートを設定」を選択し、タイムラインのフレームレートを設定します。
ヒント :
ビデオの標準である 24 fps など、適切なレートを選択します。
現在の時間インジケーター（再生ヘッド）を、最初のキーフレームを設定する位置に移動します。
レイヤー名の横の三角形をクリックしてレイヤープロパティを展開し、「位置」、「不透明度」、「スタイル」など、アニメーション化したいプロパティの横にあるキーフレームアニメーションを有効化アイコンを選択します。
現在の時間インジケーターを別の時点に移動し、レイヤープロパティを変更します（レイヤーを移動、不透明度を調整など）。新しいキーフレームが自動的に作成されます。
ビデオ出力の場合はファイル／書き出し／ビデオをレンダリングを、アニメーション GIF の場合はファイル／書き出し／Web 用に保存（従来）を選択して、アニメーションを保存します。
注意：
タイムラインパネルで「再生」ボタンを選択してアニメーションをプレビューします。
