After Effects 用に Photoshop 画像を準備する

Last updated on 2026年10月29日

レイヤー構造、命名、カラー設定を最適化して、After Effects 用に Photoshop 画像を準備します。

After Effects にスムーズに読み込めるように、Photoshop でレイヤー構造、命名、カラー設定を行う方法を学びます。

After Effects では、Photoshop ファイルの個々のレイヤー、レイヤースタイル、透明領域、レイヤーマスク、調整レイヤーが保持されます。After Effects は、RGB カラーモードをネイティブでサポートしています。CMYK ファイルは自動的に変換できますが、読み込み前に Photoshop でカラーを調整すると、処理時間を短縮できます。After Effects 用に画像を準備する前に、次の前提条件を満たしていることを確認してください。

  • Adobe Photoshop の最新バージョンをインストールしていること
  • After Effects の最新バージョンを用意する
  • Photoshop のレイヤーとファイル形式を理解する

アニメーション用にレイヤーを整理する

各レイヤーには、「Foreground Tree」や「Background Sky」など、内容や用途に基づいた一意の名前を付けます。レイヤーに一意の名前を付けることで、After Effects が読み込み時にレイヤーを誤認識するのを防げます。

関連するレイヤーが 1 つのユニットとしてアニメーションする場合は、Smart Objects にグループ化します。たとえば、すべての前景要素を 1 つの Smart Object に、背景要素を別のものにグループ化します。

After Effects コンポジションで表示される順序で、Layers パネルにレイヤーを配置します。

メモ

Smart Objects を使うと、After Effects で複雑なレイヤーグループを 1 つのユニットとしてアニメーションでき、奥行きのある効果や連動した動きを作成できます。

ファイル互換性設定を構成する

編集/環境設定/ファイル管理(Windows)または Photoshop/環境設定/ファイル管理(macOS)を選択します。

File Compatibility セクションで、Maximize PSD and PSB File Compatibility ドロップダウンから Always を選択します。

設定変更を保存するには、OK を選択します。Maximize PSD and PSB File Compatibility 設定により、After Effects がレイヤー付きファイルを正しく読み取れるようになります。この設定がないと、After Effects がすべてのレイヤー情報を認識できない場合があります。

動画用の新しいドキュメントを作成する場合は、File / New を選択し、ドキュメントプリセットカテゴリから Film & Video を選択します。

正しいピクセル寸法になるように、ターゲットのビデオシステムに適したプリセット (たとえば HDTV 1080p や Film(4K)) を選択します。

編集内容とカラープロファイルを適用

画像/モード を確認し、必要に応じて RGB カラー を選択して、ドキュメントが RGB カラー モードになっていることを確認します。

Photoshop でカラー補正、拡大・縮小、トリミングの調整をすべて完了してからインポートします。

編集/プロファイルを指定 を選択して、カラープロファイルダイアログを開きます。

出力形式に適したビデオ用カラープロファイルを選択します:

  • Rec. ITU-R BT.601:標準解像度の NTSC または PAL ビデオの場合
  • Rec. ITU-R BT.709:高解像度ビデオの場合

OK を選択してプロファイルを埋め込み、After Effects で色を正しく解釈できるようにします。

ファイルを PSD 形式で保存します。

注意

After Effects にインポートした後で Photoshop のレイヤー名を変更したり、レイヤーを削除したりすると、After Effects の「プロジェクト」パネルではそれらのレイヤーが見つからないものとして表示されます。ワークフローの中断を避けるため、最初にインポートする前にレイヤー構造を確定しておきます。