オブジェクトの整列


Illustratorでは、複数のオブジェクトを指定した設定に基づいて、整列することが出来ます。


 

 


整列

■ 整列の手順


parette.gif整列の設定作業は、「整列パレット」(右図)で行います。
整列」「分布」「等間隔に分布」のカテゴリーが有ります。
それぞれ、「キーオブジェクト」を設定することも出来ます。

以下、具体的に見てみます。

  1. 整列をしたいオブジェクトを、複数同時選択

※ キーオブジェクトを設定する場合、ここでさらにキーとなるオブジェクトをクリックし、選択しておく、つまりキーオブジェクトは2回クリック。

  1. 整列パレットから、目的の整列方法を選択
  2. オブジェクトが、指定の方法に基づいて整列される

■ オブジェクトの整列

seiretu_sourse.gifオブジェクトの整列方法は、6種類 有ります。
右のソース画像に対し、それぞれの整列を指定した場合の結果を、以下、順次掲載します。


 

parette_1.gif水平方向左に整列

seiretu_2.gifオブジェクトの左端が縦一直線に揃います。

parette_2.gif水平方向中央に整列

seiretu_1.5.gifオブジェクトの中央が縦一直線に揃います。

parette_3.gif水平方向右に整列

seiretu_3.gifオブジェクトの右端が縦一直線に揃います。

parette_4.gif垂直方向上に整列

seiretu_4.gifオブジェクトの上端が横一直線に揃います。

parette_5.gif垂直方向中央に整列

seiretu_5.gifオブジェクトの中央が横一直線に揃います。

parette_2.gif垂直方向下に整列

seiretu_6.gifオブジェクトの下端が横一直線に揃います。

■ キーオブジェクトの指定

キーオブジェクト指定キーオブジェクト設定( 水平方向中央に整列の場合)

 

※「オブジェクトの整列」 のテキストに対し、キー設定したケース

seiretu_7.gif水平方向中央に整列、と同じだが、キーオブジェクト(この場合、テキストオブジェクト)を基準に整列する。
従って、キーオブジェクトの選択いかんで、全体の位置が変わる。

 


 

オブジェクトの分布

seiretu_sourse.gifオブジェクトの分布方法も、6種類 有ります。
具体的な手順は「整列」と同じです。

右のソース画像に対し、それぞれの分布を指定した場合の結果を、以下、順次掲載します。


 

parette_7.gif垂直方向上に分布

seiretu_2_1.gifオブジェクト上端の間隔が、垂直方向一定になるようオブジェクトを配置します。

(赤丸で間隔表示-以下同じ)

parette_8.gif垂直方向中央に分布

seiretu_2_2.gifオブジェクト中央の間隔が、垂直方向一定になるようオブジェクトを配置します。

parette_9.gif垂直方向下に分布

seiretu_2_3.gifオブジェクト下端の間隔が、垂直方向一定になるようオブジェクトを配置します。

parette_10.gif水平方向左に分布

seiretu_2_4.gifオブジェクト左端の間隔が、水平方向一定になるようオブジェクトを配置します。

parette_11.gif水平方向中央に分布

seiretu_2_5.gifオブジェクト中央の間隔が、水平方向一定になるようオブジェクトを配置します。

parette_12.gif水平方向右に分布

seiretu_2_6.gifオブジェクト右端の間隔が、水平方向一定になるようオブジェクトを配置します。

等間隔に分布

seiretu_3_1.gif「等間隔に分布」は、オブジェクト間の「隙間」を一定にしてオブジェクトを配置する機能です。
比較的小さいオブジェクト同士で使うと効果的でしょう。
配置方法は2種類有り、それぞれ「自動」と数値を設定しての方法を選択できます。

右のソース画像に対し、以下その設定効果を見てみます。


 

parette_13.gif垂直方向等間隔に分布

seiretu_3_2.gifオブジェクト同士の間隔が、垂直方向一定に配置されます。

(赤丸で間隔表示)

parette_14.gif水平方向等間隔に分布

seiretu_3_3.gifオブジェクト同士の間隔が、水平方向一定に配置されます。

■ キーオブジェクト設定 等間隔に分布

parette_13.gifキーオブジェクト設定(垂直方向 等間隔に分布の場合)

 

※星型オブジェクトにキー設定したケース

seiretu_3_4.gifキーオブジェクトを基準に等間隔に配置されます。
キーオブジェクトを設定する場合、間隔を数値で指定する必要が有ります。


このエントリーをはてなブックマークに追加 Clip to Evernote

トラックバック(0)

トラックバックURL: http://illustrator-ok.com/mt-tb.cgi/66

コメントする

Illustrator 講座 INDEX

Movable typeベースに移行完了

ページの幅が広すぎて一括表示出来ない場合は、HOME 左側の「MENU」から、サイドメニュー無しの旧バージョンページを表示してご覧下さい。


Illustrator イライラ・ストレス解消委員会 HOME

基礎講座
Digital
Color
Color覚書ー電磁波
Digital picture
実践講座
First Step-Tutorial
基本的な機能
パス・ベジェ曲線
PanelとMenu(旧Contents掲載)
パスとオブジェクト
パスの作成
パスの編集
Blend
Mask・複合パス
Gradation mesh
Text
Webとの連携
Appearance(オブジェクトの外観)
FAQ・Tips
h