Photoshopでアートボードを追加する方法
![](https://tamatuf.net/wp/wp-content/uploads/2023/10/main-image-1.png)
Photoshopで作業するためのアートボードを追加する方法の備忘録です。
アートボードを作成することで、同じファイル内で異なるデザインを作成したり、複数の画像を書き出すことができます。
アートボードの新規作成
作業中のファイルに、アートボードを追加する方法です。
Photoshopで画像を開き、レイヤーパネルのオプションメニューをクリックします。
![](https://tamatuf.net/wp/wp-content/uploads/2023/10/psd01-1024x641.png)
表示されたメニューから「アートボードを新規作成…」をクリックします。
![](https://tamatuf.net/wp/wp-content/uploads/2023/10/psd02-1024x538.jpg)
アートボードの名称やサイズを設定して「OK」をクリックします。
![](https://tamatuf.net/wp/wp-content/uploads/2023/10/psd03-1024x538.jpg)
既存のレイヤーを含むアートボードが作成されました。
![](https://tamatuf.net/wp/wp-content/uploads/2023/10/psd04.png)
表示されているアートボードの名前は、レイヤーの名称をダブルクリックで変更できます。
ファイル作成時にアートボードも作成する
Photoshopでファイルを新規作成するタイミングで、アートボードも一緒に作成することができます。
「新規ファイル」をクリックして新規ドキュメントが開いたら、「アートボード」にチェックを入れて「作成」をクリックします。
![](https://tamatuf.net/wp/wp-content/uploads/2023/10/psd05-1024x614.png)
アートボードにレイヤーがある状態で、ファイルが作成されました。
![](https://tamatuf.net/wp/wp-content/uploads/2023/10/psd06-1024x614.png)
アートボードの追加
既にアートボードがある状態で、別のアートボードを追加する方法です。
ツールから「アートボードツール」を選択します。見当たらない場合は、移動ツールを長押しすると表示されます。
![](https://tamatuf.net/wp/wp-content/uploads/2023/10/psd07-1024x538.jpg)
アートボードツールで任意の位置をドラッグすると、新しいアートボードが追加されます。
![](https://tamatuf.net/wp/wp-content/uploads/2023/10/psd08-1024x538.png)
アートボードの複製
既にあるアートボードは、同じサイズで複製することができます。
アートボードツールを選択して、アートボードの横にある丸囲みの[+]をクリックします。
![](https://tamatuf.net/wp/wp-content/uploads/2023/10/psd09-1024x538.png)
クリックしたマークの方向に、同じサイズのアートボードが複製されます。
![](https://tamatuf.net/wp/wp-content/uploads/2023/10/psd10-1024x538.png)
レイヤーも複製する
Altキー(MacはOptionキー)を押しながらマークをクリックすると、アートボード内のレイヤーも含めて複製することができます。
![](https://tamatuf.net/wp/wp-content/uploads/2023/10/psd11-1024x538.png)
アートボードの書き出し
アートボードごとに画像を書き出す方法です。「Web用に保存」など通常の書き出しでは、アートボードごとに画像を分けて書き出すことができないため、書き出し形式から保存します。
上部メニューの「ファイル」から、「書き出し」>「書き出し形式…」をクリックします。
![](https://tamatuf.net/wp/wp-content/uploads/2023/10/psd12-1024x662.jpg)
書き出し形式ウィンドウが表示されるので、書き出すアートボードにチェックが入っていることを確認し、右下の「書き出し」ボタンをクリックします。
![](https://tamatuf.net/wp/wp-content/uploads/2023/10/psd13-1024x741.png)
画像を書き出すフォルダを選択して「保存」ボタンをクリックすれば書き出しは完了です。