【画像の配置】複数のオブジェクトを中央に揃える方法【整列】

【画像の配置】複数のオブジェクトを中央に揃える方法【整列】

【Photoshop基本操作】ドキュメントに配置したオブジェクト (画像・図形・文字等) は、[移動ツール] で自由に動かすことができますが、たとえば、複数のレイヤーオブジェクトをアートボード (カンバス) の中央に揃えたい場合は、[整列] オプションを使用すれば、正確で効率的な操作が行えます。



選択範囲内で揃える!
[整列] オプションの活用方法は、選択範囲との併用で拡がります。選択範囲を作成しない場合は、最背面のレイヤーオブジェクトの位置を基準とするので、[整列] オプションはその領域内でしか働きません。すべてのレイヤーオブジェクトをアートボードの中央に揃えるには、まずは [すべてを選択] でアートボードの領域を選択します。

[整列] オプションで中央に揃える方法

これから行う操作は、[移動ツール] の [整列] オプションを使用して、複数のレイヤーオブジェクトをアートボード (カンバス) の中央に揃える方法です。揃える基準点は全部で9箇所。垂直方向と水平方向の移動を組み合わせて、正円のベースと絵柄をカンバスの中央に揃えて、トランスポーターのピクトマークを完成させましょう。
左上を基点に配置されたオブジェクト → [整列] オプションで中央に揃える

レイヤーを確認する

素材画像 (PSD ドキュメント) をダウンロードして開きます。作例では、[幅 : 512 pixel] × [高さ : 512 pixel] の [RGB カラー] を使用しています。
素材画像 (PSD ドキュメント) を開く
素材画像 (PSD ドキュメント) を開く
[レイヤー] パネルで、2つのレイヤーオブジェクトを確認します。
2つのレイヤーオブジェクトを確認
2つのレイヤーオブジェクトを確認
左上に揃ったオブジェクト!
[整列] オプションが利用できるのは、同じドキュメントに配置された透明ピクセルを含むビットマップ画像、またはシェイプレイヤーやテキストレイヤーです。作例は、[楕円形ツール] で作成したシェイプレイヤーと、Illustrator で作成したアウトラインデータを Photoshop 上で変換したものです。それぞれのオブジェクトは、ドキュメントの左上を基準点として配置されています。
基本がわかる動画を配信中!
チャンネル登録をお願いします!

複数のレイヤーを選択する

[レイヤー] パネルで、位置を揃えたい複数のレイヤーを、[command (Ctrl)] キーを押しながらクリックして選択します。
[command (Ctrl)] + クリック
[command (Ctrl)] + クリック
隣接は shift キーでも OK!
対象のレイヤーが隣接している場合は、最前面のレイヤーを選択後、最背面のレイヤーを [shift] キーを押しながらクリックします。
基本がわかる動画を配信中!
チャンネル登録をお願いします!

すべてを選択する

[選択範囲] メニューから、[すべてを選択]、または [command (Ctrl)] + [A] キーを押して、ドキュメントのすべてを選択します。
ドキュメントのすべてを選択
ドキュメントのすべてを選択
選択範囲内で整列する!
選択範囲の作成は、任意の領域でも可能です。また、オブジェクトより小さい領域であっても [整列] オプションは有効です。たとえば、1 x 1 pixel の領域に選択範囲を作成すれば、その位置をすべての基準点として活用できます。

[整列] オプションで中央に整列する

[ツール] パネルから、[移動ツール] を選択します。
[移動ツール] を選択
[移動ツール] を選択
オプションバーで、[垂直方向中央揃え] をクリックします。
[垂直方向中央揃え] をクリック
[垂直方向中央揃え] をクリック
すると、左上に揃っていたオブジェクトが、垂直方向の中央に揃います。
左上を基点に配置されたオブジェクト → 垂直方向の中央に揃った
続いて、[水平方向中央揃え] をクリックします。
[水平方向中央揃え] をクリック
[水平方向中央揃え] をクリック
すると、それぞれのレイヤーオブジェクトがドキュメントの中央へ揃います。
[選択範囲] メニューから、[選択を解除]、または [command (Ctrl)]+[D]キーを押して、選択を解除します。
垂直方向の中央に配置されたオブジェクト → 水平方向の中央に揃った
カンバスに揃える方法!
[整列] オプションの基本的な働きは、基準点の元となるレイヤーオブジェクトに、その他のレイヤーオブジェクトをさまざまな条件で整列させるものです。レイヤーオブジェクト以外の基準点として、[選択範囲に揃える]、[カンバスに揃える] 方法があります。
[背景] を含めた複数のレイヤーを選択
[背景] を含めた複数のレイヤーを選択
[垂直方向中央揃え] と [水平方向中央揃え] をクリック
[垂直方向中央揃え] と [水平方向中央揃え] をクリック
カンバスに揃える方法は、選択範囲を作成する必要がありません。[背景] のないドキュメント、またはアートボードの場合は、すべてを塗りつぶした新規レイヤーを作成しておくと、[背景] と同じ効果を得ることができます。また、[位置をロック] を活用すると、任意の領域内での整列をコントロールできます。

スポンサード リンク