ウィアードッグス流コミック制作

整列・分布機能の活用方法とタイミング

21,701

simonwl

自動翻訳 | 原文を見る

はじめに

今回もチュートリアルへようこそ！お気づきの方もいらっしゃるかと思いますが、先日CLIP STUDIO PAINTがバージョン2.0にアップデートされました！それに伴い、たくさんの新機能が追加されました。

私が最も興奮した機能の一つは、整列・分布機能です。今回は、その仕組みと、いつ使うと便利なのかを見ていきましょう！

いつものように、チュートリアルビデオを以下に掲載しています。

整列・分布機能の仕組み

まず、まだウィンドウが表示されていない場合は、[ウィンドウ] > [整列・分布]メニューオプションから開くことができます。

次に、これらのボタンが何をするのかを見ていきましょう。

各ボタンにマウスカーソルを合わせると、その機能の詳細な説明が表示されます。

まず、整列・分布機能を選択できます。左揃え、水平方向の中央揃え、右揃え、上揃え、垂直方向の中央揃え、または下揃えを行うことができます。同様に、アイテムを同じ方法で分布させることもできます。

これらの機能がどのように動作するかは、選択した「基準」によって異なります。この設定は、要素が整列または分布される空間を決定します。

最初のオプションは「整列するオブジェクト」です。これは、オブジェクトが現在占めている空間内で整列されることを意味します。このオプションのみで注意すべき点は、オブジェクトが占める空間は、オブジェクトの位置が変更されるたびに毎回更新されることです。例えば、4つのオブジェクトすべてがキャンバスの四隅に配置されており、それらの上端を整列した場合、次に配置しようとするときは、キャンバス全体ではなく、より狭い領域が整列の計算に使用されます。

次に、「キャンバス」です。オブジェクトはキャンバス全体内で整列されます。

「選択範囲」では、オブジェクトは作成した選択範囲内で整列されます。

「ガイド」は、作成したガイドラインを指します。(ガイドラインは、定規ツールを使用するか、[表示]メニューから「定規バー」オプションをアクティブにして、バーから定規をドラッグ＆ドロップすることで作成できます。)複数のガイドラインが存在する場合、単一のオブジェクトまたはレイヤーは常に最も近いガイドラインに整列されますが、複数のオブジェクトまたはレイヤーの場合は、最も多くのオブジェクトが近いガイドラインに整列されます。

最後に、「自動」は、選択内容に基づいて、現在最も適切と思われる以前のオプションを自動的に選択します。複数のレイヤーが選択されている場合は「整列するオブジェクト」が選択されます。選択範囲がアクティブな場合は「選択範囲」が選択されます。ガイドがアクティブな場合は「ガイド」が選択されます。これらのいずれも当てはまらない場合は「キャンバス」が選択されます。

要素間に常に正確に同じスペースがあることを保証する「等間隔に分布」オプションもあります！同様のサイズのオブジェクトを整列している場合、「水平／垂直方向の中央揃えで分布」機能を使用しても大きな違い（または全く違い）に気づかないかもしれません。

ただし、オブジェクトのサイズが異なる場合は、違いが見え始めます。等間隔に分布する場合、スペースはオブジェクトの端に基づいて計算されます。

水平方向の中央揃えで分布する場合、スペースは、そう、オブジェクトの水平方向の中心に基づいて計算されます。

最後に、2つの切り替えオプションがあります。

「テキストピクセルに合わせて整列」を選択すると、テキストフレームが引き伸ばされている場合、フレームは無視され、実際のテキストのみが使用されます。これは微妙なオプションですが、ここではテキストを囲むフレームと、このオプションがオンまたはオフに切り替えられたときにどのように異なるかに注意してください。

また、「ベクターパスに合わせて整列」を選択することもできます。これは、実際の形状ではなく、実際のベクターポイントが整列されることを意味します。この描画を見てください。「キャンバス」の基準オプションで「ベクターパスに合わせて整列」をオンにすると、描画の端が切り取られているのがわかります。これは、ベクターパスによって描かれた線の形状ではなく、ベクターパスがキャンバスの端に整列されているためです。

選択範囲からベクターパスを見ると、パスがキャンバスの端に整列されていたことが明確になります。

3つの使用例

これで、機能の仕組みがわかりましたね！

しかし、なぜ私がこの機能に興奮したのでしょうか？いくつかの使用例は何でしょうか？

私が興奮した3つの理由を以下に示します。

#1: コマの配置換えに最適！

コミックページをウェブトゥーンのスクロール形式に再配置したいとしましょう。まず、ページサイズのファイルからすべてのコマをウェブトゥーンサイズのファイルにコピーします。以前は、すべてをコピーした後、各コマを個別に移動する必要がありました。

しかし、今ではすべてのコマを選択し、「キャンバス」を基準として、すべてのコマの水平方向の中心を整列させ、キャンバス全体に垂直方向の間隔を等間隔に分布させることができます。

もちろん、ドラマチックな理由のためにコマ間の間隔を変えるのも良いでしょう（これについては、私の他のチュートリアル「印刷とウェブトゥーン両方に対応したコミックの作り方」と「ウェブトゥーンのシーン切り替えに役立つ8つのテクニック」で詳しく説明しています）。しかし、この種の作業に関しては、新機能は依然として非常に時間の節約になります！

#2: キャラクターの集合画作成に最適！

この例では、このポスターを参考にできるキャラクターの集合画に変えたいと思います。

すべてのキャラクターのレイヤーを結合し、新しいドキュメントにコピーします。次に、それらの水平方向の中心を分布させ、下端を整列させます。もちろん、位置に関する微調整はまだ必要ですが、数回のクリックで作業の90％がすでに完了しました！

次に、警察の集合写真のような背景を作成したいと思います。単一の線レイヤーを作成し、それを複数回コピーします。最後の線を希望の高さに移動します。次に、「整列するオブジェクト」を基準として、垂直方向の間隔を等間隔に分布させます。最後に、各キャラクターの名前を示すテキストも作成します。すべてが同じ高さに配置されるように、「垂直方向の中央揃え」ツールを使用します。また、テキストと対応するキャラクターを選択し、「水平方向の中央揃え」オプションを使用して、各キャラクターの中心に整列させます。

#3: アイコンのエクスポートに最適！

ここにあるすべてのイラストをアイコンとして使用することにしました。そのためには、画像のサイズがすべて均一であることを確認する必要があります。新しい整列機能を使用すると、これを非常に迅速に行うことができます。すべてのレイヤーとフォルダーを選択し、すべてをキャンバスの水平方向と垂直方向の中心に整列させます。次に、「キャンバスサイズを変更」機能を使用して、すべての要素を含む均一な正方形にキャンバスを大まかにトリミングできます。それが完了したら、すべてをもう一度キャンバスの中心に整列させます。

これで、各レイヤーの表示／非表示を切り替えて、すべてを均一なサイズでエクスポートできます。アイコンに特定の画像サイズ要件がある場合は、「書き出し設定」ウィンドウで「出力サイズを指定」を使用することもできます。

ヒントとコツ

このビデオを終える前に、いくつかのヒントとコツを指摘したいと思います！ツールは十分にシンプルに見えるかもしれませんが、いくつか覚えておくべきことがあります。

長方形をガイドラインとして使用する

ガイド自体を整列／分布させることはできませんが、長方形を作成してそれを分布させ、次に実際のオブジェクトをこれらの長方形に整列させ、ガイドのように使用することができます。

正しい順序で使用する

特に長方形ガイド方式を使用する場合、整列機能を使用する正しい順序を覚えておくことが重要です！私が言いたいのは、オブジェクトを「整列するオブジェクト」を基準に「垂直／水平方向の中央揃え」機能で長方形に整列させたいのに、オブジェクトがバラバラに配置されている場合、整列形状は長方形ではなく、そのバラバラな状態に基づいて計算されてしまうということです！したがって、最初にすべてを長方形の中心ではなく、長方形の端に整列させます。オブジェクトが最も遠い長方形の端を選択します。そうすると、オブジェクトが長方形よりも幅広でない限り、「整列するオブジェクト」の基準の中心は長方形になり、長方形自体が動かされることなく、中心に整列させることができます！

よくある間違い

レイヤーに小さくてほとんど目立たない要素が残っている場合、それらも整列／分布値を計算する際に含まれることに注意してください。何かがおかしいと感じたら、レイヤーにそのようなインスタンスがないことを確認してください。

フォルダー vs レイヤー

オブジェクトを整列する際に留意すべきことの1つは、フォルダー内の複数のレイヤーを選択した場合、フォルダー自体ではなく、それらのレイヤーが配置されることです。フォルダー内のレイヤーを選択せずにフォルダーを積極的に選択した場合にのみ、整列／分布機能を使用してもフォルダー内のすべてのレイヤーがグループ化されたままになります。

単一レイヤー上の複数のベクターオブジェクト

整列・分布機能が単一レイヤー上の複数のベクター線に対応していることに注目する価値があります。これは、このような単一線描画を再配置したい場合に役立ちます...

...しかし、このような複数線描画を再配置したい場合には障害となることもあります。

しかし、後者の場合は、分離したい要素を異なるレイヤーに抽出するだけです（例えば、「オブジェクト」ツールを使用して特定の線をクリック＆ドラッグで選択し、切り取り、新しいベクターレイヤーを作成してそこに貼り付けるなど）。これを行うと、レイヤーを選択することで、意図したとおりに整列／分布機能を使用できます。