お知らせ

BLOG

トップページ / Photoshopでメニューを均等に並べる

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はあるんですけどね。