スナップを使用した要素の配置

Last updated on 2026年10月29日

ルーラー、ガイド、グリッド、レイヤーエッジへのマグネットアラインメントを有効にして、要素を正確に配置します。

ルーラー、Guides、グリッド、レイヤーエッジに要素をスナップすると、手動で測定することなく正確に配置できます。

選択範囲、切り抜きマーキー、スライス、シェイプ、パスをガイド、グリッド線、ドキュメントの端、レイヤー境界線から約 8 ピクセル以内にドラッグすると、自動的にそのターゲットに揃います。このマグネット機能によって、正確なレイアウトを素早く作成できます。

スナップはグローバルにオン／オフを切り替えられます。また、ドラッグ中にキーを押したままにすると、要素を自由に配置できます。

スナップ機能の有効と無効の切り替え

表示／スナップを選択して、スナップのオン／オフを切り替えます。

スナップの横にチェックマークが表示されている場合、スナップが現在有効になっていることを示します。

ヒント

移動ツールの使用中にスナップを一時的に無効にするには、ドラッグ中に Ctrl (Windows) または Command (macOS) を押したままにします。

スナップを有効にしたら、スナップターゲットとして機能する基準点を選択します。複数のターゲットを同時に有効にして、柔軟なアラインメントシステムを作成できます。

表示／スナップ先を選択します。

1 つまたは複数のターゲットを選択します。

有効なターゲットの横にはそれぞれチェックマークが表示されます。

メモ

1 つのターゲットのみを有効にするには、スナップを無効にしてから、表示／スナップ先を選択し、ターゲットを選択します。これにより、そのターゲットのみでスナップが有効になり、他のすべてが選択解除されます。

Guides：ドキュメントに配置したガイド線にスナップします。これを使用して、要素をレイアウトの境界、マージン、または特定の測定ポイントに揃えます。ガイドの作成および管理方法を確認。

グリッド：ドキュメントグリッドにスナップします。これを使用して、対称的なレイアウトを作成したり、一定の間隔を維持したり、要素を等間隔で揃えたりできます。このオプションは、グリッドが非表示の場合は使用できません。グリッドの設定および表示方法を確認。

レイヤー：他のレイヤーのコンテンツ境界にスナップします。これを使用すると、既存のレイヤーコンテンツを基準に要素を配置できます。例えば、テキストを画像のエッジに揃えたり、複数のデザイン要素を一定の間隔で配置したりする場合に便利です。

スライス：web またはインターフェイスデザインのスライス境界にスナップします。web 書き出し用にグラフィックを分割する場合や、インターフェイスアセットを準備する場合に使用します。このオプションは、スライスが非表示の場合は使用できません。

ドキュメント境界：カンバスのエッジにスナップします。これを使用すると、要素をドキュメントの余白に合わせて配置したり、全裁ち落としのデザインを作成したりできます。

すべて：すべてのスナップターゲットを一度にオンにして、要素を使用可能な任意の基準点にスナップさせたい場合に、最大限のアラインメント支援を提供します。

なし：スナップコマンドを有効にしたまま、すべてのスナップターゲットをオフにします。これを使用すると、ターゲットの選択をすばやく解除できます。

スナップは、現在使用しているツールとタスクに応じて動作します。移動ツールでレイヤーを移動すると、有効になっているすべてのターゲットにスナップします。選択範囲を作成したりシェイプツールを使用したりする場合、ドラッグするとツールのエッジがスナップします。

スナップを使用せずに数値で配置するには、変形コントロールを使用するか、オプションバーに値を入力します。距離を測定しながら視覚的にアラインメントするには、スナップと合わせてスマートガイドを有効にします。

Photoshopで魅力的な画像を作成
業界をリードする使い慣れた創造的なツールで写真を編集、レタッチ、変換できます。

「エッジを強調」を使用してマスクを調整する

アプリ内のステップバイステップのビデオチュートリアルと実践的なガイダンスで学習できます。

ディスカッションに参加し、回答を見つけ、専門家から学び、知識を共有することができます。

お気に入りの Creative Cloud アプリ、サービス、ファイル管理などにアクセスできます。