Skip to main content
chonp
Inspiring
March 27, 2022
Question

階段状に整列させる方法

  • March 27, 2022
  • 3 replies
  • 3973 views

大きさの違うオブジェクトを特定の基準点で階段状に整列させる方法ありましたら教えて下さい。

「1列に整列」「均等に整列」は可能ですが階段状に整列の方法が判りません。

v2022です

よろしくお願いします。

This topic has been closed for replies.

3 replies

Community Expert
May 29, 2022

ajabon grinsmithさんが仰られている角度を調べる方法として、直角三角形の底辺の長さ・高さがわかっていれば角度を求めることができます。


斜線を描くと情報パネルに幅と高さが表示されます。

直角三角形の長さや角度を調べる計算機がPCやスマホのアプリにあるので、これを利用すれば角度や斜面の長さがわかります。
例えば、スマホアプリ「図形電卓Shapeinfo」の場合:

 

角度と斜面の長さを変形/移動に入力します。
図の場合、移動する角度は「-64.75」、移動距離は5個のオブジェクトを均等に配置する時は「604.79 / 4」の計算式を入力します。

 

変形/繰り返しを繰り返して配置したい位置に移動させます。

chonp
chonpAuthor
Inspiring
May 29, 2022

色々と考えてくださりありがとうございます。

今回階段状の整列に端を発し、色々試した際にIllustratorの挙動の疑問点が出てきました。

階段状へは確かに角度による複製で可能です。

本来「分布」を使うと簡単に実現できる(ハズ)なんですが、若干挙動に問題が有り、実現出来ない場合があります。

例えば図の様に左側を階段状にする場合、「水平左に分布」を適用することで可能です。

しかしこれには条件があり最上段オブジェクト「あ」が一番左に位置し、最下段オブジェクト「緑楕円」が一番右に位置している事が条件となります。

仮に「い」が「緑楕円」より右に長いオブジェクトだった場合、分布右側の基準が「い」になり「あ」の左側と「い」の左側の間での分布と成ってしまい、意図した分布になりません。(詳しい図はuserVoiceに掲載しております

左側分布の場合、各オブジェクトの左座標を分布の基準で有るべきと思います。

その問題点をuserVoiceに投稿してみた段階です。

chonp
chonpAuthor
Inspiring
May 29, 2022

ダメ元で

「オブジェクトの分布の基準点を改善してほしい」と

userVoiceに投稿してみました。

 

ajabon grinsmith
Community Expert
Community Expert
March 27, 2022

基準となる直線の傾き(角度)がわかっている場合であれば、

垂直の線と長方形群を左揃え、

長方形群を等間隔に分布、

全体を回転①、

長方形群を「個別に変形」で左下基準で①の逆方向に回転、

でなんとか、という感じですが

パッとやるにはスクリプトしか思いつきませんね…

chonp
chonpAuthor
Inspiring
March 27, 2022

回答ありがとうございます。

整列させたいものはテキストやオブジェクトなど多岐にわたりますが、

いろいろ試した結果で「水平に分布」が非常に惜しい挙動を示しています。

「水平方向左に分布で」階段状の場合、最下段のオブジェクトが最後方オブジェクトでもなければならないこと。

上下の位置間隔は考慮されないこと。

です。

以上をクリア出来れば何となく実現できそうに思えました。

アプリが改善され左揃えに左のみの位置を基準にしてくれると実現できそうです。