Adobe認定トレーニングセンター

主にAdobeのソフト操作を紹介しています。DTPやWebの業務で役にたったことやツールのポイントなど参考になればと思います。 主観的なものもありますのでご了承ください!

Illustrator

整列パネルを使いこなそう

使用ソフト: Illustrater CC 2018  

整列パネルについて

イラストレーターにはオブジェクトを整列させたり分列させたりできるツールがあります。
オブジェクトの位置を揃えたり、均等に配置させたい時にとても役に立ちます。
機能は大きく分けて以下の通り三つのものがあります。

①オブジェクトの整列
→オブジェクトを揃えます。
複数のオブジェクトを水平方向または垂直方向に整列させます。

②オブジェクトの分布
→複数のオブジェクトを均等に並べ分布させます。

③等間隔に分布
→複数のオブジェクトの間隔を均一にします。

整列させたいオブジェクトに対して、整列させる基準となる場所を選択することができます。
選択範囲、キーオブジェクト、アートボードのいづれかを指定することができます。
キーオブジェクトを選択した場合のみ間隔値を指定することもできます。

選択するオブジェクトは、オブジェクト全体またはダイレクト選択ツールで選択した一部分のアンカーポイントにも指定することができます。
これらの機能を組み合わせることで、思い通りの位置にオブジェクトやアンカーポイントを移動することが可能です。
デザインするにあたって、オブジェクトや文字を揃えるということはとても重要になってきます。
整列パネルを使いこなすことでデザイン性をさらに向上させることができるでしょう。

それでは、やってみましょう!

整列パネルを表示しよう

はじめに、メニューバーの[ウィンドウ]>[整列]を選択して整列パネルを表示します。

整列パネル

整列パネルにはオプションがあり、右上のボタンから[オプションを表示]を選択すると表示されます。

オプション部分は使用頻度も高いので常に表示しておくのがおすすめです。

①オブジェクトの整列

水平方向左に整列

オブジェクトを左側に整列させます。
(風船のオブジェクトはグループ化[command+G]されています。)

水平方向左に整列

水平方向左に整列

 

水平方向中央に整列

オブジェクトを中央に整列させます。

水平方向中央に整列

水平方向中央に整列

 

垂直方向上に整列

オブジェクトを垂直方向上部に整列させます。

垂直方向上に整列

垂直方向上に整列

 

②オブジェクトの分布

水平方向中央に分布

オブジェクトの中心を基準に均等に分布させます。

水平方向中央に分布

水平方向中央に分布

 

③等間隔に分布

水平方向等間隔に分布

オブジェクトが水平方向に均一の間隔で配置されます。

水平方向等間隔に分布

水平方向等間隔に分布

 

整列させる基準を指定しよう

整列させたい基準となる場所を指定することができます。

・選択範囲に整列

・キーオブジェクトに整列

・アートボードに整列

以上の三つがあり、整列パネルの右下にある[整列]から選択することができます。
整列の選択をする前に、あらかじめ整列させる基準を選択しておくことがポイントです。
それぞれの特性をよく理解して使いこなしましょう。

選択範囲に整列

オブジェクトを選択範囲内に整列させます。
あらかじめ選択範囲を指定してから整列させます。

選択範囲に整列

選択範囲に整列

 

キーオブジェクトに整列

選択したキーオブジェクトを基準に整列させます。

キーオブジェクトを選択するときは、基準にしたいオブジェクトを複数回クリックします。
キーオブジェクトとして選択されたオブジェクトは太線で表示されます。

キーオブジェクトに整列

キーオブジェクトに整列

 

アートボードに整列

基準となるアートボード内に整列させます。

アートボードに整列

アートボードに整列

 

アートボードの中心を基準に整列できました。

アートボードに整列

 

間隔値の指定

等間隔に分布を選択し[整列]から[キーオブジェクトに整列]を選択した時のみ、間隔値を設定することができます。

設定したい値をピクセルで指定すると、設定した値の間隔で配置することができます。

設定値

 

おつかれさまでした!
整列パネルの使い方がお解りいただけましたか?
使い方次第でいろいろな場面で大変役に立つツールです。
整列パネルをどんどん制作に役立ててください^^

 

 

  • このエントリーをはてなブックマークに追加
hulu dTV

関連記事

  1. Illustrator

    スターツールを使いこなそう

    スターツールは簡単に星型を作る便利な機能ですが、星を作るだけで終わって…

  2. Illustrator

    切り抜きツールを使ってみよう!

    今回は、Photoshopの機能。切り取りツールの紹介です。は、ト…

  3. DTP

    オブジェクトにトンボをつけよう

    トンボについて印刷物を作成する際に、仕上がりサイズや断裁する位置、…

  4. Illustrator

    立体感のあるデザインを作ろう

    よく見かける立体的なオブジェクトや俯瞰的な視点デザインが、イラレの3D…

  5. 複合パス知識編

    Illustrator

    複合パスを掘り下げてみよう〜知識編〜

    Illustratorを使用していると何かと耳にする機会の多い「複合パ…

  6. Illustrator

    アクションパネルで大幅時短

    Illustratorで作業をする際、同じ作業を何度も何度もすることっ…

人気の記事

CodeCamp
  1. Illustrator

    【左右対称・上下対称】鏡面描画が便利です
  2. Illustrator

    Tracing Hand Lettering in Illustrator
  3. 海外のフリー素材サイト

    Others

    The 19 Best Free Stock Photo Sites
  4. Photoshop

    How to Pixelate Faces in Photoshop
  5. Photoshop

    How to stretch images naturally by ̶…
PAGE TOP