イラレの整列パネルを使って美しく整列させる方法を現役デザイナーが解説

adobe Illustrator(イラレ)の整列パネルを使って綺麗にレイアウトする方法を現役デザイナーが解説します。

この整列パネルは目分量やアナログで配置するのではないので、素早く正確にレイアウトする事が出来ます。

デザインする上できちんと端と端が揃っているのは基本です。見栄えも格段に良くなります。当たり前の機能ですが、使いこなせるととても便利ですので、是非覚えて日々のデザインに活かしてください。

イラレの整列パネルで整列させてみる

まずはオブジェクトを整列させるために複数のオブジェクトを用意します。

このように正方形のオブジェクトを用意したら、

そうするとイラストレーターの画面上に「整列パネル」が表示されるかと思います。

イラレの整列パネルで水平方向左に整列

まずは水平方向に左に整列をやってみます。アイコンの通り、ボタン１つで左揃えに配置する機能です。

ボタン１つで綺麗に配列されるとしても全ての要素を揃えてしまってはぐちゃぐちゃになります。なので、狙った箇所だけ整列させるためには選択がとても重要になってきます。

オブジェクトや画像、文字等が入り乱れている複雑なデータを扱うときに如何に上手く選択してあげるかで効率、精度に差が出てきます。

アンカーポイントなどがわからない方はこちらの記事もおすすめです。アンカーポイントはイラストレーターの基礎でもありますので、しっかりと理解を深めておくことが重要です。

整列させたいオブジェクト選択します。

クリックでそれぞれ選択しても良いですし、選択範囲を作ってまとめて選択してもOKです。この動かしたいオブジェクトを選択している状態で水平方向に整列をクリックします。

このうようにアートボードの左側に綺麗に整列します！

イラレの整列パネルで指定した場所に整列させてみる

次は指定したところに整列させてみます。

初期設定だとおそらくアートボードの左端にオブジェクトが揃ってしまうと思います。それは設定で「アートボードに整列」になっているからです。

設定を変えることで画面の真ん中に綺麗に配置することも可能です。ですが、ここでは上のオブジェクトの左側に下のオブジェクトを整列させてみます。

アートボードの真ん中に綺麗に配置したい方はこちらの記事を参考にしてください。

画像は左側に整列しているのがわかりやすいように下のオブジェクトを長方形にしておきました。

この２つのオブジェクトを選択した状態で整列パネルの右下に整列というところがあるので、クリックします。

すると下の画像のように「選択範囲に整列」「キーオブジェクトに整列」「アートボードに整列」という3つの設定が出てきます。さきほどアートボードの左側に整列した人は「アートボードに整列」にチェックが入っている状態かと思います

ここを「キーオブジェクトに整列」にチェックを入れます。

かつ選択したオブジェクトのどちらかが太線になっているかと思います。

この状態はどういう事かといいますと、太線で囲まれているオブジェクトを基準に左揃えしますよ、よろしいですか？の状態です。つまりこの状態で指定場所を選ぶ事が出来ます。

基準にしたいオブジェクトを選択し終えたら水平方向左に整列をクリックします。

するとこのように、指定したオブジェクトを基準にしてもう片方のオブジェクトが左端に綺麗に整列します。

このように大量のオブジェクトもドラックして選択範囲を作って選択し、ボタンを押すと…

このように綺麗に配置させられます。

設定が仮にアートボードに整列になっていても反映されます。

さきほどは仕組みを解説するために回り道をしましたが、理解された方は今後こちらの方法で試してみてください。

イラレの整列パネルを使って美しく整列させる方法まとめ

adobe Illustrator(イラレ)の整列パネルを使って美しく整列させる方法をご紹介しました。

仕組みさえ理解してしまえば大したことはありませんので、どんどんと活用してみてください。

この記事を読んで頂けた方にはこの記事の続編として他の便利で僕がよく使う整列機能も解説していますので、合わせて読んで頂けたらより整列パネルを使いこなせるかと思います。