Photoshopでアートボードを追加する方法を現役エンジニアが解説【初心者向け】

Photoshopでアートボードを追加する方法について、TechAcademyのメンター（現役エンジニア）が初心者向けに解説します。

なお本記事は、TechAcademyのオンラインブートキャンプPhotoshop講座のカリキュラムをもとに執筆しています。

 

目次

• アートボードとは
• アートボードを追加する方法
• アートボードの基本的な使い方
• まとめ

 

アートボードとは

Photoshop CC 2015から追加された新機能で、1つのPSDファイルの中にアートボードと呼ばれるカンバスのようなものをいくつも作成することができます。

作成されたアートボードは、独立しているため、個別にサイズやレイヤーの変更を加えても他のアートボードには影響は及びません。

 

[PR] Webデザインで副業する学習方法を動画で公開中

アートボードを追加する方法

ツールバーの「アートボードツール」をクリックするか、または、ウィンドウ内の「アートボード名」をクリックします。

アートボードの上下左右に表示された「＋」ボタンをクリックし、アートボードを追加します。

アートボードは、クリックされたボタンの方向に、追加されます。

 

アートボードの基本的な使い方

アートボードの新規作成

ファイル新規作成時にアートボードを作成する。Photoshopで、ファイルを新規作成する際に、「アートボード」にチェックを入れ「作成」します。

ファイル作成後にアートボードを作成するレイヤーパネルの「三」ー「アートボードを新規作成」をクリックします。

ダイヤローグボックスにアートボードの名前を設定し、「OK」をクリックし確定します。

アートボードの移動「アートボード名」をドラッグすると、アートボード全体を移動することができます。

アートボードの複製複製したいアートボードのレイヤー上を右クリックし、メニューの「アートボードを複製」をクリックします。

ダイヤローグボックスにアートボードの名前を設定し、「OK」をクリックし確定します。

アートボードの削除削除したいアートボードのレイヤー上を右クリックし、メニューの「アートボードを削除」をクリックします。

 

まとめ

アートボードを利用すると、Webサイト用のデザインカンプやバナーなどサイズの違う複数のデザインを1つのPSDファイル内で管理できるので、とても便利です。

 

監修してくれたメンター

メンターOM Webデザインの勉強のためロサンゼルスに留学。 その後、現地のWeb制作会社に就職し、Webデザイナーとしてのキャリアをスタート。 現在もロサンゼルスで働く傍ら、フリーランスのWebデザイナーとして、 アメリカだけでなく日本からのWeb制作も請け負う。 また、画像のリタッチが得意なので、しばしばリタッチの依頼も請け負う。

 

 

TechAcademyでは初心者でも1週間でフォトレタッチをマスターできるオンラインブートキャンプ Photoshop講座を開催しています。

現役デザイナーに毎日チャットで質問することができます。