イラストレーターで簡単にオブジェクトを整列させる方法

イラストレーターでバラバラに配置されているオブジェクトを水平や垂直に整列したいと思った事はないでしょうか?整列パネルの使い方について。

 5856 更新日
イラストレーターで簡単にオブジェクトを整列させる方法
エリさん

エリ

イラストレーターで簡単に整列させる方法

クリック一つで簡単に好きな揃えに変更できる整列パネルの使い方を解説。

イラストレーターの整列機能の使い方

イラストレーター整列パネル

垂直方向に整列やオブジェクトを指定して分布を一瞬で可能にする整列パネルの使い方について解説します。

整列のメニュー

イラストレーターの整列パネルの種類
  • オブジェクトの整列
    オブジェクトを水平/垂直方向に整列させる事が可能です。
  • オブジェクトの分布
    オブジェクトを水平/垂直方向に分布させる事が可能です。
  • 等間隔に分布
    オブジェクトを水平/垂直方向に等間隔で分布させる事が可能です。
  • 整列
    キーオブジェクト/アートボード/選択範囲など何を中心に整列させるか選択できます。

何を基準に整列させるかを決める

整列パネル 整列の基準のドロップダウンリスト

オブジェクトを水平方向に整列させたい場合にはツールの水平方向右をクリックするだけで揃いますが、何を基準にするかで結果が異なります。

  • アートボードを基準に整列させる
    CS4以降に登場した機能でアートボードとは簡単に言うとページの概念で白い実線で囲われた部分です。このアートボードを基準に整列させます。
  • キーオブジェクトに整列させる
    キーオブジェクトとは複数選択後に基準にしたいオブジェクトを再度クリックします。そうすると線が通常の選択より太く表示され、キーオブジェクトを中心とした整列設定が可能になります。
  • 選択範囲に整列させる
    選択されているオブジェクトの範囲を基準に整列/分布されます。

オブジェクトを等間隔で分布させたい

バラバラにならんだ図形

オブジェクトを水平や垂直方向に等間隔で整列させたい場合は結構あります。今回は赤い円のオブジェクトを中心に垂直方向に30pxの距離を保って整列させてみます。

キーオブジェクトを設定

キーオブジェクトを選択

全部のオブジェクトをドラッグして選択した後、選択したままの状態でキーオブジェクトにする赤い丸を再度クリックします。すると選択範囲の線が二重の表示になりキーオブジェクトが選択になりました。

まずは水平方向に整列させる

水平方向中央に一直線に並んだオブジェクト

水平の位置がバラバラなので全オブジェクトをキーオブジェクトを中心に水平方向に揃えます。

整列パネルの水平方向中央に整列をクリックするとキーオブジェクトを中心に縦一列に整列されます。

px単位で間隔を指定する

30px指定で等間隔で整列

整列パネルで数値を入力

次に整列パネルのpx指定の欄に30pxと等間隔の距離を入力します。

整列ができました!

30px指定で等間隔で分布させて整列

等間隔で指定の30pxで整列が完了しました。今回は垂直方向に整列させましたが、同じ容量で水平方向に整列させる事も可能です。

又、整列パネルを数値で指定できるのはキーオブジェクトが基準になっている時のみです。

関連の記事

foolfool

専業イラストレーターが
ご希望のイラスト描きます!

「こんなイラストが欲しい・・・」
お任せ下さい!
ご希望のイラスト描きます

似顔絵・キャラ制作・商品パッケージイラストやロゴ
ご要望に合わせたイラスト制作承ります。
クラウドソーシングで安心取引可能です。

  • おしゃれな線画のイラスト

    おしゃれな線画イラスト

    シンプルで細い線で描くしゃれなモチーフ。特別な記念品やプレゼント・ラベルデザイン・ブランドロゴ、観賞用にもおすすめ!

    細くておしゃれな線画のイラスト

    4000円〜

    パッケージを見る
  • シンプルな動物の線画描きます

    シンプルな動物の線画イラスト

    目を引く動物のイラスト、チームや企業のブランドロゴや商品のパッケージのシンボルに!シンプルで高級感あるイメージにも。

    商品ラベル・アイコンチームのロゴに

    4000円〜

    パッケージを見る
  • 墨絵イラストを依頼

    躍動感溢れる墨絵を描きます

    躍動感溢れる墨絵のキャラクター描きます。侍・戦国武将・筆のタッチのキャラクター制作が人気です。著作権譲渡・商用利用可能です。

    和風アートの墨絵

    12000円〜

    墨絵の例を見る
  • フリーイラストを商用利用依頼

    フリーイラストを商用利用

    すでに公開しているフリー素材を商用利用したい方へおすすめ!illust.NOを控えていただきお問い合わせフォームよりリクエスト可能。

    illust.NOからリクエスト

    3000円〜

    フリー素材を探す

受付中のパッケージを見る

イラスト制作一覧へ

この記事を書いた人

エリさんエリ


illustratorの整列の機能は是非覚えましょう!複数のオブジェクトをまとめて中央揃えにしたり、等間隔で決められたpx等で配置するのにすごい便利です。イラレをマスターする為には必須の機能の紹介でした。

イラストレーター整列にいいね!