デザイン 作りたい

Photoshop(フォトショ)でガイド線を作成する方法!真ん中や等間隔にも簡単に表示!

Photoshop(フォトショ)でガイド線を作成する方法!真ん中や等間隔にも簡単に表示!

Photoshop(フォトショップ)をガイド線

  • 自由な位置に
  • センターなど、数値で指定した位置に
  • 等間隔に

表示する方法を、3パターンまとめて紹介します。

驚くほど簡単なので、ぜひご一読を。

関連Adobe Stockの高品質な無料素材をダウンロード
関連イラストレーターのガイドを引く方法をまとめて紹介!

便利な「ガイド」線

Photoshopのガイド線は、作業者向けの目安ラインのことです。便利な「ガイド」線
細い水色の線が「ガイド線」

Photoshopのガイド線は、作業者向けの目安ラインのことです。

レイアウトや複数の画像を揃える時に利用します。作業が楽になるので積極的に利用してみましょう。

  • プリントアウト
  • JPEG書き出し

などの際にも、ガイド線は表示されません。

Photoshopでガイド線の作成方法は?

まずは通常のガイド線の引き方をご紹介します。

定規を表示させる

Photoshopの定規を表示
Photoshopの定規を表示

最初に、ガイドを引くための「定規」を表示させます。

上部メニューの「表示」から「定規」を選択

ショートカットキー

定規を表示するショートカットキー
定規を表示するショートカットキー

ショートカットキーは「⌘」+「R」

Photoshopの定規を表示
Photoshopの定規を表示

画像の周りに定規のメモリが表示されます。

定規からドラッグ

photoshop:定規のメモリから画像の上にドラッグ
定規のメモリから画像の上にドラッグ

あとは定規のメモリから画像の上にドラッグをすれば「ガイド」線が表示されます。

photoshop:縦のガイドラインが引きたい場合は
縦のガイドラインが引きたい場合は

のガイド線が引きたい場合は、横の定規メモリからドラッグします。

画像のセンターにガイド線を表示

画像のちょうど真ん中にガイド線を引く方法を紹介します。

フォトショでガイドセンター:新規ガイドボタン
フォトショでガイドセンター:新規ガイドボタン

上部メニューの「表示」から「ガイド」⇨「新規ガイド」を選択。

フォトショでガイドセンター:垂直方向に50%
フォトショでガイドセンター:垂直方向に50%

表示された「新規ガイド」ウィンドウ

  • 方向:垂直方向
  • 位置:50%

と入力し「OK」ボタンをクリック。

フォトショでガイドセンター:左右センターにガイド作成
フォトショでガイドセンター:左右センターにガイド作成

左から50%の位置、ちょうど真ん中にガイドラインが表示されました。

簡単!

daruma108
daruma108
フォトショでガイドセンター:水平方向に50%
フォトショでガイドセンター:水平方向に50%

こんどは、

  • 方向:水平方向
  • 位置:50%

「OK」ボタンを押すと、

フォトショでガイドセンター:上下(天地)センターにガイド作成
フォトショでガイドセンター:上下(天地)センターにガイド作成

上から50%の位置上下(天地)センターガイドラインが表示されました。

フォトショでガイドセンター:パーセント値を変更して好きな位置に
フォトショでガイドセンター:パーセント値を変更して好きな位置に

もちろん50%だけでなく

数値を25%や75%など変更することで好きな位置に表示できます。

等間隔にガイドを作成!マージンも簡単に

等間隔にガイドを作成:「新規ガイドレイアウトを作成」ボタン
等間隔にガイドを作成:「新規ガイドレイアウトを作成」ボタン

新規ガイド」の下にある「新規ガイドレイアウトを作成」ボタンをクリック

等間隔にガイドを作成:作成したいガイドの数を入力
等間隔にガイドを作成:作成したいガイドの数を入力

出てきた新規ガイドレイアウト」ウィンドウ

の項目に分割したい数を入力すると、自動でガイドが作成されます。

等間隔にガイドを作成:間隔やマージンも1撃で作成可能
等間隔にガイドを作成:間隔やマージンも1撃で作成可能
  • ガイド同士の空きの間隔
  • 上下左右のマージン

簡単に設定できます。

こんな便利な機能があったのね!

daruma108
daruma108

まとめ:フォトショでガイド作成

Photoshop(フォトショップ)でガイドを作る方法

  • 定規から好きな位置に引く
  • 数値で指定して引く
  • 等間隔に引く

3パターンを紹介しました。

写真や文字のレイアウトをする時に、ガイド線が表示されていると非常に便利!

ぜひ活用してみてください!

関連記事
Illustrator(イラレ)でガイドを引く方法を紹介!ロックを解除して削除や色の変更も
Illustrator(イラレ)でガイドを引く方法を紹介!ロックを解除して削除や色の変更も

続きを見る

【Photoshop】空に自然な虹を合成する方法
【Photoshop】空に自然な虹を合成する方法【グラデーションツール】

続きを見る

Photoshop(フォトショ)でガイド線を作成する方法!真ん中や等間隔にも簡単に表示!

デザイン 作りたい

2025/3/4

Photoshop(フォトショ)でガイド線を作成する方...

Illustrator(イラレ)でガイドを引く方法を紹介!ロックを解除して削除や色の変更も

デザイン

2025/3/2

Illustrator(イラレ)でガイドを引く方法を紹...

イラレでテキストの回り込みを作成!できない時の対処法も【オブジェクトに沿ったテキストエリア】

デザイン 作りたい

2024/5/13

イラレでテキストの回り込みを作成!できない時の対処法も...

デザイン

2024/2/20

【Mac】Excelファイルが壊れて開けない時の修復ツ...

壊れた写真・動画・ファイルの修復ツール「EaseUS Fixo」

イイモノ デザイン

2023/12/29

壊れた写真/動画/PDFなどのファイルの修復ツール「E...

-デザイン, 作りたい
-