Photoshop│「レイヤーをファイルに書き出し」の使い方

Photoshopには、標準機能として利用できる公式スクリプトが複数用意されています。

ここでは、「レイヤーをファイルに書き出し」を使い、レイヤーごとに画像を書き出す手順を解説します。

レイヤーを1枚ずつ保存する手間を減らせます。

標準機能では接頭辞などが加わるため、ファイル名をレイヤー名だけに揃えたい場合は書き出し結果を確認してください。

Photoshopの「レイヤーをファイルに書き出し」の使い方

STEP.1 連番をインポート

1. [ファイル] → [スクリプト] → [ファイルをレイヤーとして読み込み]を選択し、連番画像を読み込みます。
2. 読み込み後にレイヤー名の並びを確認します。すでにPSDに必要なレイヤーがある場合は、この読み込み操作を省略できます。

STEP.2 レイヤーの順序を確認する

1. 順序を反転したいレイヤーを選択して、[レイヤー] → [重ね順] → [逆順]を使います。自動で名前順に並べ替える機能ではないため、もともと目的の順序なら操作は不要です。

STEP.3 書き出し

1. 現行のデスクトップ版では[ファイル] → [書き出し] → [レイヤーをファイルに書き出し]を選びます。掲載画像は旧版のため、[スクリプト]内にある表示と区別してください。

STEP.4 書き出し結果

• 書き出された画像は、先頭文字列__0000_01.pngのようなファイル名で出力されます。
• 掲載例の旧版では接頭辞・連番・レイヤー名が付いていました。使用中の版でも、少数のレイヤーで命名結果を確かめてから一括出力します。
• また、レイヤー数が多いと処理時間が長くなりやすい点に注意が必要です。

スクリプト改良版（高速書き出し）

以下はレイヤーごとのPNG書き出し用スクリプトyogurtの配布先です。

現行Photoshopでの速度比較や動作確認は行っていないため、標準機能で不足する場合の候補として紹介します。

インストール方法

1. 紹介されているGitHubからスクリプトファイルを入手します。
2. \Presets\Scripts\配下にExportLayersToFile.jsxとして保存します。
3. Photoshopを再起動後、[ファイル] → [スクリプト]から実行します。

同名レイヤーやファイル名に使えない文字がある場合は、出力先のファイルを確認します。

まずPSDのコピーと空の出力フォルダで試し、既存データへの影響を避けてください。

Photoshopの他の操作方法は、まとめ記事でも紹介しています。

複数のPSDからまとめて書き出す手順は、こちらを参照してください。

読み込みと書き出しの記事は、ほかにもあります。

まとめ

「レイヤーをファイルに書き出し」を利用すると、複数レイヤーの一括画像化を効率化できます。

標準機能の処理速度や命名ルールが合わない場合は、GitHubで公開されているカスタムスクリプトの導入を検討してください。

用途やレイヤー数に合わせて適切な書き出し方法を選択し、作業効率を高めましょう。

書き出しダイアログでは保存先、接頭辞、形式を指定します。

表示中のレイヤーだけを対象にしたい場合は「表示されているレイヤーのみ」を選び、実行後に枚数・透過・色を確認してください。