マニュアル キャンセル

グリッドとガイド

ガイドとグリッドを使用した配置

ガイドとグリッドを使用すると、画像または要素を正確に配置できます。

ガイドは画像上に固定せずに印刷されない線として表示され、移動または削除することができます。ガイドをロックして移動できないようにすることもできます。

スマートガイドを使用すると、シェイプ、スライス、選択範囲の整列がしやすくなります。シェイプ、選択範囲、またはスライドを作成すると、ガイドは自動的に表示されます。スマートガイドは、必要に応じて非表示にできます。

グリッドはオブジェクトを対称的に配置するのに便利です。初期設定ではプリントされない実線として表示されますが、点線として表示することもできます。

ガイドとグリッドは同じように動作します。

  • ガイドやグリッドから 8 スクリーンピクセル(画像ピクセルではありません)以内に選択範囲、選択範囲の境界線、ツールをドラッグすると、ガイドやグリッドにスナップします。また、ガイドもドラッグするとグリッドにスナップします。スナップ機能のオンとオフは切り替えられます。

  • ガイドとグリッドの表示、スナップ機能、およびガイドの間隔の設定は画像固有のものです。

  • ガイドのスタイルおよびグリッドの間隔の設定は、すべての画像に共通です。ガイドカラーが画像固有になりました。 

Adobe Photoshop logo

まずは無料で試してみる
世界中で利用されている画像編集ツールを試そう

グリッド、ガイドまたはスマートガイドの表示と非表示の切り替え

  1. 次のいずれかの操作を行います。
    • 表示表示・非表示グリッドを選択します。

    • 表示表示・非表示ガイドを選択します。

    • 表示表示・非表示スマートガイドを選択します。

    • 表示エクストラを選択します。このコマンドを使用すると、レイヤーの境界線、選択範囲の境界線、ターゲットパスおよびスライスの表示と非表示も切り替えることができます。

ガイドの表示

  1. 定規が表示されていない場合は、表示定規を選択します。

    注意:

    正確に測定するには、画像を 100%の倍率にするか情報パネルを使用します。

  2. 次のいずれかの操作を行って、ガイドを作成します。
    • 表示ガイド新規ガイドサブメニューのダイアログボックスで「水平」または「垂直」方向を選択して位置とカラーを入力し、「OK」をクリックします。

    • 画面上部の定規からドラッグして、水平方向のガイドを作成します。

    Photoshop ガイドとグリッド
    ドラッグして水平方向のガイドを作成

    • Alt キー(Windows)または Option キー(macOS)を押しながら、画面左側の定規からドラッグすると、水平方向のガイドを作成できます。

    • 画面上部の定規からドラッグして垂直方向のガイドを作成します。

    • Alt キー(Windows)または Option キー(macOS)を押しながら、画面上部の定規からドラッグすると、垂直方向のガイドを作成できます。

    • Shift キーを押しながら画面上部または左側の定規からドラッグすると、定規の目盛りにスナップするガイドを作成できます。ガイドをドラッグしている間は、ポインターが両方向の矢印に変わります。

  3. (オプション)すべてのガイドをロックするには、表示ガイドガイドをロックサブメニューを選択します。

ガイドの移動

  1. 移動ツール を選択するか、Ctrl キー(Windows)または Command キー(macOS)を押しながら、移動ツールをアクティブにするか、複数のガイドを移動します。

  2. ポインターをガイドの上に置きます(ポインターが両方向の矢印に変わります)。
  3. 次のいずれかの方法でガイドを移動します。
    • ガイドをドラッグして移動します。

    • Alt キー(Windows)または Option キー(macOS)を押しながらガイドをクリックまたはドラッグすると、水平のガイドは垂直に、垂直のガイドは水平に変わります。

    • Shift キーを押しながらガイドをドラッグして、ガイドを定規の目盛りに合わせます。グリッドが表示されている場合に、表示スナップ先グリッドを選択すると、ガイドがグリッドにスナップします。

  4. ガイド(1 つまたは複数)を選択して編集できるようになりました。ガイドをクリックして選択すると、両方向の矢印が表示されます。 

    • 1 つのガイドを選択するには、ガイドをクリックして両方向の矢印を表示します。編集するには、表示/ガイド/選択したガイドを編集を選択します。選択した項目を右クリックして、コンテキストに応じたメニューを表示することもできます。
    • 複数のガイドを選択するには、ガイドを 1 つクリックして Shift + Alt(Win)、Shift + Option(Mac)を押しながらその他のガイドを選択します。複数のガイドを選択した後で、移動、右クリック、ダブルクリック、オプションの表示などの他のアクションを実行できます。複数のガイドを選択するには、キーボードショートカットの Shift + Alt を押しながらクリックします。
      • 1 つのガイドを移動するには、ガイドを選択し、カンバスの上をドラッグして移動します。 
      • 複数のガイドを移動するには、移動するガイドを選択して、Shift + Alt(Win)または Shift + Option(Mac)を押すと、両方向の矢印が表示されます。次にガイドをクリックして、カンバスの上をドラッグします。
        • キーから指を放して、カンバスの上をドラッグし続けます。 
        • Shift キーを押してガイドを移動すると、定規の目盛りにスナップします。シェイプ、選択範囲、または複数のガイド(垂直および水平方向)を選択して、シェイプのエッジにスナップします。スナップについて詳しくは、Photoshop の定規を参照してください。

ガイドの配置

ガイドを配置する特定の場所を追加することもできます。カンバスに配置した後、ガイドを移動、またはカラーと方向を調整できます。 

ガイドの特定の位置を追加
ガイドの特定の位置を追加

画像からのガイドの削除

  1. 次のいずれかの操作を行います。
     
    • 1 つのガイドを削除するには、そのガイドを画像ウィンドウの外へドラッグします。
    • すべてのガイドを削除するには、表示ガイドガイドを消去を選択します。
    • 選択したガイドを削除するには、表示/ガイド/選択したガイドを消去を選択します。

ガイドとグリッドの環境設定の設定

  1. 次のいずれかの操作を行います。
    • (Windows)編集環境設定ガイド・グリッド・スライスを選択します。

    • (macOS)Photoshop環境設定ガイド・グリッド・スライスを選択します。

  2. カラー」については、ガイドとグリッドの一方または両方のカラーを選択します。「カスタム」を選択した場合は、カラーボックスをクリックしてカラーを選択し、「OK」をクリックします。

  3. スタイル」については、ガイドとグリッドの一方または両方に対する表示オプションを選択します。

  4. ガイドライン間隔」については、グリッド間隔の値を入力します。「分割数」については、グリッド内の分割線の数を入力します。

    必要に応じて、このオプションの単位を変更します。「」を選択すると、画像を均等に分割するグリッドを作成できます。例えば、「」で 25 を指定すると、画像を縦と横に 4 分割するグリッドが作成されます。

  5. OK」をクリックします。

ガイドの機能強化

Photoshop 23.4 で更新(2022 年 6 月)

ガイド機能が強化され、ドキュメントレベルでガイド機能をカスタマイズできるようになり、クリエイティブな作業が効率化できます。

これには、新しいキーボードショートカットによるガイドのカラーの変更と編集、および新しいコンテキストメニューなどが含まれます。

Delete キーを押してガイドを削除したり、複数のガイドを選択して編集および移動したりすることもできます。

最新バージョンの Photoshop を入手して、この便利な機能強化をお試しください。

ドキュメントレベルでのガイドプロパティのカスタマイズ

ガイドのカラーの変更

新しいダイアログボックス(以下を参照)には、個々のガイドまたは複数選択したガイドのカラーを変更するオプションが追加され、ガイドの識別と視覚的な分離が非常に簡単になりました。

表示/ガイド/新規ガイドレイアウト
表示/ガイド/新規ガイドレイアウト

表示/ガイド/新規ガイド
表示/ガイド/新規ガイド

選択したガイドを編集ダイアログボックス
選択したガイドを編集ダイアログボックス

  1. ガイドのカラーオプションを選択するには、表示ガイド新規ガイドレイアウトを選択します。

  2. デフォルトのカラーオプションから選択するか、カスタムカラーを作成します。ガイドレイアウトを作成した後、いつでも戻ってカラーを変更できます。

    新規ガイドレイアウトダイアログボックスのデフォルトのカラーオプションから選択
    新規ガイドレイアウトダイアログボックスのデフォルトのカラーオプションから選択

    カラーピッカー(ガイドカラー)からカスタムカラーを作成
    カラーピッカー(ガイドカラー)からカスタムカラーを作成

    注意:

    アートボードごとに異なるガイドレイアウトカラーを作成することもできます。

ガイドの編集 

  1. ガイドを編集するには、Option + Shift(Mac)または Alt + Shift(Win)をクリックして、複数選択します。コンテキストメニューで右クリックして「選択したガイドを編集」を選択します。

    Photoshop の「選択したガイドを編集」コンテキストメニュー
    Photoshop の「選択したガイドを編集」コンテキストメニュー

  2. 方向」と「カラー」設定を選択して、「OK」を選択します。

    Photoshop の選択したガイドを編集ダイアログボックス
    Photoshop の選択したガイドを編集ダイアログボックス

  3. 表示ガイドに移動して、選択したガイドを編集ダイアログボックスを表示することもできます。

    注意:

    移動ツールを選択し、マウスポインターでガイドをポイントします。次にキーボードショートカットの Option + Shift を使用して Mac システムをダブルクリック、または Alt + Shift を使用して Windows システムをダブルクリックして、選択したガイドを編集ダイアログボックスを開きます。

ガイドの削除

  1. ガイドの移動の説明に従って、ガイド(1 つまたは複数)を選択します。

  2. ガイドを削除するには、表示/ガイドに移動して、「選択したガイドを消去」を選択します。ガイドを選択して右クリックし、表示されるコンテキストに応じたメニューから削除することもできます。

    または、Option + Shift(Mac)または Alt + Shift(Win)をクリックして、Delete キーを押すこともできます。

スマートガイドを使用した効率的な作業

スマートガイドは次のような複数のシナリオで役に立ちます。

  • Option(Mac OS)/Alt(Windows)+ レイヤーのドラッグ:Option(Mac OS)または Alt(Windows)キーを押したままレイヤーをドラッグすると、元のレイヤーと複製レイヤー間の距離を表示するリファレンス測定ガイドが表示されます。この機能は、移動ツールとパス選択ツールの両方で動作します。
Photoshop レイヤー間の距離:元のレイヤーと複製レイヤー
レイヤー間の距離:元のレイヤーと複製レイヤー

  • パスの測定:Photoshop はパスの操作時に測定ガイドを表示します。測定ガイドは、パス選択ツールを選択し、同じレイヤー内でパスをドラッグする場合にも表示されます。
Photoshop パスの測定
パスの測定

  • 一致した間隔:オブジェクトの複製または移動時、測定ガイドが表示され、選択したオブジェクトと直近のオブジェクト間の間隔と一致する他のオブジェクトとの間隔が視覚的に示されます。
  • Cmd(Mac OS)/Ctrl(Windows)+ レイヤーにマウスポインターを合わせる:レイヤーの操作中、測定ガイドが表示されます。レイヤーを 1 つ選択した状態で、Cmd キー(Mac OS)または Ctrl キー(Windows)を押したまま、別のレイヤーにマウスポインターを合わせます。この機能と矢印キーを組み合わせて、選択したレイヤーを移動することができます。
Photoshop レイヤー作業中の測定ガイド
レイヤー操作時の測定ガイド

  • カンバスからの距離:シェイプの外側にマウスポインターを合わせたまま Cmd キー(Mac OS)または Ctrl キー(Windows)を押したままにすると、カンバスからの距離が表示されます。
Photoshop カンバスから図形までの距離
カンバスから図形までの距離

Photoshop 一致オブジェクト間のスペース
一致したオブジェクト間の間隔


ヘルプをすばやく簡単に入手

新規ユーザーの場合