Photoshopでメニューを均等に並べる

小川さん
聞いてくれ、 カンマンからのお知らせだ。

こんにちわ。

白井ですよ。

Photoshopでメニューを均等にしたいときってどうしてます?
【水平方向中央を分布】だと間隔は均等ではないのですよね。

EA12F439-85C0-47AA-8AB4-B37130DBDA54

2695DD71-2B24-48BA-AB6D-2EAA46A2A0E7
↓実行結果

0648857C-3A05-461C-BED2-060C7FBDF5A0

中心線同士は均等だけど間隔は均等ではないんですよね。

72912CC4-9251-409E-8DAE-16606472D4F3

昔はちまちま自分で間隔測って揃えてました。

けどjsxあります。
導入簡単です。

jsxとは何か

jsxとはPhotoshop専用のJavaScriptファイルです。
プログラムでPhotoshopの機能を制御しようってやつで、JavaScriptが使える人なら結構簡単に作れたりします。

最近はWeb用としてもPhotoshopは全然使えるようになってますが、そもそも写真用のソフトであるPhotoshopですから、昔はWeb用としての機能はあまりなく、jsxで色々追加機能作ったりしてたそうですよ。

①まずはダウンロード

下記サイトからjsxファイルをダウンロードしてください。
サイトに飛んだら、ダウンロードリンクを右クリックで保存してください。

Adobe Photoshop Scripts | Trevor Morris Photographics
Distribute Layers Horizontally …

A87CAA81-3382-48BB-BDA6-CEE47019EC2A

②ダウンロードしたjsxを所定のところに置く

ダウンロードした.jsxファイルをPhotoshopのScriptフォルダに置いてください。
ここに色々なjsxファイルが置いてあります。
(例はPhotoshop CC 2014)

【アプリケーション】→【Photoshop CC 2014】→【Presets】→【Scripts】
8FB439EC-222C-41E2-B823-091D53FA62E9

③あとは使いたいところでスクリプトを実行するだけ

もうあとは使ってみるだけです。
幅のバラバラなメニューを用意します。

EA12F439-85C0-47AA-8AB4-B37130DBDA54

【ファイル】→【スクリプト】→【Distribute Layer Spacing Horizontal 00-2-0】で実行

EAEBAADA-E4F3-426B-88E4-28C45AAA1287

実行

4E60974C-B80D-4F9C-8220-759669037DDE

でけた。

楽ちんですね。
普通に機能として実装してくれないかなぁ。
Fireworksはあるんですけどね。

この記事は「Photoshop」カテゴリーです。

カンマン最新情報をゲット!

Facebookのウォールで

Twitterのタイムラインで

この記事を書いた人

白い たつ也
白い たつ也 Web Hengineer 「腹は黒いが名は白い」 気がついたら徳島にいました。 好き嫌いの激しい87年生まれ。 白い たつ也が書いた他の記事をチェック!

もう1記事どうぞ!

  • 関連
  • 人気
  • 最新

コメントを残す