Photoshopでの水平方向分布

水平方向分布

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

図2

これは水平方向分布とはそれぞれのオブジェクトの中心からの幅を揃えることになるからです。
つまりオブジェクトの中心から黒矢印部分が等間隔になります。

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

オブジェクト間を等間隔にすることは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を再起動して３つのオブジェクトがあるレイヤーを選択してから
メニューのファイル→スクリプト→Distribute Layer Spacing Horizontal 0-2-0を選択

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