クリスタの整列・分布パレットで絵をキレイに配置しよう!!【Ver.2.0】

※記事内に広告を含みます

皆さん、本日も閲覧ありがとうございます。
山本電卓と申します。

2023年3月14日にイラスト・漫画制作ソフトCLIP STUDIO PAINT(クリップスタジオペイント)のVer.2.0がリリースされたことにより、多くの新機能が追加されました。

今回はその中でもレイヤー上にある対象をキレイに配置することができる「整列・分布パレット」の使い方を紹介させていただきますのでよろしくお願いいたします
( `・∀・´)ノ!

ポイント

クリスタの「整列・分布パレット」を使用するにはクリスタをVer.2.0以降にアップデートする、もしくはVer.2.0かVer.3.0のクリスタを購入する必要があります。

【クリスタVer.3】アップデートプランの契約方法を紹介します!!

クリスタを無期限Ver.2・Ver.3に!優待バージョンアップ購入方法!


▼イラスト・簡単な漫画なら【CLIP STUDIO PAINT PRO】

CLIP STUDIO PAINT PRO

▼本格的な漫画・アニメーション制作なら【CLIP STUDIO PAINT EX】

CLIP STUDIO PAINT EX

参考記事:クリスタを購入する3つの方法と手順紹介!!

CLIP STUDIO PAINT(クリスタ)の整列・分布パレットとは

クリスタにて選択した対象をキレイに整列・分布させることができる!

クリスタのレイヤー上に描画・設置した対象物を選択し、「整列・分布パレット」にて操作することでクリスタ側がその対象物を自動で整列・分布してくれる機能です。

クリスタの整列・分布機能


描画後でも配置の変更ができますし、手動ではなかなか難しいキレイな配置も可能なわけです。


また複数の対象だけでなく単体の対象に対しても使用することができますので、「絵をキャンバス中央に配置したい」といったこともできます。

クリスタの整列・分布でキャンバスの中央に配置

整列・分布パレットはクリスタのどこにある?

クリスタの整列・分布パレットの初期位置は画面右側のツールプロパティパレットと同じ段にてタブをタッチすることで開くことができます。

クリスタの整列・分布パレット
MEMO

整列・分布パレットが見当たらない場合はCLIP STUDIO PAINT画面上部から「ウィンドウ」→「整列・分布」と選択することでも開くことができます。

クリスタウィンドウメニュー「整列・分布」


また、Ver.1.xからVer.2.0にアップデートした場合、クリスタを起動しますと画面中央に独立した形で表示されますのでお好みの位置に移動・配置させましょう。

クリスタの整列・分布パレット


関連記事

クリスタパレットの移動・配置方法とその仕様!!

CLIP STUDIO PAINT(クリスタ)整列・分布パレットの使い方

クリスタで整列・分布させる対象を選択しよう!

まずはクリスタにて整列・分布させたい対象を選択します。
選択方法はその対象によって変わります。

「整列」を行う場合は単体を選択しても複数選択しても構いません

ただし、「分布」を行う場合は3つ以上選択する必要があります。

レイヤーを選択する場合

レイヤーパレットにて整列・分布させたいレイヤーを選択します。

クリスタ:レイヤー選択


複数選択したい場合はレイヤーの左端にある空欄をタッチしてチェックを入れていきましょう。

クリスタでレイヤーを複数選択
MEMO

[Ctrl(Commannd)]を押しながらレイヤーを選択することでも複数選択ができますし、[Shift]を押しながら2つのレイヤーを選択しますとその間にある全てのレイヤーを複数選択することができます。

※[Ctrl(Commannd)]を押しながらレイヤーのサムネイル部分をタッチしますとそのレイヤーの描画部分の形に選択範囲が作成されますので注意しましょう。


レイヤーを選択する場合、1つのレイヤー上に描画された部分で1つの対象という扱いになります。
つまり、同じレイヤー上に複数の絵を描いていたとしても整列・分布する時は一緒に動くのです。

クリスタの整列・分布(レイヤー単位)


別々で整列・分布させたい場合はレイヤーを分けましょう。


また、レイヤーフォルダーを選択した場合もそのレイヤーフォルダーに入っているレイヤーをまとめて1つの対象という扱いになります。

クリスタの整列・分布(レイヤーフォルダー)


各レイヤーを別で整列・分布させたい場合はレイヤーフォルダー内のそれぞれのレイヤーを複数選択しましょう。

クリスタの整列・分布(レイヤーフォルダー内で複数選択)

オブジェクトツールで対象を選択する場合

クリスタのオブジェクトツールで対象をタッチすることで選択状態にすることができます。

クリスタのオブジェクトツール

クリスタのオブジェクトツールの設定内容!


このオブジェクトツールを使用しますと同じレイヤー上でも複数選択が可能で、別々で整列・分布させることができます。

注意

オブジェクトレイヤーで複数選択する場合は同じレイヤー上に対象がある必要があります。


オブジェクトツールで選択できる対象は以下のものがあります。


●ベクター線

クリスタの整列・分布(ベクターレイヤー)

これぞクリスタの特徴!ベクターレイヤーが便利すぎる!!


●制御点

クリスタの整列・分布(制御点)

クリスタは便利!ベクター制御点ツールでこんなことができる!!


●テキスト(テキストレイヤー)

クリスタの整列・分布(テキスト)

クリスタのテキストで出来る23のコト!!


●定規・ガイド線

クリスタの整列・分布(定規)

クリスタ定規ツールの種類と使い方・効果を紹介します!!


●フキダシ(フキダシレイヤー)

クリスタの整列・分布(フキダシ)

クリスタ・フキダシツールの便利な点を紹介します!!


●流線(流線レイヤー)

クリスタの整列・分布(流線)

クリスタ流線ツールの設定&使い方!-漫画効果線を楽々作成!-


●集中線・フラッシュ(集中線レイヤー)

クリスタの整列・分布(集中線)

クリスタの集中線ツールの設定方法!-漫画効果線を楽々作成!-

クリスタのフラッシュツールの設定と漫画での使い方!!

オブジェクトツールでの複数選択方法

オブジェクトツールで複数選択したい場合はツールプロパティもしくはサブツール詳細ウィンドウの「選択の追加」で「追加選択」アイコンを選択している状態で対象をタッチしていきましょう。

クリスタのオブジェクトツール
MEMO

[Ctrl(Commannd)]もしくは[Shift]を押しながらタッチすることでも複数選択が可能です。


また、ドラッグ操作を行うことでその範囲内に入った対象を選択するといったこともできます。

クリスタのオブジェクトツール(ドラッグ選択)


こちらはオブジェクトツールの『透明箇所の操作』の設定を行うことで可能になります。


ベクター線を選択する場合は以下の記事も参考にしてみてください。

クリスタで複数のベクター線を簡単に選択する方法!!

クリスタの整列・分布パレットを設定しよう!

整列・分布を実行する前に、クリスタの整列・分布パレットにて配置の設定を行います。

クリスタの整列・分布パレット

「整列基準」

整列・分布を行う際の基準となる範囲を設定します。
例えば「上端」に整列させる場合に「どの範囲の上端にするのか」といった基準を指定します。

クリスタの整列・分布パレット


●「整列対象」
選択した対象が内接する長方形が整列・分布の範囲になります。

クリスタの整列・分布「整列基準」(整列対象)


●「キャンバス」
キャンバス全体が整列・分布の範囲になります。

クリスタの整列・分布「整列基準」(キャンバス)


●「選択範囲」
キャンバス上に作成した選択範囲が整列・分布の範囲になります。

クリスタの整列・分布「整列基準」(選択範囲)
MEMO

複数の選択範囲がある場合は全ての選択範囲が入る範囲になります。

クリスタの整列・分布「整列基準」(選択範囲・複数)

クリスタ4つの「選択範囲」作成方法とその機能!!


●「ガイド」
キャンバス上に設置したガイド線を基準に整列・分布します。
複数のガイド線がある場合は1番近いガイド線を基準にします。

クリスタの整列・分布「整列基準」(ガイド)


また、ガイド線がない方向に整列・分布する場合は「整列対象」と同じ範囲になります。

MEMO

ガイド線は「ガイド定規ツール」で設置することができます。

クリスタのガイド定規ツール


また、「ルーラー」からドラッグすることでも設置することができます。

クリスタ:ガイド線


●「自動」
対象の選択やキャンバス上の状況によって上記の「整列対象」「キャンバス」「選択範囲」「ガイド」の4つから自動で設定されます。
どれが設定されたかも整列・分布パレット内で確認できます。

クリスタの整列・分布「整列基準」(自動)

「テキストの描画境界を整列させる」

整列・分布パレット下部にある項目です。

クリスタの整列・分布パレット「テキストの描画境界を整列させる」


チェックを入れますと、基準となる範囲にテキストの文字部分がピッタリくっつくように整列・分布されるようになります。

クリスタの整列・分布パレット「テキストの描画境界を整列させる」
MEMO

ちなみに、チェックを外している状態での設置位置と「ハンドル」の枠とが一致するわけではないようです。

クリスタの整列・分布パレット「テキストの描画境界を整列させる」(ハンドルあり)

「ベクター中心線を整列させる」

整列・分布パレット下部にある項目です。

クリスタの整列・分布パレット「ベクター中心線を整列させる」


チェックを入れますと、基準となる範囲にベクター中心線がピッタリくっつくように整列・分布されるようになります。

クリスタの整列・分布パレット「ベクター中心線を整列させる」
MEMO

「ベクター中心線」とはベクター線をオブジェクトツールで選択した時に表示される中心にある線部分のことを指します。


関連記事

クリスタで線画!消しゴムをうまく使うコツはベクター中心線!

クリスタで整列・分布を実行しよう!

対象の選択、整列・分布パレットの設定が完了しましたら整列・分布を実行しましょう。

整列・分布パレットの「整列」「分布」「等間隔に分布」の項目にあるアイコンをタッチすることで選択してある対象を基準となる範囲内で整列・分布します。

クリスタの整列・分布パレット「整列」「分布」「等間隔に分布」


このアイコンでの整列・分布は複数回行っても構いません


元の配置に戻したい場合はクリスタの「取り消し」機能を利用しましょう。

「整列」

クリスタの整列・分布パレット「整列」


●「左端を整列」
選択した対象を基準となる範囲内の左端に水平移動させます。高さは変わりません。

クリスタの整列・分布「左端を整列」


●「水平方向中央を整列」
選択した対象を基準となる範囲内の中央に水平移動させます。高さは変わりません。

クリスタの整列・分布「水平方向中央を整列


●「右端を整列」
選択した対象を基準となる範囲内の右端に水平移動させます。高さは変わりません。

クリスタの整列・分布「右端を整列」


●「上端を整列」
選択した対象を基準となる範囲内の上端に垂直移動させます。左右の位置は変わりません。

クリスタの整列・分布「上端を整列」


●「垂直方向中央を整列」
選択した対象を基準となる範囲内の中央に垂直移動させます。左右の位置は変わりません。

クリスタの整列・分布「垂直方向中央を整列」


●「下端を整列」
選択した対象を基準となる範囲内の下端に垂直移動させます。左右の位置は変わりません。

クリスタの整列・分布「下端を整列」
ポイント

対象を基準となる範囲内の中心に移動させたい場合は「水平方向中央を整列」と「垂直方向中央を整列」を1回ずつ使用します。

クリスタの整列・分布でキャンバス中央に配置

「分布」

「分布」とは3つ以上の対象を配置する作業を指します。

少々ややこしいのですが、
例えば基準となる範囲が「キャンバス」で「上端を分布」を実行する場合、1番上と1番下にある対象を「キャンバス(整列基準の範囲)」の上端・下端にそれぞれ移動させ、1番上と1番下にある対象の「上端同士の間の長さ」をその範囲内にある対象の数で等分(画像の場合3つあるので3等分)し、その等分線に各対象の「上端」を合わせて分布します。

クリスタ分布機能その1
クリスタ分布機能その2
クリスタ分布機能その3


※対象のサイズがそれぞれで異なると等分線に合わせたとしても配置に偏りを感じたり、対象が重なったりすることもあります。


この配置の際にどの箇所を等分線に合わせるかを「分布」のアイコンで選択します。

クリスタの整列・分布パレット「分布」


●「上端を分布」
対象の上端を(水平の)等分線に合わせます。左右の位置は変わりません。

クリスタの整列・分布パレット「上端を分布」
クリスタの整列・分布「上端を分布」


●「垂直方向中央を分布」
対象の中央を(水平の)等分線の中央に合わせます。左右の位置は変わりません。

クリスタの整列・分布パレット「垂直方向中央を分布」
クリスタの整列・分布「垂直方向中央を分布」


●「下端を分布」
対象の下端を(水平の)等分線に合わせます。左右の位置は変わりません。

クリスタの整列・分布パレット「下端を分布」
クリスタの整列・分布「下端を分布」


●「左端を分布」
対象の左端を(垂直の)等分線に合わせます。高さは変わりません。

クリスタの整列・分布パレット「左端を分布」
クリスタの整列・分布「左端を分布」


●「水平方向中央を分布」
対象の中央を(垂直の)等分線の中央に合わせます。高さは変わりません。

クリスタの整列・分布パレット「水平方向中央を分布」
クリスタの整列・分布「水平方向中央を分布」


●「右端を分布」
対象の右端を(垂直の)等分線に合わせます。高さは変わりません。

クリスタの整列・分布パレット「右端を分布」
クリスタの整列・分布「右端を分布」

「等間隔に分布」

クリスタの整列・分布パレット「等間隔に分布」


3つ以上の対象の間隔が同じになるように分布します。

各対象のサイズによって対象同士が被らない場合は「隙間」を等間隔に

クリスタの整列・分布「等間隔に分布」


対象同士が被る場合はその「被る分の長さ」を等間隔に分布します。

クリスタの整列・分布「等間隔に分布」


●「垂直方向を等間隔に分布」
垂直方向の間隔を同じになるように配置させます。左右の位置は変わりません。

クリスタの整列・分布「垂直方向を等間隔に分布」


●「水平方向を等間隔に分布」
水平方向の間隔を同じになるように配置させます。高さは変わりません。

クリスタの整列・分布「水平方向を等間隔に分布」


また、「垂直方向を等間隔に分布」と「水平方向を等間隔に分布」を1回ずつ使用することもできます。

クリスタの整列・分布「水平方向を等間隔に分布」「垂直方向を等間隔に分布」

【補足①】メニューやショートカットからの整列・分布も可能

整列・分布パレットの操作は、
CLIP STUDIO PAINT画面上部から「編集」→「整列・分布」と選択して開く一覧からも実行することができます。

クリスタ編集メニュー「整列・分布」


また、メニューから実行できるということは、ショートカットを設定することも可能ということになります。

クリスタショートカット「整列・分布」

クリスタでショートカットを設定して作業効率を上げよう!

【補足②】レイヤーマスクがある時の整列・分布

クリスタではレイヤーの描画部分を非表示にするレイヤーマスク機能があります。

クリスタ:レイヤーマスク範囲表示

クリスタのレイヤーマスク(隠す)機能と使い方!!


整理・分布を行うレイヤーにレイヤーマスクが使用されている場合は、チェック(リンク)のON・OFF、サムネイルの選択箇所によって整列・分布の結果が変わります。

レイヤーマスクのリンクがONの場合

レイヤーマスクによって描画部分が一部非表示になっており、リンクもONになっている場合は表示されている描画部分の端に合うように整列・分布されます。

クリスタの整列・分布(マスクリンクあり)


この時、レイヤーでの選択はサムネイルでもマスク部分でも同じ結果になります。

クリスタのサムネイル選択(マスク)


また、レイヤーマスクが使用されていても描画部分の端が非表示になっていないなら通常通り描画部分の端に合うように整列・分布されます。

クリスタの整列・分布(マスクリンクあり)
MEMO

手元のクリスタで使用したところ、レイヤーマスクのリンクがONで整列・分布した際にマスクの表示部分が変に残ったように表示されることがありましたが、別の箇所を触るとその表示もなくなりますし、実際にその場所にマスクの表示部分が存在するわけでもないので一時的な不具合かなと思われます。

クリスタの整列・分布(マスクリンクなし・マスク選択)時の表示

レイヤーマスクのリンクがOFFの場合

レイヤーマスクが使用されており、リンクがOFFになっている場合はレイヤーでの選択する箇所によって整列・分布の結果が変わります。


●レイヤーのサムネイルを選択している場合
描画部分だけが整列・分布されます。
整列・分布によってレイヤーマスクの表示位置から外れて非表示になることもあります。

クリスタの整列・分布(マスクリンクなし・サムネイル選択)


●マスク部分を選択している場合
レイヤーマスクの表示範囲が整列・分布されます。
描画部分は移動しません。

クリスタの整列・分布(マスクリンクなし・マスク選択)


ちなみに、レイヤーを複数選択した場合は自動でレイヤーのサムネイルが選択されるようになります。

クリスタのマスク使用時の複数選択

CLIP STUDIO PAINT(クリスタ)整列・分布パレットの使用例

柄の作成

複数の絵をキレイに配置させて柄を作成することができます。

クリスタの整列・分布で柄の作成


その後、クリスタの「タイリング」機能を利用することもできます。

クリスタのタイリングで柄パターン素材を自作する方法!!

背景の作成

建物の窓など、規則的に並んでいる背景を「等間隔に分布」を利用して作成することができます。

クリスタの整列・分布で背景の作成
ポイント

上記の作業を行う場合、各絵は別々のレイヤーにして分布させましょう。


同じベクターレイヤー上にてオブジェクトツールで選択状態にした場合、絵ではなく制御点が分布されて絵が崩れてしまいます。

テキストの配置

漫画のセリフなど、各テキストの位置を揃える際に利用できます。

クリスタの整列・分布でテキストの配置


また、フキダシ内に選択範囲を作成し、「整列基準:選択範囲」でテキストレイヤーを「水平方向中央を整列」と「垂直方向中央を整列」を使用してフキダシの中央にぴったしテキストを配置することができます。

クリスタの整列・分布でフキダシの中央に配置


さらに、ガイド線で配置したい位置を決めてから「整列基準:ガイド」で1文字ずつ別の設定をしたテキストを整列させて「テキストのレイアウト」を表現することもできますね。

クリスタの整列・分布パレットでテキストレイアウト


上記の画像ではガイド線もオブジェクトツールで複数選択してから「等間隔に分布」を実行して配置しています。

ベクター線の等間隔配置

今まで等間隔な線を描画するには「グリッド」や「流線ツール」を利用する方法がありました。

クリスタサポート機能グリッド・ルーラーのおすすめ設定!!

クリスタでマス目のある方眼紙を簡単に作る方法はあります!!


しかし、ベクター線をオブジェクトツールで選択状態にしてからこの整列・分布パレットの「等間隔に分布」を利用すればベクター線を等間隔に配置することができます。

クリスタの整列・分布でベクター線を等間隔配置

任意の位置への移動

クリスタのキャンバス上にガイド線を十字に設置し、「整列基準:ガイド」で「水平方向中央を整列」と「垂直方向中央を整列」を使用しますと十字のガイド線の交点が中心となる位置に対象を移動させることができます。

クリスタの整列・分布で任意の位置への移動

地面への設置

地面となる位置にガイド線を設置し、「整列基準:ガイド」で「下端を整列」を実行することで選択した対象物を同じ地面の高さに設置させることができます。

クリスタの整列・分布で地面への設置

CLIP STUDIO PAINT(クリスタ)の整列・分布パレットでオブジェクト配置を楽にしよう!

クリスタVer.2.0から新しく追加された整列・分布パレットによって対象(オブジェクト)を簡単に配置することができます。

今までは手動で配置していた作業がきっちり整列・分布させることができるようになります。

自分で描画したイラストなどを整列・分布させることでさらに表現の幅が広がったと思いますので是非ご利用ください◎


それではここまで閲覧ありがとうございました!
お疲れ様でした!!


▼イラスト・簡単な漫画なら【CLIP STUDIO PAINT PRO】

CLIP STUDIO PAINT PRO

▼本格的な漫画・アニメーション制作なら【CLIP STUDIO PAINT EX】

CLIP STUDIO PAINT EX

参考記事:クリスタを購入する3つの方法と手順紹介!!


▼動画視聴型お絵描き講座【Palmie(パルミー)

パルミー

▶パルミーについて詳しく見る