【Photoshop基本操作】正確な配置をスピーディーに行うには、特定の座標値を入力するという方法があります。しかし、フリーハンドな操作が多い Photoshop では、画面上にプロパティも見当たらないようだし、なんだか面倒くさそう…とあきらめていませんか？ 実はとってもカンタンにプロパティは表示できます。
変形のバウンディングボックスを使う！
Photoshop には、レイヤーオブジェクトなどの座標値やサイズがわかる [属性] パネルがありますが、画像の配置で重宝する [基準点の位置] がありません。
[基準点の位置] が操作できるのは、[配置] コマンドと [変形] コマンドです。ドラッグ＆ドロップで配置した画像の場合、[command (Ctrl)] + [T] キーを押して、変形のバウンディングボックスを表示すると、オプションバーにプロパティが表示されます。
特定の座標値でオブジェクトを移動
これから行う操作は、ドラッグ＆ドロップで配置した画像を、正確な位置に移動する方法です。レイアウト設計に基づいたマージンやパディングから、特定の座標値を入力して、基準点の位置にぴったり合わせることを目的とします。
移動先の座標値を特定する
素材画像をダウンロードして開きます。素材画像は、[幅 : 512 pixel]、[高さ : 512 pixel] 、[解像度 : 72 pixel/inch]、[モード : RGB カラー] を使用しています。
素材画像を開く
[ツール] パネルで、[長方形選択ツール] を選択します。
![[長方形選択ツール] を選択](https://psgips.net/wp-content/uploads/2018/05/ut156_01_02.png)
[長方形選択ツール] を選択
ドキュメント内をドラッグして、マージンの距離を測定します。
マージンの距離を測定
同様にして、パディングの距離を測定します。
パディングの距離を測定
マージンとパディングを合計して、アートボード、またはカンバスの端からオブジェクトまでの距離を割り出します。
マージンとパディングを合計する
正確な数値を測定する！
ここでは、[長方形選択ツール] を利用して、距離の測定を行なっています。移動先の座標値は、X軸に左のマージン (32 pixel) と左のパディング (32 pixel) を合計した 64 pixel を特定し、Y軸に上のマージン (32 pixel) と上のパディング (32 pixel) を合計した 64 pixel を特定しました。測定後は、[command (Ctrl)] + [D] キーを押して、選択を解除します。
オブジェクトを配置する
素材画像をダウンロードして開きます。素材画像は、[幅 : 194 pixel]、[高さ : 69 pixel] 、[解像度 : 72 pixel/inch]、[モード : RGB カラー] を使用しています。
素材画像を開く
[ウィンドウ] メニューから、[アレンジ] → [2アップ – 縦] を選択します。
オブジェクトのドキュメントをクリックして選択します。
2つのドキュメントを並べて表示
[レイヤー] パネルで、[グループ] フォルダー、または対象のレイヤーを選択します。
![[グループ] フォルダーを選択](https://psgips.net/wp-content/uploads/2018/05/ut156_02_04.png)
[グループ] フォルダーを選択
![[グループ] フォルダーをドラッグ＆ドロップ](https://psgips.net/wp-content/uploads/2018/05/ut156_02_05.png)
オブジェクトが配置されたことを確認します。
配置された画像を確認
配置方法は問わず!?
ここでは、ドラッグ＆ドロップによる画像の配置を行っていますが、オブジェクトを配置する方法は問いません。単体の画像であれば、[配置] コマンドでもコピー＆ペーストでも、特定の座標値に合わせることは可能です。
しかし、対象画像の形態によって、これらの方法がふさわしくない場合があります。ドキュメント間のドラッグ＆ドロップなら、どんな画像の形態でも万能に配置することができます。
バウンディングボックスを表示する
[編集] メニューから、[自由変形] を選択、または [command (Ctrl)] + [T] キーを押します。すると、変形のバウンディングボックスが表示されます。
変形のバウンディングボックスを確認
変形のバウンディングボックスを表示すると、オプションバーに現在の座標値が表示されます。
オプションバーに現在の座標値が表示される
配置コマンドでも表示される！
[ファイル] メニューから、[埋め込みを配置]、または [リンクを配置] を選択して配置したオブジェクトには、配置時に変形のバウンディングボックスが表示されます。
座標値を入力してオブジェクトを移動する
オプションバーで、[基準点の位置] に左上をクリックします。
[X]、[Y] に移動先の座標値を入力します。
移動先の座標値を入力
設定した座標値にオブジェクトが移動できたら、[enter] キーを押して確定します。
![[基準点の位置]に左上を設定 → 入力した座標値にオブジェクトを移動](https://psgips.net/wp-content/uploads/2018/05/ut156_04_03.png)
オブジェクトの位置を座標値でぴったり合わせることができた
中心点は移動できる！
[基準点の位置] は、オブジェクトの領域に表示されるバウンディングボックスのハンドルと同じ位置を示します。バウンディングボックスの中心点は、ドラッグで移動することができ、その場合、移動した位置が [基準点の位置] の中央になります。
中心点を任意の位置へ移動
フリーのグラフィックデザイナーです。カタログ、ポスター、パッケージなど様々な分野に携わってきました。