Photoshopのアートボードの書き出し手順を紹介します。

手順

事前準備

ドキュメントを作成し、複数のアートボードを作成します。アートボードの作成に関してはこちらのページを参照してください。


アートボードに描画します。今回は下図の画像を用意しました。

PNG形式で書き出す場合

[ファイル]メニューの[書き出し]の[PNG としてクイック書き出し]をクリックします。


[フォルダを選択]ダイアログが表示されますので、書き出し先のフォルダを指定します。指定後[OK]ボタンをクリックします。


画像の書き出しが実行されます。書き出し先のフォルダを確認すると、アートボードの画像がそれぞれ別ファイルで書き出されています。

PNG形式以外で書き出す場合

[ファイル]メニューの[書き出し]の[書き出し形式]をクリックします。


[書き出し形式]のダイアログが表示されます。


ダイアログ右上の[形式]コンボボックスを開きます。


コンボボックスのドロップダウンリストから書き出し形式を指定します。


書き出し形式を[JPG]に設定しました。ダイアログの右下の[すべてを書き出し...]ボタンをクリックすると画像の書き出しが実行されます。


上記の方法でJpeg形式での書き出しができますが、"9"の画像のみJpegファイルで出力されます。これは、他のアートボードの書き出し形式はPNGファイルのままのためです。

[ファイル]メニューの[書き出し]の[書き出し形式]をクリックし、[書き出し形式]のダイアログを表示します。左側のアートボードのリストで一番上のアートボードをクリックして選択します。続いて[SHIFT]キーを押しながら一番下のアートボードをクリックすると、すべてのアートボードを選択できます。
アートボードをすべて選択した状態でコンボボックスのドロップダウンリストを開きます。


書き出し形式を選択します。


今回は、Jpeg形式でファイルを書き出します。ダイアログ右下の[すべてを書き出し...]ボタンをクリックします。


アートボードの書き出しが実行されます。書き出し先のフォルダを確認すると、アートボードの画像がJpeg形式で書き出されていることが確認できます。


以上の手順でアートボードごとに画像を保存することができました。