（クリックで動きます）

実に半月ぶりです。ごぶさたしております、@gorolibです。

少々Web案件が立て込んでおりました…。

そんな中「なでるように」オブジェクトの間隔を整えるスクリプトができましたので公開いたします。

このスクリプトはぜひショートカットキーを割り当ててご利用ください。オブジェクトを選択して実行、選択して実行…という連続ワザがものすごくはかどります。

Webデザインで間隔の調整は、DTPとは少々勝手が違います。

WebとDTPの大きな違いは、カラーモードもさることながら「すべてをピクセルにフィットさせる」ことかと思います。オブジェクト描画の際の「ピクセルを最適化」はIllustrator CC2017にて大きな変化をとげましたが、

参考：デザインのピクセルを最適化（adobe.com）

こと整列に関しては標準機能である「等間隔に分布」などをうかつに実行すると、間隔に端数が出ます。

（こんな感じ）

右側のオブジェクトのボケボケ感がいわゆる「アンチエイリアス問題」ですね。DTPならなんの問題もないのですが（間隔が統一されていればそれでよい）、Webではこれがえらい気持ちわるい。

具体的にはせっかくそれぞれのオブジェクトを「ピクセルに整合」させたとしても（オブジェクトのタテヨコを端数のない数値にしても）、間隔が端数ならばオブジェクトの座標自体に端数が出るので、まったくの水の泡、ウォーターバブルでございます（そこ英語にする？）。

通常、オブジェクト間の間隔を整える場合は、標準機能では整列パネルの「等間隔に分布」を使います。

ところがこの「等間隔に分布」の間隔の数値を指定するエリアは、

（ここ）

複数オブジェクトを選んだ後にキーオブジェクトを指定しないとアクティブにならないんです。つまり入力もできない。

んで、毎度おなじみ「キーオブジェクトあるある」は以下のとおり。結構めんどうなんです。

（1）整列パネルが表示されてない→シフト＋F7で表示

（2）間隔指定はオプションなので、整列パネルのオプションをクリック

（3）さらにキーオブジェクトを指定しないと間隔指定できない

（4）キーオブジェクトが遠っww

そう、キーオブジェクトってマーフィーの法則よろしく「なんだか知らないけどいつも遠くにある」んですねぇ。本当なら「選択範囲の距離の半分」が確率平均のはずなんですが、いつもあっちのほうにある（笑）

参考：キーオブジェクトだけひとつ選択して自動整列するスクリプトです（Illustrator）

もうちょっとサクサク間隔調整できないものか…。

そこで開発したのがこのスクリプトです。選択してショートカット、選択してショートカットという実になめらかに、撫でるように間隔の調整ができます。

お役に立てれば幸いです！