MENU

【Photoshop】複数のPSDデータからJPGやPNGを出力する方法

f:id:min0124:20160828093050p:plain

【Photoshop】テンプレートから文字や画像を差し替えて、大量にデータを作成する方法 - CGメソッド

から大量にPSDデータを作成した後、JPGやPNG画像を出力する方法の紹介です。

アクション作成して、バッチ処理がセオリーだと思いますが、今回はイメージプロセッサー機能を使用してみました。

PSDからJPGを出力

ファイル>スクリプト>イメージプロセッサーを実行

下記のような設定で、実行を押すとJPGが書き出されます。

f:id:min0124:20170708142830p:plain

PSDからPNGを出力

環境構築

通常のイメージプロセッサーからはPNGを出力できません。カスタムされたイメージプロセッサーを使用します。

下記から、ImageProcessorPro-3_x.zipをダンロードします。

解凍して、

icons Image Processor Pro Image Processor Pro.jsx Image Processor Pro.xml

C:\Program Files\Adobe\Adobe Photoshop CC 2017\Presets\Scriptsに格納。

Photoshopを開き、Image Processor Pro.jsxのスクリプトを起動します。

イメージプロセッサーPro

使い方は普通のイメージプロセッサーと同じです。

ファイル形式をPNGにしてやります。

f:id:min0124:20170708163054p:plain

他にも様々なファイル形式に変換することが可能です。

f:id:min0124:20170708163254p:plain