Type your search query and hit enter:
HOME
Photoshop基本操作
画像の配置
Categories:
Photoshop基本操作
画像の配置
これで解決!特定の座標値はこうやって設定する!「オブジェクトの正確な配置」【2024】
これで解決!
特定の座標値は
こうやって設定する!
[ STEP-01 ]
特定の座標値を求める
[ STEP-02 ]
特定の座標値に合わせる
特定の座標値に合わせる
ドラッグ&ドロップで配置したオブジェクトに、特定の座標値を入力して、レイアウト設計に基づいた正確な位置に移動しましょう。
オブジェクトを配置
座標値を入力して移動
配置する画像は、ドロップシャドウを含んでいるため、カンバスの左上を起点として、左端から 4 px、上端から 1 px の距離に、オブジェクトの基準点があります。
オブジェクトの座標値を算出
マージンとパディングを合計した距離は、X 軸、Y 軸とも、64 px です。ここから、配置する画像の、基準点までの距離を引くと、X 軸が 60 px、Y 軸が 63 px になります。
X : 64 px − 4 px = 60 px
Y : 64 px − 1 px = 63 px
この座標値に、基準点を合わせる操作を行います。
目次に戻る
現在の座標値を確認
ドラッグ&ドロップで配置したオブジェクトの、現在の座標値を確認しましょう。ここでは、[ 変形 ] コマンドのオプション機能を利用して、配置したオブジェクトの座標値を表示します。
【操作方法】
変形のバウンディングボックスを表示します。
自由変形 : [ command ( Ctrl ) ] + [ T ]
変形のバウンディングボックスを確認
変形のバウンディングボックスを表示すると、オプションバーに、現在の座標値が表示されます。
現在の座標値を確認
配置コマンドも同じ!
[ ファイル ] メニューから、[ 埋め込みを配置 ]、または、[ リンクを配置 ] を選択して、配置したオブジェクトには、
配置時
に、変形のバウンディングボックスが表示されます。
目次に戻る
特定の座標値を入力
オプションバーで座標値が確認できたら、座標値の左側にある [ 基準点の位置 ] を確認しましょう。9つあるポイントのうち、初期設定では、中央が選択されています。これは、配置したオブジェクトの中心点の座標です。[ 基準点の位置 ] を左上を選択して、特定の座標値を入力しましょう。
【操作方法】
オプションバーで、[ 基準点の位置 ] に
左上をクリック
します。
[ X ] に [ 60 px ] を入力します。
[ Y ] に [ 63 px ] を入力します。
移動先の座標値を入力
中心点を確認!
[ 基準点の位置 ] は、オブジェクトの領域に表示される、バウンディングボックスのハンドルと同じ位置を示します。ボックスの中央にある中心点は、9つのいずれかの位置に設定することができます。
[基準点の位置]に左上を設定
入力した座標値にオブジェクトを移動
設定した座標値に、オブジェクトが移動できたら、
変形を確定
します。
変形を確定 : [ enter ]
オブジェクトの位置を、座標値でぴったり合わせることができました。
座標値でぴったり合わせることができた
中心点は移動できる!
バウンディングボックスの中心点は、ドラッグで移動することができます。その場合、
移動した任意の位置が [ 基準点の位置 ]
になります。
中心点を任意の位置へ移動
目次に戻る
レッスン動画を配信中!
サムネールをクリックすると、
レッスン動画にリンクします。
古岡 ひふみ
フリーのグラフィックデザイナーです。カタログ、ポスター、パッケージなど様々な分野に携わってきました。
ページ:
1
2
次の記事
これで解決!レイヤーを増やさない複製はこうやって作る!「複製オプションと再実行」【2024】 »
前の記事
« どうする?埋め込まれたプロファイルの不一致「カラー設定とカラーマネジメント」【2024】
Share
Published by
古岡 ひふみ
Tags:
2024
2分割表示
Illustrator
Photoshop
アートボード
コピー&ペースト
これで解決!
チュートリアル
ドラッグ&ドロップ
マージン
中央に合わせる
埋め込みを配置
基準点の位置
変形の操作
座標
時短・裏技
画像の配置
画像を開く
自由変形
長方形選択ツール
1年 前
関連記事
AIで焦点範囲を自動設定!背景をぼかす方法「レンズぼかしの使い方」【2024】
これで解決!スポーツカーの色はこうやって変える!「色相・彩度の使い方」【2024】
生成AIがふたつの画像を一瞬で合成する!「生成拡張」と「生成塗りつぶし」の使い方【2024ベータ版】
最新の記事
DTP・印刷
Photoshop基本操作
これで解決!ディスプレイ表示を同じ大きさにする方法「プリントサイズとスクリーン解像度」【2024】
【Photoshop基本操作】…
6か月 前
Photoshop基本操作
その他の操作
基本がわかる!画像解像度の設定「物理的な大きさとの関係」【2024】
【Photoshop基本操作】…
6か月 前
Photoshop基本操作
その他の操作
基本がわかる!ドキュメントの保存「知っておきたいファイル形式と書き出し」【2024】
【Photoshop基本操作】…
11か月 前
Photoshop基本操作
色調補正
基本がわかる!色かぶりの補正「ホワイトバランスと色温度」【2024】
【Photoshop基本操作】…
11か月 前
DTP・印刷
Photoshop基本操作
基本がわかる!RGBとCMYK「知っておきたい色の見え方」【2024】
【Photoshop基本操作】…
12か月 前
Photoshop基本操作
自動処理
ひとつのファイルに!複数ページのPDFを作成する方法「PDFスライドショーによる自動処理」【2024】
【Photoshop基本操作】…
12か月 前
L