この記事には広告が含まれています。
こんにちは、イラレ常人です。
今回は、イラレの「整列機能」について解説します。
イラレでチラシやポスターなどを作るとき、文字や図形、写真などをある基準に合わせて配置させる場面が多々あります。
目見当で中央揃えにしたり、右揃え、左揃えにしてたら非常に時間がかかってしまいます。
そんなときに役立つのが整列機能です。
では、その機能を見ていきましょう。
整列パネルの場所と内容
新規ドキュメントを開いたら、整列パネルがあることを確認します。
![](https://irarecreate.com/wp-content/uploads/2022/07/3a2643e22739fcda45e68b177feb23d2-1024x576.jpg)
もしない場合は、下図を参考にしてパネルを開きます。
![](https://irarecreate.com/wp-content/uploads/2022/07/179f19dc8c6704f873cb855a86514db0-1024x576.jpg)
整列パネルを開くと、「オブジェクトの整列」「オブジェクトの分布」「等間隔に分布」「整列」というものがありますね。
因みに「オブジェクト」というのは文字や図形、写真のことだと思っていただければ、OKです。
![](https://irarecreate.com/wp-content/uploads/2022/07/0803febed15cba128c7655afdb905f8c-1-1024x576.jpg)
オブジェクトの整列
ここで使うのは「オブジェクトの整列」です。
![](https://irarecreate.com/wp-content/uploads/2022/07/371aeac21d39669f9e58f88d1531789b-1024x576.jpg)
アートボードを基準に整列
試しに、楕円形ツール(ショートカット:L)で描いた円をアートボードの中央に整列させます。
![](https://irarecreate.com/wp-content/uploads/2022/07/38a93c3526575b67f06a0eb33d6e0a97-1024x576.jpg)
![](https://irarecreate.com/wp-content/uploads/2022/07/56e3051f0b181fd60e4aeb8d78af7cdc-1024x576.jpg)
「垂直方向中央に整列」と「水平方向中央に整列」を押すだけです。
![](https://irarecreate.com/wp-content/uploads/2022/07/45a52bc2efd259201de4787886956fb3-1024x576.jpg)
他の整列ボタンは見たままですので、説明は省きます。
もし、整列が効かない場合はここ(下図参照)を確かめてみてください。
![](https://irarecreate.com/wp-content/uploads/2022/07/d9c6fdec8082420149ebde68d862e4ca-1024x576.jpg)
「選択範囲に整列」になっている場合、アートボードを基準に整列させようとしても、うまくいきません。
「アートボードに整列」にすると問題は解決します。
![](https://irarecreate.com/wp-content/uploads/2022/07/13ed1e731b98e8dbef141e5d574aa57f-1024x576.jpg)
あるオブジェクトを基準に整列
今度はアートボードを基準に整列させるのではなく、今配置した円の中央に文字を整列させてみます。
![](https://irarecreate.com/wp-content/uploads/2022/07/a66074e62ae728e4cc8c2b6e7bf4d959-1024x576.jpg)
まず、選択ツール(ショートカット:V)で円と文字を選択します。
![](https://irarecreate.com/wp-content/uploads/2022/07/7e56171e8498043668bd66e245086280-1024x576.jpg)
次に、これらを選択した状態で再度、円を選択します。
そうすると、円の方の輪郭が太くなりましたね(下図参照)。
![](https://irarecreate.com/wp-content/uploads/2022/07/618bb7b4e97985b28167cb91157dac52-1024x576.jpg)
これを「キーオブジェクト」といい、このオブジェクトを基準に他のオブジェクトを整列させることができます。
![](https://irarecreate.com/wp-content/uploads/2022/07/1617e614b727a1878004555fe968b996-1024x576.jpg)
あとは先ほどと同様「垂直方向中央に整列」と「水平方向中央に整列」を押せば、OKです。
![](https://irarecreate.com/wp-content/uploads/2022/07/8cae71d4cd447478c69722c49093967e-1024x576.jpg)
以上が「オブジェクトの整列」についての解説でした。
等間隔に分布
次は、3つ以上のオブジェクトを等間隔に分布させる方法などを解説します。
![](https://irarecreate.com/wp-content/uploads/2022/07/7cc89004ca727299df2305154966669d-1024x576.jpg)
整列パネルの「等間隔に分布」を使います。
![](https://irarecreate.com/wp-content/uploads/2022/07/0803febed15cba128c7655afdb905f8c-2-1024x576.jpg)
これは
1.アートボードに分布させる場合
2.オブジェクト同士の中で分布させる場合
があります。
「1.アートボードに分布させる場合」は、2つ以上の文字や図形、写真を選択ツールで選択した状態で、ここ(下図1枚目)のボタンを押すと、アートボードを基準に分布がなされます。
![](https://irarecreate.com/wp-content/uploads/2022/07/5703ac48ba00f861eaa802a84c6df50c-2-1024x576.jpg)
![](https://irarecreate.com/wp-content/uploads/2022/07/a2a3ceef8af25c6e0396eebeec5454ab-1024x576.jpg)
このとき「整列」のところが「アートボードに整列」になっているかを確認します。
![](https://irarecreate.com/wp-content/uploads/2022/07/b94597cf6ba1d966c4b001d11aa30416-1024x576.jpg)
「2.オブジェクト同士の中で分布させる場合」はどういうことかというと、例えば下図の5枚の写真をここからここまでの範囲で等間隔に並べたい場合です。
![](https://irarecreate.com/wp-content/uploads/2022/07/22591947884a380a368a3e658470304f-1024x576.jpg)
選択ツールで5枚の写真を選択したら、「整列」のところを「選択範囲に整列」に切り換えます。
![](https://irarecreate.com/wp-content/uploads/2022/07/acf429135526703107dc6b4b52b7f0cb-1024x576.jpg)
そして、「等間隔に分布」の「垂直方向等間隔に分布」を押すと、写真がきれいに分布します。
![](https://irarecreate.com/wp-content/uploads/2022/07/742d371e688dee29a200735718d4658f-1024x576.jpg)
![](https://irarecreate.com/wp-content/uploads/2022/07/08099b250c475a73cdd8245767baae52-1024x576.jpg)
以上が「等間隔に分布」についての解説でした。
オブジェクトの分布
これは3つ以上のオブジェクトの中心の線、左右上下の線を基準に分布させるときに使います。
整列パネルの「オブジェクトの分布」を使います。
![](https://irarecreate.com/wp-content/uploads/2022/07/0803febed15cba128c7655afdb905f8c-2-1024x576.jpg)
言葉だけだと分かりづらいので、図説します。
下図に5つの図形があります。
![](https://irarecreate.com/wp-content/uploads/2022/07/a9a83216dc6b7ad911f5d12f1cfd5242-1024x576.jpg)
これらをそれぞれの図形の左端を基準に分布させてみます。
ここでは解説を分かりやすくするために線を引いています。
![](https://irarecreate.com/wp-content/uploads/2022/07/a7d1f889fa1d649cd002749b0470d6f3-1024x576.jpg)
選択ツールで5つの図形を選択したら「水平方向左に分布」を押します。
![](https://irarecreate.com/wp-content/uploads/2022/07/fdbcaeb65429e7301eebabf26cd39346-1024x576.jpg)
そうすると、図形の左端の線に合わせて分布しました。
中心の線、左右上下の線を基準に分布させるというのは、このような意味でした。
![](https://irarecreate.com/wp-content/uploads/2022/07/b556cc921361f190670888e5e6ec8bef-1024x576.jpg)
因みに、この操作は「整列」の「選択範囲に整列」を適用した状態で行っています。
![](https://irarecreate.com/wp-content/uploads/2022/07/749449478de9539640b0671d017f507a-1024x576.jpg)
以上が「オブジェクトの分布」についての解説でした。
今回の内容は、グリッド(格子状)デザインや表を作るときにも使えるので、ぜひマスターしていただきたいです。
![](https://irarecreate.com/wp-content/uploads/2022/07/a9defb2fbad3843f88e0f776d184c8c4-1024x576.jpg)
最後までお読みいただき、ありがとうございます。
コメント