料理写真の専門家 ・フードフォトグラファー

Photoshop2019アートボードを使ってみよう!

 
Photoshopアートボード使い方
スポンサードリンク

スポンサードリンク

この記事を書いている人 - WRITER -
料理専門のプロカメラマン
写真歴12年・Photoshop歴15年・フリーランス歴5年
【撮影実績】Samantha Thavasa SWEETS、宅麺、中華そば四つ葉、パイホリックなど200店舗以上。
「写真好きな人もっと増えてしまえ!」がモットー!
詳しいプロフィールはこちら

こんにちは!カメラマンのケイスケ (@Photo_0101)です!

アートボードってなに?

カメさん

それどうやって使うの?

ウサギさん

っと悩んでいませんか?

この記事では、アートボードの使い方についてお伝えしますね!

では一緒にやっていきましょう!


スポンサードリンク



アートボードとは?

Photoshopアートボードの使い方

アートボードとは、Photoshop CC 2015から追記された機能です。

アートボードは、一つのファイルで複数のデザインを管理することができます。

例えば、複数サイズのバナー広告やデザインを作る時に便利ですね!

ヒヨコさん

ただその分、ファイルサイズは大きくなってしまう傾向があるので注意してください。

では早速使ってみましょう!

アートボードを新規作成してみよう

まず、画面上部のファイル」から「新規」をクリックします。

Photoshopアートボードを新規作成してみよう

新規ドキュメントの画面が表示されます。

サイズなど設定後、アートボードにチェックを入れて「作成」をクリックします。

Photoshopアートボードを新規作成してみよう

これで無事にアートボードが作成されました。

Photoshopアートボードを新規作成してみよう


スポンサードリンク


アートボードを追加しよう

アートボードのメリットは複数のデザインを管理できることなので、ぜひ追加方法もマスターしましょう。

アートボードの追加方法は2パターンあります。

  1. 画面上部のオプションバーから追加する
  2. アートボードの上下左右にある「+」をクリックする

① 画面上部のオプションバーから追加する

まず、左側のツールパレットから「アートボード」を選択するか、アードボードの名前の部分をクリックします。

移動ツールをマウスで長押しすると、アートボードツールが出てくるよ!

Photoshopアートボードツール

ヒヨコさん

アートボードツールを選択すると、画面上部にアードボードのオプションバーが表示されます。

オプションバーにあるアートボードを追加」のボタンをクリックします。

Photoshopアートボードを追加しよう

その後、任意の場所でクリックするとアードボードが追加されます。

Photoshopアートボード追加方法

好きな位置にアートボードを配置できます!

ヒヨコさん

② アートボードの上下左右にある「+」をクリックする

アートボードの上下左右にある「」をクリックすることで、追加することもできます。

Photoshopアートボード追加方法

どの「」をクリックするかによって、追加のアードボードの位置が変わります。

例えば、右にある「」をクリックすると、新しいアードボードは右側(真横)に追加されます。

Photoshopアートボード追加方法

整った配置でアートボードを使う場合はこちらの方が早くて便利!

ヒヨコさん

アートボードの移動方法

アートボードは好きな位置に移動させることができます。

やり方は、「移動ツール」か「アートボードツール」を選択した状態で、アートボードの名前の部分をドラッグすると、位置を移動できます。

Photoshopアートボード移動

アートボードのサイズを変更しよう

サイズ変更のやり方も2つあります。

  1. 画面上部のオプションバーでサイズ変更
  2. アートボードの四隅をドラッグ

① 画面上部のオプションバーでサイズ変更

移動ツール」か「アートボードツール」を選択した状態で、サイズを変更したいアートボードの名前の部分をクリックして選択します。

次に画面上部のオプションバーで、サイズを変更します。

Photoshopアードボードサイズ変更

② アートボードの四隅をドラッグ

ツールバーで移動ツール」か「アートボードツール」を選択します。

そしてサイズ変更したいアートボードの四隅をドラッグしてサイズ変更します。

Photoshopアードボードサイズ変更

こちらの方が直感的で早くサイズ変更できます。ドラッグ中、サイズも表示してくれるので便利です!用途に応じて使い分けてください!

ヒヨコさん

アートボード削除方法

アートボードの削除方法も2つあります。

  1. キーボードのdeleteで削除する
  2. レイヤーパネルから削除する

① キーボードの「delete」を押す

「移動ツール」か「アートボードツール」にした状態で、削除したいアートボードを選択します。

選択したら、キーボードの「delete」を押せば、そのアートボードは削除されます。

Photoshopアードボード削除方法

② レイヤーパネルから削除する

レイヤーパネルから削除することもできます。

レイヤーパネル上で、削除したいアートボードを右クリック。

アートボードを削除」を選択で削除できます。

Photoshopアードボード削除方法

アートボードを書き出してみよう

書き出し方は複数あるのですが、ここではクイック書き出しをやってみましょう!

画面上部のメニューからファイル書き出しクイック書き出し」を選択します。

Photoshopアートボード書き出し

これで無事に書き出しが完了です!

関連:Photoshopの「クイック書き出し」「書き出し形式」の使い方

関連:Photoshop CC2019「Web用に保存」「書き出し形式」の違いと比較

まとめ

以上、Photoshopのアートボードの使い方をお伝えしました。

僕は写真を扱うことがメインなので、今までアートボードは使ったことなかったのですが、こうして使ってみると便利ですね。

(今後どう使うかはわかりませんが、色々使ってみないと時代に乗り遅れそう。笑)

あなたもぜひ使ってみてください。

今回は以上です。ありがとうございます!

この記事を書いている人 - WRITER -
料理専門のプロカメラマン
写真歴12年・Photoshop歴15年・フリーランス歴5年
【撮影実績】Samantha Thavasa SWEETS、宅麺、中華そば四つ葉、パイホリックなど200店舗以上。
「写真好きな人もっと増えてしまえ!」がモットー!
詳しいプロフィールはこちら

Copyright© 料理写真の専門家 | 長谷川敬介 KSクリエイト , 2019 All Rights Reserved.