Photoshopのツールバー解説 vol.001

Photoshopの基本中の基本であるツールバーの解説をします。
ツールバーの内容は使い切れないくらいの機能が満載ですが、中身と使い方を知らないと自分が使ったことがあるものだけで終わってしまいます。
そこで自分の備忘録のためにも基本のツールバーの機能をひとつずつ解説していきます。

vol.001は「移動ツール」、「アートボードツール」です。

ツールバーの表示

標準のツールバー

ツールバーはフォトショップのワークスペース（新規画面や既存の画像を開いた時の画面）の左側に縦並びに表示されています。

デフォルトで表示されるアイコンは全てが表示されているわけではありません。
自分がよく使うアイコンの順番や数を、いつでもカスタマイズすることができるので作業性で選択していきましょう。

編集→ツールバー

ツールバーを編集する画面を表示させるのは上部メニューの「編集」から下の方にある「ツールバー…」を選択すると表示されます。もしくは
ツールバーの中から表に出ていないツールを確認するのアイコンを長押しまたは右クリックで隠れているツールのアイコンが出てきます。その中から「ツールバーを編集…」を選択すると「ツールバーをカスタマイズ」のパネルが表示されます。

ツールバーから表示

ツールバーをカスタマイズ

隠れているツールを表示させるには

ツールで表示がされている中に使いたいマークが出ていない時は、マークの右下に三角があるマークの三角を長押し、または右クリックで隠れているツールのマークが表示されます。

移動ツール

移動ツール

「移動ツール」はPhotoshopで表示されるツールヒントでは「選択範囲またはレイヤーを移動」となっています。

アートボードツール

アートボードツール

「アートボードツール」はPhotoshopで表示されるツールヒントでは「複数のカンパスを作成、移動、サイズ変更」となっています。

アートボードの作り方

アートボードの新規作成

ファイル→「新規」で「新規ドキュメント」のダイアログが表示されます。

アートボードの新規作成

サイズの設定をし、右側の「プリセットの詳細」設定の中にある「アートボード」にチェックを入れます。

アートボードの新規作成

アートボードとして作成をすると左上に「アートボード1」という名称がついたカンバスが作成されます。

アートボードの時のレイヤー

この時のレイヤーは「アートボード1」の下部にまっさらのレイヤーが作られています。
名称はこのレイヤー上の「アートボード1」の部分をダブルクリックして文字を打ち換えることができます。

アートボードの使い方

アートボードのオプションバー

アートボードのサイズのプリセット

「サイズ」の部分の「カスタム」となっているセレクトを開くといろんなデバイスのサイズがセットされています。
webデザインのカンプを作る時、簡単にPC用、スマホ用、タブレット用のデバイスのサイズを設定することが可能です。アートボードを必要な数作成してから、レイヤーでアートボードを選択しそれぞれのサイズを設定しましょう。

アートボードの追加

アートボードの追加

アートボードを追加する時はアートボードの上下左右にあるのマークのいずれか、足したい方向の＋マークをクリックすると同じサイズのアートボードが追加されます。

デザインカンプ作りに便利

各アートボードに画像やオブジェクトが入るとレイヤーパネル上のアートボードにレイヤーが作られます。

アートボードの時のレイヤー

レイヤーを見ると、それぞれのアートボードの中にレイヤーが作られています。アートボード上に部品を重ねてデザインレイアウトをしていく感じです。

アートボードでカンプ作り

アートボードの便利な使い方

アートボードはデザインレイアウトに便利な機能だということがわかりましたが、複雑なデザインのものを全て同じpsdにアートボードを作ると容量が多くなりパフォーマンスが厳しくなる感じします。最近のmacでは見かけませんが、一応気をつけておかないと突然固まって保存されずに再起動…。なんてことも起こるかもしれません。
保存はこまめにしておきましょう。

2020年5月18日 Photoshopのツールバー解説 vol.002