イラレの整列パネルで等間隔に整列させる方法

この記事ではadobe Illustrator(イラレ)の整列パネルで等間隔に整列させる方法を解説していきます。

イラレの便利機能でボタン１つで美しく等間隔にレイアウトが出来るのでデザイン制作には必須です。人間の目では錯覚などもあり正確に整列させるのは手間がかかります。

イラレの整列パネルを使いこなせると時短にもなるのでおすすめです。

STEP1 整列パネルで画像を水平方向等間隔にする

まず、画像素材を用意します。とりあえずアートボード上に配置しただけです。画像達はわかりやすいようにクリッピングマスクをした状態にしてあります。

クリッピングマスクのやり方を解説した記事もありますので、必要な方はこちらを参考にしてください。

下記の青矢印のように今の段階では間隔がバラバラです。そこでその間隔を等幅にするために整列パネルの左下にある「等間隔に分布」を使用します。

整列の設定を詳しく解説してある記事がありますので、分からない場合はこちらを参考にしてみてください。

するとこのように画像同士の間隔が等幅になりました。水平方向等間隔に分布はその名の通り横軸の間隔を等幅にしてくれる機能です。

STEP2 整列パネルで画像を垂直方向等間隔にする

次は、垂直方向の間隔を等幅にしていきます。またこのように縦軸の間隔がバラバラの状態で画像を用意しました。

するとこのように縦軸の間隔が等幅になりました。

イラレの整列パネルで“選択範囲に整列”を詳しく解説

adobe Illustrator(イラレ)の整列パネル設定の「選択範囲に整列」とは何が起きているか解説します。

さきほどは3枚の画像を選択してその間の間隔を等幅にしてきました。ここでいう選択範囲とは「端と端の画像」です。

それが理解出来ていれば、「もう少し画像同士の間隔を広げたいな」、「ここから、ここまでの間で並べたいな」などという悩みにも対応が可能です。例として決められた間の中で等間隔にレイアウトしてみます。

このように用意した画像の両端にグレーの部分があります。

つまりグレーの部分を省いた間内でレイアウトしていきます。現状画像がグレー部分にかかりはみ出している状態です。

するとこのように、両端のグレー部分を除いた白背景内で等間隔にレイアウト出来ました。

注意としては等間隔に配置したときに幅が0mm以下になるような選択範囲だと画像やオブジェクトは重なってしまいます。その場合は選択範囲を広げてみるか、等間隔に配置する物(写真やオブジェクト)を小さく調節する必要があります。

イラレの整列パネルで等間隔に整列させる方法まとめ

adobe Illustrator(イラレ)の整列パネルで等間隔に整列させる方法をご紹介しました。

仕組みを理解していれば応用も効くので非常に便利な機能の１つです。等間隔を目分量でやろうとすると非常に手間です。

１つを調整するとその隣もズレるのでまたその隣を調節、その隣を調節…。数が多い場合や複数列均等に並べる場合などもあるかと思いますので、この機能は避けて通らないほうが後々良いと思いますので、是非ここでマスターしちゃってください！