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

3 min 73 views
Photoshopアートボード使い方

こんにちは!カメラマンのけいすけ (@Photo_0101)です!

Photoshop歴は15年です。

https://ksk-h.com/wp-content/uploads/2018/11/kame_400B.png

カメさん

アートボードってなに?

https://ksk-h.com/wp-content/uploads/2018/11/usa_400B.png

ウサギさん

それどうやって使うの?

っと悩んでいませんか?

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

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

アートボードとは?

Photoshopアートボードの使い方

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

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

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

https://ksk-h.com/wp-content/uploads/2018/11/hiyoko_400B.png

ヒヨコさん

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

https://ksk-h.com/wp-content/uploads/2018/11/hiyoko_400B.png

ヒヨコさん

Photoshopアートボードツール

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

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

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

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

Photoshopアートボード追加方法

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

https://ksk-h.com/wp-content/uploads/2018/11/hiyoko_400B.png

ヒヨコさん

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

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

Photoshopアートボード追加方法

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

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

Photoshopアートボード追加方法

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

https://ksk-h.com/wp-content/uploads/2018/11/hiyoko_400B.png

ヒヨコさん

アートボードの移動方法

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

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

Photoshopアートボード移動

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

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

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

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

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

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

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

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

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

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

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

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

https://ksk-h.com/wp-content/uploads/2018/11/hiyoko_400B.png

ヒヨコさん

アートボード削除方法

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

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

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

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

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

Photoshopアードボード削除方法

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

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

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

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

Photoshopアードボード削除方法

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

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

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

Photoshopアートボード書き出し

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

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

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

まとめ

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

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

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

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

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

長谷川敬介

長谷川敬介

プロカメラマン。カメラ歴は12年。
料理写真がメインで、200店舗以上撮影。
「写真の楽しさを広めたい」をモットーにブログを書いてます。
記事を読んでわからないことがあったらお気軽にコメントください。その際は「カメラ歴」「使用カメラ」「パソコン(Win・Mac)」など教えて頂けると嬉しいです。

FOLLOW

カテゴリー:
関連記事

コメントを残す

メールアドレスが公開されることはありません。 * が付いている欄は必須項目です

AI(人工知能)搭載の画像編集ソフトを使ってみた
レビュー記事はこちら
AI(人工知能)搭載の画像編集ソフトを使ってみた
記事を見る