Photoshopスクリプト（jsx）│複数ページのPDFをレイヤーとして読み込む方法

2025年3月19日2026年10月29日

Adobe XDや他のデザインツールで作成したPDFをPhotoshopに取り込む際、各ページをレイヤーとして読み込みたい場面があります。

この記事では、複数ページのPDFを1ページずつ画像化し、レイヤーにまとめる手順を解説します。

文字やベクターを元の編集可能な要素として取り込む処理ではありません。

掲載コードは300 ppi・CMYK・8bit・トリムボックス指定です。2026年10月29日に、PDFOpenOptionsの警告抑制プロパティ名をAdobeのJavaScript Scripting Reference 2020に合わせ、supressWarningsからsuppressWarningsへ修正しました。以下の10月16日の実機記録は修正前のコードによるもので、この1行を直した版は実機で再実行していません。

2026年10月16日に、Adobe Photoshop 2026（27.11.0）とWindows 11 Pro（10.0.26200）で、記事のコードを練習用の3ページのPDFに使い、3ページが3枚のレイヤーになることを確かめました。

ページの大きさが違うPDFの扱いと、実行後にPhotoshopに残る設定についても、結果を追記しています。

Adobe XDからのPDF出力手順

Adobe XDでデザインを作成します。

[書き出し] > [すべてのアートボード] > [単一のPDFファイル] を選択してPDFを出力します。

Adobe XDのメニューから書き出し、すべてのアートボード、単一のPDFファイルを選択してPDFを出力する画面。

Adobe XDからの書き出しは、今回は試していません。

下の確認では、別のツールで作った練習用のPDFを使いました。

PDFをレイヤーとしてPhotoshopに読み込む手順

1. スクリプトの準備

先に作業中の文書を保存し、少ないページ数のPDFで試してください。

実行前のダイアログ設定と背景色を控えます。

このコードはPDFの選択前に設定を変え、キャンセルしても戻しません。

下記のコードをテキストエディタに貼り付け、ファイル名を「PDF_Pages_to_Layers.jsx」として保存します。

Photoshopの他の操作については、関連記事のまとめも参照してください。

あわせて読みたい

Photoshopの使い方｜保存・レイヤー・一括処理から探す Photoshopでやりたい作業から記事を選べます。複数の画像に同じ編集を繰り返す場合は「アクション・一括処理」、JSXファイルを初めて使う場合は「スクリプトの導入・実…

PDF_Pages_to_Layers.jsx

#target photoshop
app.bringToFront();
displayDialogs = DialogModes.NO;

var myMaxPages = 100;
var myCounter = 1;
var myResolution = 300;
var myColor = OpenDocumentMode.CMYK;

app.backgroundColor.rgb.red = 255;
app.backgroundColor.rgb.green = 255;
app.backgroundColor.rgb.blue = 255;

var _pdfDatei = File.openDialog("PDFファイルの選択");
var myDatei = "" + _pdfDatei;
var myEndung = myDatei.substr(myDatei.length-4,4);

if (myEndung !== ".pdf") {
    alert("選択されたPDFがありません。", "ファイル選択エラー");
} else {
    var pdfOpenOptions = new PDFOpenOptions;
    pdfOpenOptions.antiAlias = true;
    pdfOpenOptions.mode = myColor;
    pdfOpenOptions.bitsPerChannel = BitsPerChannelType.EIGHT;
    pdfOpenOptions.resolution = myResolution;
    pdfOpenOptions.suppressWarnings = true;
    pdfOpenOptions.cropPage = CropToType.TRIMBOX;
    pdfOpenOptions.page = myCounter;

    open(_pdfDatei, pdfOpenOptions);
    var myDocument1 = app.activeDocument;
    var myLayerName = app.activeDocument.name;
    myDocument1.activeLayer.name = myLayerName;

    for (myCounter = 2; myCounter < myMaxPages; myCounter++) {
        try {
            pdfOpenOptions.page = myCounter;
            open(_pdfDatei, pdfOpenOptions);
            myLayerName = app.activeDocument.name;
            app.activeDocument.activeLayer.name = myLayerName;
            app.activeDocument.selection.selectAll();
            app.activeDocument.selection.copy(true);
            app.activeDocument.close(SaveOptions.DONOTSAVECHANGES);
            app.activeDocument = myDocument1;
            myDocument1.paste();
            myDocument1.activeLayer.name = myLayerName;
        } catch (e) {
            alert("Done");
            myCounter = myMaxPages;
        }
    }
}

スクリプトファイルを保存し、PhotoshopのPresets内にあるScriptsフォルダに配置します。C:\Program Files\Adobe\Adobe Photoshop CC\Presets\Scripts
配置後、Photoshopを再起動します。

Photoshop 2026では、フォルダー名は「Adobe Photoshop 2026」で、C:\Program Files\Adobe\Adobe Photoshop 2026\Presets\Scripts にありました。

[ファイル] > [スクリプト] > [参照] から実行するだけなら、このフォルダーに置かなくても動きました。

今回は作業用のフォルダーに保存したまま実行しています。

Scriptsフォルダーに置いてメニューの一覧に出す方法と、置いた後の再起動は、今回は試していません。

2. スクリプトの実行

Photoshopを起動します。
[ファイル] > [スクリプト] > [参照]からPDF_Pages_to_Layers.jsxを選択して実行します。
読み込みたいPDFファイルを選択すると、各ページが個別のレイヤーとして自動で読み込まれます。

Photoshopでスクリプトを実行し、選択した複数ページのPDFが個別のレイヤーとして自動で読み込まれた画面。

Photoshop 2026で3ページのPDFを読み込んだ結果

2026年10月16日に、Adobe Photoshop 2026（27.11.0）とWindows 11 Pro（10.0.26200）で、記事のコードを変えずに保存して試しました。

読み込んだのは、1ページが4×3インチで、ページごとに色と「PAGE 1」〜「PAGE 3」の文字を変えた、練習用の3ページのPDFです。

[ファイル] > [スクリプト] > [参照] でスクリプトを選ぶと、「PDFファイルの選択」という画面が開きます。

PDFを選んで[OK]をクリックすると、2ページ目以降が別のタブで開いては閉じ、最後に「スクリプト警告」という小さな画面に「Done」と表示されました。

[OK]で閉じると、1つのドキュメントに3枚のレイヤーができていました。

確かめたこと	結果
レイヤーの数	3枚（PDFのページ数と同じ）
レイヤーの名前	`sample-3pages-1.pdf`〜`sample-3pages-3.pdf`（ファイル名にページ番号が付く）
重なり順	最後のページが一番上、1ページ目が一番下
各レイヤーの中身	下から赤・緑・青で、PDFの1〜3ページ目と一致
位置	3枚ともカンバスにぴったり重なり、ずれなし
ドキュメント	名前はsample-3pages-1.pdfで未保存、1200×900 px、300 ppi
カラーモード	CMYK、8 bit/チャンネル

Photoshopで3ページのPDFをスクリプトで読み込み、レイヤーパネルにsample-3pages-1.pdfからsample-3pages-3.pdfまでの3枚のレイヤーが並んだ画面 — 2026-10-16撮影。Adobe Photoshop 2026 (27.11.0)、Windows 11 Pro (10.0.26200)。練習用の3ページのPDFを記事のスクリプトで読み込んだ実機画面。レイヤーパネルに3ページ分のレイヤーが並び、一番上の3ページ目（青）がカンバスに表示されている。

3枚とも表示された状態なので、下のページを見るときは、上のレイヤーの目のアイコンで表示を切り替えます。

読み込んだ直後のドキュメントは未保存です。元のPDFとレイヤー数・順番・各ページの内容を照合したら、［ファイル］→［別名で保存］で新しい名前を指定し、Photoshop（PSD）形式と［レイヤー］を選んで保存します。開き直してページごとのレイヤーが残っていることを確認してください。この保存操作の案内は今回実機では再確認していません。

解像度とカラーモードは、コードの myResolution = 300; と var myColor = OpenDocumentMode.CMYK; で決まります。

この2行を変えた版は、今回は試していません。