ガイド、グリッド、およびスマートガイドの概要

最終更新日 : 2025年12月2日

ガイド、グリッド、スマートガイドを使用して、プロレベルのレイアウトやデザインを作成するために、Adobe Photoshop プロジェクトで要素を正確に配置および整列する方法について説明します。

ガイド、グリッド、およびスマートガイドとは

Photoshop でプロレベルのデザインを作成する際には、正確な整列と配置が不可欠です。Photoshop には 3 つの強力な整列ツールであるガイド、グリッド、およびスマートガイドが搭載されています。これらを使用すれば、当て推量せずに、完璧に整列されたレイアウトを作成することができます。

これらの視覚的な補助は、印刷されない線やポイントとして画像上に表示され、要素を正確に配置するための基準点を提供します。それぞれが異なる目的を持ちながら、連携してプロフェッショナルで洗練されたデザインの作成をサポートします。

ガイド

ガイドは、特定の要素を正確に配置するのに役立つ、カスタマイズと移動ができる線です。固定された構造を持つグリッドとは異なり、ガイドは必要な場所に正確に配置することができます。

ガイドの主な特徴:

  • 印刷されない色付きの実線として画像内に表示可能
  • 正確な座標で水平または垂直に配置可能
  • 必要に応じて移動、ロック、削除が可能
  • レイアウトを整理するために異なる色でカスタマイズ可能
  • 8 スクリーンピクセル以内にドラッグすると、要素をガイドにスナップ可能

ガイドは、異なるレイヤー間で要素を整列させたり、規則的なグリッドパターンに従わないカスタムレイアウトを作成したりする際に特に便利です。例えば、web サイトのモックアップをデザインする際に、異なるコンテンツセクションの境界線をマークするために、ガイドを配置することができます。

グリッド

グリッドは、カンバス全体に一貫した等間隔の線のパターンを提供します。対称的なレイアウトの作成や要素間の一貫した間隔を確保するのに最適です。

グリッドの主な特徴:

  • カンバス全体に印刷されない線またはドットの均一なパターンとして表示可能
  • 線の間隔を一定に保持
  • 対称的なレイアウトの作成とプロポーションの維持をサポート
  • すべての画像に同じグリッドパターンを適用する
  • スナップ機能が有効な場合、要素はグリッドラインにスナップする

グリッドは、インターフェイスや繰り返し要素のあるレイアウトのデザイン、またはデザイン全体で一貫した比率を維持する必要がある場合に特に便利です。

スマートガイド

スマートガイドは、必要に応じて自動的に表示される動的な位置合わせ補助です。手動でガイドを配置する必要がなく、オブジェクト同士を相対的に整列させることができます。

スマートガイドの主な特徴:

  • 図形、選択範囲、レイヤーの作成や移動時に自動的に表示される
  • オブジェクトを互いの端や中心に揃えるのに役立つ
  • 修飾キーを使用時に、要素間の距離を表示
  • 整列関係について、即座にフィードバックを提供
  • 必要に応じて、オンとオフの切り替えが可能

スマートガイドは、複数の要素を素早く整列させたり、オブジェクトを特定の距離に配置したりする必要がある場合に特に便利です。