0.はじめに

新しく導入された整列/分布ツールを使用すると、オブジェクトを相互にすばやく正確に配置および配置できます。このガイドでは、このツールを利用することでワークフローが合理化され、よく整理された結果が得られる 7 つの異なる使用シナリオの完全な手順を説明します。

 

1. ツールを理解する

ユースケースについて説明する前に、ツールがどのように機能するかを理解する必要があります。ここでは、ツール パレットにアクセスする方法と、そのさまざまなセクションの機能について詳しく説明します。

 

1.1。整列/分布パレットを開く

配置/分布パレットにアクセスするには、CLIP STUDIO PAINT バージョン 2.0 を使用する必要があります。

 

[ウィンドウ]に移動し、[配置/分布]オプションまでスクロールしてクリックします。

 

これにより、整列/分布ツール パレットが開きます。

 

1.2.レイヤーまたはベクター要素の選択

オブジェクトとレイヤーをすばやく選択する方法を知っていると、整列/分布プロセスが合理化されます。以下は、要素に整列および分配アクションを適用するときに要素を選択する 4 つの主な方法です。

 

1. レイヤーパレットまたは[オブジェクト]ツールから、目的のレイヤーを選択します。レイヤー パレットについては、整列して配布するすべてのレイヤーにチェックを入れるだけです。

 

2. [オブジェクト]ツールでレイヤーを選択する場合、オブジェクトをクリックすると、そのオブジェクトが含まれるレイヤーが選択されます。 Shift キーを押したままにして、この方法で選択範囲にレイヤーを追加します。

 

3. 透明な領域をクリックして、選択したいレイヤーのオブジェクトをドラッグすることで、より迅速に選択することもできます。 [オブジェクト]ツールのツールパレット→[透明部分の操作]メニューを開きます。

 

[ドラッグで領域を選択]にチェックを入れ、サブオプションで[レイヤー]を選択します。

 

 

4.ベクターレイヤー内で作業する場合、レイヤー内のさまざまな要素を選択するか選択しないかを個別に選択し、それらを整列および配布できます。

 

このように選択するには、[オブジェクト]ツールパレットの[透明部分の操作]メニューで、[ドラッグで範囲選択]の設定を[このレイヤーのオブジェクト]に変更します。

 

レイヤーのみを選択すると、ラスター レイヤーのように、すべてのレイヤー要素が 1 つの単位として移動します。

 

1.3。整列と分布の違い

[整列] オプションは整列/均等配置パレットの 2 番目のセクションにあり、[均等配置] オプションは 3 番目のセクションにあります。

 

[整列]:

 

[整列] は、オブジェクトを直線に沿って配置し、選択したすべてのオブジェクトの片側、端、または中心がその不可視または可視の線に接するようにします。要素が重なり合ったり、要素間の間隔が不均一になったりする場合があります。

 

以下は、ツール パレットの左から右への 6 つの整列オプションです。

 

1. [左端を揃える]: このオプションを使用すると、選択したすべてのオブジェクトまたはレイヤーの左端を直線に沿って揃えることができます。

 

 

2. [水平方向の中心を揃える]: このオプションを使用すると、選択したすべてのオブジェクトまたはレイヤーの水平方向の中心が直線に沿って整列されます。

 

 

3. [右端を揃える]: このオプションは、選択したオブジェクトまたはレイヤーの右端を直線に沿って揃えます。

 

 

4. [上端を揃える]: このオプションを使用すると、選択したオブジェクトまたはレイヤーの上端が直線に沿って整列されます。

 

 

5. [垂直方向の中央揃え]: このオプションは、選択したオブジェクトまたはレイヤーの垂直方向の中央を揃えます。

 

 

6. [下端を揃える]: このオプションを使用すると、選択したオブジェクトまたはレイヤーの下端を揃えることができます。

 

[分配]：

 

[分散] は、許可された領域全体に要素を配置します。間隔は、選択したすべてのオブジェクトで、オブジェクトの端または中心に従って等しくなります。

 

たとえば、左端を分配すると、1 番目と 2 番目のオブジェクトの左端の間の距離は、2 番目と 3 番目のオブジェクトの左端の間の距離に等しくなります。

 

注: [配置] オプションを使用するには、少なくとも 3 つのオブジェクトまたはレイヤーを選択する必要があります。

 

以下は、左から右に 6 つの配布オプションです。

 

1. [上端を均等に配置]: このオプションは、上端間の距離が等しくなるようにオブジェクトまたはレイヤーを配置します。

 

 

2. [垂直方向の中心を均等に配置]: このオプションを使用すると、選択したオブジェクトまたはレイヤーの垂直方向の中心間の距離を等しくすることができます。

 

 

3. [下端を均等に配置]: このオプションを使用すると、オブジェクトまたはレイヤーの下端が等間隔になります。

 

4. [左端を均等に配置]: このオプションは、選択したオブジェクトまたはレイヤーの左端を等間隔に作成します。

 

 

5. [水平方向の中心を均等に配置]: このオプションを使用すると、選択したオブジェクトまたはレイヤーの水平方向の中心間の間隔が等しくなります。

 

 

6. [右端を均等に配置]: このオプションを使用すると、選択したオブジェクトまたはレイヤーの右端間の距離が等しくなるように配置できます。

 

 

オブジェクトのサイズが異なる場合、オブジェクト間の余白が等しくないことに気付くかもしれません。この発生については、以下のセクションで説明します。

 

1.4。分配と均等分配の違い

[均等割り付け] オブジェクトの端や中心などの座標に従って、オブジェクトを配置します。このため、オブジェクトのサイズはオブジェクト間の視覚的な空白に影響を与えます。

 

分布が等しい (赤い矢印) 場合でも、大きなオブジェクトは隣のオブジェクトに近く、小さなオブジェクトは横のオブジェクトから遠くに見えます (紫色の矢印)。

 

オブジェクトの大きさを気にせず、オブジェクト間の余白を均等に配置するには、[均等に配置]を使用する必要があります。 [整列・均等配置]パレットの4番目のセクションです。

 

[均等に配置] オブジェクトの始点と終点を等間隔に配置し、許可された領域全体に配置します。

 

[均等に配布] オプションは次の 2 つです。

 

1. [縦方向の間隔を均等にする]: オブジェクト間の縦方向の間隔を均等にするには、このオプションを使用します。

 

 

2. [横方向の間隔を均等にする]: オブジェクト間の横方向の間隔を均等にする場合は、このオプションを使用します。

 

場合によっては、許可された領域が小さすぎて、配布後にオブジェクト間に空白を入れることができないことがあります。このような場合、オブジェクトの端と端の間の負の距離は等しくなります。

 

1.5。アライメントベースの選択

整列ベースは、整列および配布のために許可された領域です。オブジェクトはその領域内に配置され、分散されます。これは、キャンバス全体でも、ガイドまたは選択範囲によって定義された領域でもかまいません。

 

[配置ベース]は、[配置・均等配置]パレットの最初のセクションです。

 

そのオプションは、左から右に次のとおりです。

 

1. [整列オブジェクト]: このオプションを使用すると、選択したオブジェクトがカバーする領域内で整列と分配が行われます。この領域は、さまざまな整列/分布オプションを適用すると変化する可能性があります。

 

 

2. [キャンバス]: このオプションを使用すると、オブジェクトがキャンバス全体に配置され、分散されます。

 

 

3. [選択領域]: [選択領域] ツールで選択を行うことができ、オブジェクトの配置と分布はその領域内にとどまります (選択が行われない場合、選択されたオブジェクトで覆われた領域が選択領域になります)。 ）。

 

4. [ガイド]: このオプションでガイドを使用して、整列および配布時にカバーされる領域を制限できます。ガイドがない側では、最も遠いオブジェクトの端が許可された領域の端を決定します。

 

5. [Auto]: このオプションはコンテキストを考慮します。ガイドがアクティブな場合は、[ガイド]に従って整列されます。

 

複数のオブジェクトを選択している場合は、[整列オブジェクト]に従って整列します。選択範囲がある場合は[選択範囲]に、範囲選択や複数オブジェクトでガイドがない場合は[キャンバス]に合わせます。

 

使用 1: 複雑なモチーフの中心へのスナップ

このツールを使用して、オブジェクトの単純な配置と配置だけでなく、単純な要素から複雑なモチーフを作成することもできます。

 

まず、モチーフ要素を作成します。それらは、サイズが異なることが望ましい。作成したら、すべてのレイヤーを選択します。

 

ここで、[水平方向の中央揃え] をクリックしてから [垂直方向の中央揃え] をクリックするか、その逆をクリックします。これにより、各要素の中心がキャンバスまたは選択された領域の中心に揃えられ、結果として生じる重なりによって複雑なモチーフが作成されます。

 

レイヤーの順序を変更して、モチーフのさまざまなバリエーションを試すこともできます。

 

この方法を使用して、単一のオブジェクトをキャンバスの中心または特定の領域に正確にスナップすることもできます。

 

使用 2: ブラシ作成の調整

新しいブラシを作成するときは、目で確認する必要なく、ブラシ先端の要素を正確に配置して分布させることができます。

 

整列/分布は、ブラシの複数のバリエーションをすばやく試すのにも役立ちます。

 

注: ブラシを作成するための完全な手順については、以前のヒントの次のセクション 3 を参照してください。

 

使用 3: テキストの配置 (および [テキスト ピクセルに配置] )

異なるレイヤーに存在するテキストの整列は、Align/Distribution ツールによって非常に簡単になりました。たとえば、サムネイルで作業している場合、テキストを整列し、テキストの選択した領域内で間隔を分散するためのオプションをすばやく試すことができます (配置ベース [選択領域] を使用)。

 

テキスト ピクセルに揃える:

 

テキストが完全に整列しない場合があることに気付くかもしれません (特に異なるサイズのテキストで顕著です)。

 

これを修正するには、[配置/分布] パレットの [テキスト ピクセルに合わせる] にチェックマークを付けると、正確な配置からテキストの不要なずれが除去されます。

 

使用 4: 対角分布

オブジェクトを斜めに配置したい場合は、配置/配置ツールを使用すると非常に簡単です。

 

まず、すべてのオブジェクトまたはレイヤーを選択し、[左端を揃える] と [上端を揃える] をクリックします。

 

[縦方向の間隔を均等にする] と [横方向の間隔を均等にする] またはその逆を選択します。これにより、オブジェクトが等間隔の対角線上に配置されます。

 

最下層のオブジェクトは、左上隅から下向きの対角線を開始します。上のレイヤーのオブジェクトは、最上位レイヤーのオブジェクトが右下隅で対角線を終了するまで、レイヤー シーケンスに従って下向きの対角線を続けます。

 

レイヤーを並べ替えて上記の手順を繰り返すことで、斜めに配置されたオブジェクトの位置を調整できます。

 

使用 5: パターンの作成

簡単なパターンを作ってみましょう。配置/分布でパターンを作成するには、最初にパターン要素またはモチーフをそれぞれのレイヤー内の各要素のおおよその位置に配置します。ツールパレットの[配置ベース]を[配置オブジェクト]に設定します。

 

[オブジェクト]ツールを選択し、ツールプロパティパレットの[透明部分の操作]に移動します。 [ドラッグで領域を選択]にチェックを入れ、サブオプションで[レイヤー]を選択します。

 

次に、最初の行をドラッグして、行オブジェクトがあるレイヤーを選択します。 [縦中央揃え]で行を揃えて[横間隔を均等に]をクリックすると、行オブジェクトが均等に配置されます。

 

他の行について繰り返します。

 

同様に、[オブジェクト]ツールで列のオブジェクトを選択した後、[横中央揃え]と[横間隔を均等に配置]で各列を個別に整列して配置します。

 

これで、パターンが均等に配置されて分散されましたが、キャンバスの中央に配置されていません。パターン全体を移動するには、要素レイヤーを新しいフォルダーにグループ化します。これを行うには、レイヤーを選択して右クリックし、[フォルダーを作成してレイヤーを挿入]を選択します。

 

ヒント: ベクター レイヤー内で作業している場合は、ベクター レイヤー内のオブジェクトではなくベクター レイヤーを選択します。

 

 

模様フォルダーを選択後、[配置ベース]を[キャンバス]に変更します。次に、[縦中央揃え]と[横中央揃え]をクリックします。

 

パターンが完成し、キャンバスの中央に配置されました!

 

使い方6：スプライトシートを作る

スプライト シートは、キャラクターやオブジェクトのゲーム アニメーションによく使用されます。それらが完全に整列していることが重要です。そうしないと、アニメーションが台無しになる可能性があります。

 

スプライト シートでは、作成する動きに応じてカスタムの配置調整が必要になる場合がありますが、配置/分配を使用すると、最終結果をより迅速に得ることができます。

 

整列/分布ツールを使用して正確なスプライト シートをすばやく作成する方法を見てみましょう。ハートが展開するアニメーションのスプライト シートを使用して手順を説明します。

 

ステップ 1: [View] から [Grid] に移動して、グリッドを開きます。次に、[表示]メニューから[グリッド・ルーラー設定]を開きます。

 

[Gap] ピクセルを調整して、最大の画像が太いアウトラインを持つ大きなグリッド セルの 1 つに収まるようにします。

 

ステップ 2: スプライトをおおよその位置に配置し、それぞれのセルに配置します。

 

STEP3：[位置合わせベース]を[選択範囲]に設定します。長方形の[選択領域]ツールで最初の行がカバーする領域を選択し（上部のアイコン行の[グリッドにスナップ]をオンのまま）、[オブジェクト]ツールで行のスプライトオブジェクトを選択します。

 

[整列/均等配置]パレットの[下端を揃える](必要に応じて[上下中央を揃える])をクリックします。

 

他のすべての行について繰り返します。

 

ステップ 4: すべてのスプライトの水平方向の中心を揃える必要があります。 [選択領域]ツールとアクティブな[グリッドにスナップ]を使用して、最初の列で覆われた領域を最初に選択します。

 

次に、[オブジェクト]ツールで最初の列のすべてのスプライトを選択し、[整列/分布]パレットの[水平方向の中央に整列]をクリックします。

 

他のすべてのスプライト シート列に対して繰り返します。

 

スプライト シートの主な位置合わせが完了しました。私のスプライト シートでは、個々のスプライトのサイズと形状が可変的すぎて、ハートの先端を完全に揃えることができません。グリッドの視覚補助と[オブジェクト]ツールを使用して、ハートの先端が一貫して一点に落ちるように調整します。

 

明らかなように、整列/分布ツールの助けにより、整列したスプライト シートを最初から手動で整列させるのではなく、微調整するだけで済みます。

 

使用 7: 整列されたコンポーネントを含むオブジェクトを作成する (および [ベクトル パスに整列] )

描画するとき (特にシーンと背景)、整列または均等に分散された要素で構成されるオブジェクトに遭遇することがあります。門、フェンス、食器棚、額縁、雄牛の目などです。

 

整列/分配は、このような場合に使用するのに最適なツールです。例えば、焼き二重門を描いています。まず、二つの門が交わる二重門の中心を知りたい。このために、使用 1 で説明した「中心にスナップ」方法を使用します。

 

グリルについては、新しいレイヤーに単一のグリル ユニットを描画し、そのレイヤーを約 15 回コピーして貼り付けます。次に、オブジェクト ツールでレイヤーを選択します。 [選択範囲]ツールでゲートの範囲を選択します。

 

[配置基準]を[選択領域]に設定した状態で、[左右間隔を均等に配置]をクリックします。

 

ベクトル パスに揃える:

 

グリルは均等に配置されていますが、両端にあるはずのない空白があります。これは、ベクターレイヤーを使用している場合に発生する可能性があり、[整列/分布]パレットの[ベクターパスに整列]を選択することで簡単に修正できます。

 

[水平間隔を均等に配置] をもう一度選択すると、ゲートのグリルが選択領域全体に完全に均等に配置されました。

 

レイヤーはまだ選択されているので、そのうちの 1 つを右クリックし、[選択したレイヤーを結合] を選択して、完全なグリルが複数のレイヤーに分散するのではなく、1 つのレイヤーに収まるようにします。

 

もう一方のゲートのグリル レイヤーを複製し、デザインを調整し、一方のゲートの遠近法を変換した後の最終結果は次のとおりです。

 

最終的な考え

チュートリアルは以上です。この記事が、この印象的な新しい整列/分配機能と、その使用の幅広い可能性を最大限に活用するのに役立つことを願っています。

 

読んでくれてありがとう。ご質問やご意見がありましたら、お気軽にお知らせください。