【ガイド】センターとマージンにすばやくガイドを引く

【ガイド】センターとマージンにすばやくガイドを引く【新規ガイドレイアウトを作成】

【Photoshop基本操作】ドキュメントの中央を示すガイドは、画像のトリミングや文字の配置などで頼りになるものです。[新規ガイドレイアウトを作成] を利用すれば、どんなサイズの画像にも、計算なしで瞬時にセンターガイドが引けます。レイアウトには必須のマージンガイドもあわせて設定しましょう。



[列] と [行] の意味を知ろう!
[新規ガイドレイアウトを作成] に [列] という設定項目があります。これはドキュメントを均等に縦割りするもので、文字列の領域を示すものです。ということは、隣に置く文字列との間隔が必要になるので、初期設定では「20 px」という数値が設定されています。[行] はドキュメントを均等に横割りするもので、[列] と同じく[間隔] が設定できます。いずれも文字列の領域を示し、[列] は縦割り、[行] は横割りです。
基本がわかる動画を配信中!
チャンネル登録をお願いします!

文字列のレイアウトを自動計算する

[新規ガイドレイアウトを作成] は、主に文字列の配置を決めるためのガイド作成に使用します。フリーハンド (手動方式) でガイドを引く、または指定した位置にガイドを作成したい場合には向いていません。マージンを含めたドキュメントサイズに適した縦割り、横割りを自動計算し、複数のガイドを瞬時に作成することができます。

[新規ガイドレイアウトを作成] を選択する

[表示] メニューから、[新規ガイドレイアウトを作成] を選択します。すると、[新規ガイドレイアウトを作成] ダイアログが表示されます。ドキュメントには初期設定のガイドが表示されます。
初期設定のガイドが表示される (標準ドキュメント時)
初期設定のガイドが表示される (標準ドキュメント時)
photo by AdinaVoicu

[新規ガイドレイアウトを作成] の概要

[新規ガイドレイアウトを作成] ダイアログを表示すると、前回の設定 (初期設定) が保存されていて、ドキュメントには現在の設定としてガイドがプレビューされます。
[新規ガイドレイアウトを作成] ダイアログ
[新規ガイドレイアウトを作成] ダイアログ
プリセット
あらかじめ設定されたガイドが選択できます。設定したガイドを新しいプリセットとして保存したり、他のプリセットの読み込みや、メニューから削除することもできます。
ターゲット
対象のドキュメントに、[アートボード] (オブジェクト以外の余白領域) を設定している場合、選択したアートボード、すべてのアートボードが選択できます。
ドキュメントを均等に縦割りする数、幅、間隔を設定できます。幅は列全体の長さを設定する場合に用います。
ドキュメントを均等に横割りする数、高さ、間隔を設定できます。高さは行全体の長さを設定する場合に用います。
マージン
ドキュメントの四辺にレイアウトに必要な余白領域を設定できます。
列を中央に揃える
チェックマークを入れると、マージンを差し引いた領域の列、行を設定できます。
既存のガイドを消去
チェックマークを入れると、それまでに作成していたガイドが消去され、新しく設定するガイドのみを表示します。チェックマークを外すと、それまでに作成していたガイドと、新しく設定するガイドを表示します。
ガイドとは?
ガイドとは、プリント出力では反映されない仮の基準線です。合成画像や文字などの配置を目安にしたり、スナップで吸着させたい場合などに使用します。

センターガイドの縦割り線を設定する

[新規ガイドレイアウトを作成] ダイアログで、[既存のガイドを消去] にチェックマークを入れます。
[マージン] のチェックマークを外します。
[列] にチェックマークを入れます。
[数] に「2」を入力します。
[間隔] に「0 px」を入力、または [delete] キーを押して、ボックス内の数値を消去します。
縦割りのガイドを設定
縦割りのガイドを設定
ドキュメントを均等に縦割りするセンターガイドが作成できた
ドキュメントを均等に縦割りするセンターガイドが作成できた
未入力と「0 px」の違いは?
[間隔] に「0 px」を入力した場合、再設定時 (次回表示時) の入力ボックスは、自動的に未入力 (空欄) の状態になります。

センターガイドの横割り線を設定する

[行] にチェックマークを入れ、
[数] に「2」、
[間隔] に「0 px」を入力、または [delete] キーを押して、ボックス内の数値を消去します。
横割りのガイドを設定
横割りのガイドを設定
ドキュメントを均等に横割りするセンターガイドが作成できた
ドキュメントを均等に横割りするセンターガイドが作成できた
[列] と [行] の2等分線!
ドキュメントを縦割りする [列] の [数] に「2」、横割りする [行] の [数] に「2」を設定することで、センター位置を十字に示すガイドが作成できます。

マージンガイドを設定する

[新規ガイドレイアウトを作成] ダイアログで、[マージン] にチェックマークを入れます。
[上] に「80 px」、[左] に「80 px」、[下] に「80 px」、[右] に「80 px」を入力します。
[OK] をクリックします。
[マージン] にチェックマークを入れる
[マージン] にチェックマークを入れる
指定したサイズのマージンガイドが作成できた
指定したサイズのマージンガイドが作成できた
[列] と [行] の2等分線!
[マージン] の設定値は、ドキュメントサイズに関係なく適用されます。ガイドの表示/非表示の切り替えは、[command (Ctrl)] + [:] キーで行います。
基本がわかる動画を配信中!
チャンネル登録をお願いします!

ガイドの作成 (フリーハンド)

Photoshop では、ドキュメントの表示倍率に関係なく、幅 1 pixel のガイドが作成できます。ガイドの色や形態は、[Photoshop CC (編集)]メニューから、[環境設定] → [ガイド・グリッド・スライス] を選択すると設定できます。初期設定では、[カンバス] には [シアン / 実線]、[アートボード] には [ライトブルー / 実線] が設定されています。
[表示] → [定規] (CS 5 〜)
[ビュー] → [定規] (CS 4)
ショートカットキー : [command (Ctrl)] + [R]

[定規]からガイドを引き出す

画面に [定規] を表示し、水平方向のガイドを作成したい場合は、画面上側の定規からドラッグ、垂直方向のガイドを作成したい場合は、画面左側の定規からドラッグします。ガイドを定規の目盛りにピッタリ合わせたい場合は、[shift] キーを押しながらドラッグします。
定規からドキュメントへ [shift] + ドラッグ → 定規の目盛りごとに位置が合わされる

ガイドをドキュメントに配置する

マウスボタンを離すと、その位置に青い線が作成されます。定規からドラッグしてガイドを引き出し、ドロップする直前に [shift] キーを押しても目盛りにスナップします。[shift] キーを併用しない場合は、ピクセルグリッドにスナップしない位置にガイドを作成します。
定規の目盛りに合わせてマウスボタンを離す → 定規の目盛りに合わせたガイドが作成できた
そもそも、ガイドって何?
ガイドとは、プリント出力では反映されない仮の基準線です。合成画像や文字などの配置を目安にしたり、スナップで吸着させたい場合などに使用します。定規の目盛りにスナップするガイドは、現在、表示されている定規の最小目盛り単位となります。たとえば、画面を 400% に拡大すれば、表示される定規の最小目盛り単位は1/4に細かくなります。

ガイドの移動と削除

作成したガイドは、現在の位置から移動したり削除することができます。これらの操作は、基本的に [移動ツール] で行いますが、他のツールを使用中でも、[Command (Ctrl)] キーを併用することで同様に行えます。

ガイドにマウスカーソルを合わせる

[ツール] パネルから、[移動ツール] を選択します。作成したガイドの上にマウスカーソルを合わせます。
すると、マウスカーソルが [ 移動ツールのカーソル ] から [ ガイドを移動するカーソル ] に変更されます。
マウスカーソルをガイドに合わせる → ガイドに合わせるとカーソルが変更される
他のツールを使っているときは?
他のツール使用中では、[Command (Ctrl)] キーを併用すると同様の操作が行えます。たとえば、[長方形選択ツール] が選択されているとき、[Command (Ctrl)] キーを押すと、一時的にマウスカーソルが [移動ツール] へ変わります。

ガイドをドラッグして移動する

マウスカーソルの変更を確認したら、マウスボタンを押してドラッグし、移動したい位置でマウスボタンを離します。
マウスボタンを押しながらガイドを移動 → 移動したい位置でマウスボタンを離す
目盛りにぴったり合わしたいときは?
定規の目盛りにスナップするガイドを作成したい場合は、[shift] キーを押しながらドラッグ&ドロップします。表示倍率が 100% より小さい場合は、ピクセルが間引かれて表示されているので、[shift] キーを併用しても、すべてのピクセルに対応できないので注意してください。

ガイドを削除する

ひとつのガイドを削除するには、マウスボタンを押しながらガイドを定規へドラッグして、マウスボタンを離します。定規にガイドを戻す感覚です。
マウスボタンを押しながらガイドを定規へ移動 → 定規でマウスボタンを離すとガイドを削除できる
すべてのガイドを削除するには?
[表示] メニューから、[ガイドを削除] を選択すると、すべてのガイドがまとめて削除できます。

正確なガイドの位置を入力

ドキュメントの座標値を入力して、正確なガイドの位置をしたい場合は、[新規ガイド] を設定します。ガイドの作成は、定規の目盛りに合わせる手動方式とは違って、それぞれのダイアログボックスで行います。

新規ガイド

[表示] メニューから、[新規ガイド]、バージョン CS 4 では、[ビュー] メニューから、[新規ガイド] を選択します。[新規ガイド] ダイアログで、画像の左上を基点 (0) とした数値を [位置] に入力して、[OK] をクリックします。
[新規ガイド] ダイアログを設定
[新規ガイド] ダイアログを設定
縦割り線と横割り線の選択!
ドキュメントを縦に割る [垂直方向]、ドキュメントを横に割る [水平方向] のいずれかの方向を選択して [位置] を入力します。一度の操作で設定できるガイドは1本のみ。複数のガイドを作成する場合は、数値を変えて同じ操作を繰り返します。

ガイドの表示・非表示

ガイドの表示・非表示とは、作成したガイドを保持しながら、一時的に表示・非表示する操作です。ガイドを非表示にすると、ガイドに吸着するスナップ機能の効きめがなくなるので、[ブラシツール] で自由に描画したい場合などに活用します。
[表示] → [表示・非表示] → [ガイド] (CS 5 〜)
[ビュー] → [表示] → [ガイド] (CS 4)
ショートカットキー : [command (Ctrl)] + [:]

表示・非表示を切り替える

[ガイド] の表示・非表示を切り替えるには、[表示] メニューから、[表示・非表示] → [ガイド]、バージョン CS 4 では、[ビュー] メニューから、[表示] → [ガイド] を選択します。メニュー名の [ガイド] にチェックマークが付いている状態が表示、付いていない状態が非表示です。表示・非表示は交互に入れ替わります。
[ガイド] を選択してチェックマークを外す
[ガイド] を選択してチェックマークを外す

スポンサード リンク