こんにちは！
今回は、複数の図形（オブジェクト）を綺麗に整理整頓させつ方法を解説していきます。
図形と書いていますが、テキストにも使えるのでぜひ活用してくださいね！
では、下の画像を見てみましょう。
色んな形と大きさの図形が点在していますね。
これらを整列させていきます。
準備するのは整列パネルです。
ウィンドウから表示させておきましょう。
アートボードに整列
整列パネルの下部にある【整列】のプルダウンから、【何を基準に整列するか】を選択することができます。
ここでは試しに【アートボードに整列】にしてみます。
整列させた図形（オブジェクト）を選択している状態で、整列パネルの【垂直方向上に整列】をクリックすると、下の画面のようにアートボードの一番上のラインにピタッと整列させました。
同じように、他の図形も選択してアートボードに整列させてみましょう。
ピタっ
水平方向に整列では、↓↓のようになります。
アートボード上部に整列させた図形を使ってもう少し綺麗に整えていきます。
これでは図形の横の並びがバラバラなので・・
【オブジェクトの分布】を使って整えていきます。
【水平方向に中央に分布】（言葉だけではわかりにくいですねぇ）をクリックで下の図のようになります。
図形それぞれの中心を基準にして、等間隔で横並びになりました(*’ω’*)
これを【垂直方向中央に整列】で、アートボードの縦に対して真ん中の位置に配置されます。
次にやると早いこと
操作を1つずつ検索していると、どうしても抜けが残ります。ここから先に進むのに効くものを、安い順に挙げます。
丸と三角と四角の組み合わせだけで形を作っていく本です。ここで扱っている花や月と同じ考え方なので、1つ作れた人がそのまま次に進めます。
操作を1つずつ調べるのに疲れたら、一度通しでやるほうが早いです。10版まで続いている定番で、画面が今のバージョンに合っています。
マウスで描くのに限界を感じたら最初の1台。小さいサイズでも、線の入り抜きが筆圧で変わるので文字ロゴや吹き出しが描きやすくなります。
※ 本記事には広告（アフィリエイトリンク）が含まれます。紹介している商品は、記事の内容に関連するものを編集方針にもとづいて選んでいます。Amazonのアソシエイトとして、おかあさんのおうちは適格販売により収入を得ています。
選択範囲に整列
次に、【選択範囲に整列】させていきましょう。
これは基準になる【範囲】に対して整理整頓できるモードです。
整列パネル下部のプルダウンから【選択範囲に整列】にチェック、並べたい図形を全て選択します。
選択範囲は下の画像では、すべての図形を選択した際に囲われている青線の範囲を示します。
試しに、【垂直方向上に整列】にしてみると↓のように、選択範囲の最上部を基準にして整列されます。
おなじように、【垂直方向下に整列】で、選択範囲の下ラインを基準に並んでくれます。
串刺しマークで図形の中心を基準に整列↓↓
キーオブジェクトに整列
次にこれらを、等間隔に整列させていきます。
図形の大きさが違うので、そのままオブジェクトの分布をしても均等な感覚では並んでくれません。
そんな時は【キーオブジェクトに整列】を選択します。
【キーオブジェクト】は整列の基準になる図形のことです。
整列させたい図形を全て選択している状態で【キーオブジェクトに整列】
基準にしたい図形をワンクリックします。
キーオブジェクトになる図形は、↓のように青い太線で囲まれて表示されます。
キーオブジェクトが選択できたら、整列パネル下部にある【等間隔に分布】で間隔数値を入力してから整列方向をクリックします。
数値は㎜でもOKですよ☺
はい！これで等間隔に整列させることができました☆
統一感が出てすっきりしますね～(*’ω’*)
この【キーオブジェクトに整列】で他の整列のパターンも見てみましょう。
↓↓は垂直方向下に整列
垂直方向上に整列↓↓
このようにして整列パターンを調整して統一感のあるデザインにしていきますよ☺
仕上げ
最後に、ちょっとした注意点を踏まえて仕上げていきます。
整列が整った図形たちを、最後にアートボードの真ん中に配置したい場合、↓の図のようにそのまま【水平方向中央に整列】とすると・・
ギュッと、こんな風にすべての図形が中心に集まってきてしまいます！
そうじゃなくて、整列した図形をそのままの状態で真ん中に整えたい場合は【グループ化】しておくのが正解です。
グループ化は右クリックからか、【Ctrl+G】でできますよ(‘◇’)ゞ
グループ化した図形たちを、整列パネルで再度【水平方向中央に整列】すると、グループした図形の中心とアートボードの中心が合わさってちょうど真ん中に配置されます。
整列パネルは統一性のあるデザインを作るのに必要不可欠なツールなのでぜひマスターしてくださいね～
それでは！SeeYou~
独学で「なぜこの作り方なのか」が埋まらないとき
操作の手順は調べれば出てきますが、どの場面でどの機能を選ぶのかは、記事を1本読むだけではつながりにくい部分です。デジタルハリウッドの通信講座はIllustrator・Photoshopを課題を作りながら進める形式で、つまずいた箇所を質問できます。講座内容と料金は無料で確認でき、個別相談会だけの参加もできます。
ソフトの契約がこれからなら、講座とAdobe Creative Cloud 1年分がセットになったコースもあります。
Adobe CC付きの講座を見る（アドバンスクールオンライン）
※ 上記リンクは広告（アフィリエイト）を含みます。
Googleで「おかあさんのおうち」の新着を優先表示する
災害・道路・住まいの新しい記事がGoogleのトップニュースに出やすくなります。ボタン1回で登録できます。
このページについて聞いてみる・教える
この街のことを知っている人が答えてくれるかもしれません。ニックネームだけで書けます。
まだ書き込みはありません。最初のひとことを書いてみませんか。
個人が特定される内容（氏名・住所の番地・車のナンバー・電話番号）は書かないでください。 見つけた場合は各投稿の「通報」からお知らせください。 削除のご依頼はこちら
コメント