Photoshopでの水平方向分布

PhotoShop
スポンサーリンク

水平方向分布

Webサイトのナビゲーションを作成するときなどPhotoshopでの水平方向の分布を使用するときの困りごとです。
3つのオブジェクトの間隔を図1のようにピンクの矢印の幅を揃えたいけれども図2のようになってしまいます。
図1
rect2
図2
rect
これは水平方向分布とはそれぞれのオブジェクトの中心からの幅を揃えることになるからです。
つまりオブジェクトの中心から黒矢印部分が等間隔になります。

オブジェクト間を等間隔に分布

オブジェクト間を等間隔にすることはPhotoshopでは難しいです。
便利なスクリプトを作ってくれている方がいますので利用しましょう。
Trevor Morris Photographicsのページ
Download for: Photoshop Script Photoshop CS3+からダウンロードします。

ダウンロードしたファイルをwindowsなら
C:¥Program Files¥Adobe¥Adobe Photoshop CS6¥Presets¥Scripts
Macなら
Macintosh HD/アプリケーション/Adobe Photoshop CS6/Presets/Scripts/
に移動します。

後はPhotoshopを再起動して3つのオブジェクトがあるレイヤーを選択してから
メニューのファイル→スクリプト→Distribute Layer Spacing Horizontal 0-2-0を選択

これで図1のようにピンクの矢印が等間隔に分布となります。

スポンサーリンク

お勧め書籍

AI関連

Python

JavaScript

HTML CSS関連

統計学

PhotoShop
スポンサーリンク
dororoをフォローする
IT工房|AI入門とWeb開発
タイトルとURLをコピーしました