はじめに と 動画版

このチュートリアルでは、CLIP STUDIO PAINTバージョン2.0で追加された新しい整列・分布ツールの使い方を説明し、その結果をパースペクティブのある描画で使用する方法を紹介します！

 

こちらのヒントは動画形式でもご覧いただけます。テキストがお好みの場合は、以下をご覧ください！

高層ビル群が特徴的な3点透視図法のイラストを制作してきましたが、今回、このような窓を簡単に作成する方法をご紹介します！

窓のグリッドファイルを作成する

まず、幅1200ピクセル、高さ2400ピクセルの新しいファイルを作成します。

新しいファイルにはデフォルトでラスターレイヤーがありますが、それを選択してゴミ箱アイコンをクリックして削除します。

 

次に、新しいベクターレイヤーを作成します。ベクターレイヤーはレイヤー上の立方体アイコンで示されます。

 

ベクターレイヤーは、画質を損なう心配なくサイズを変更できるため、線画に最適です！

私のシーンは高い鳥瞰図なので、詳細な窓は必要ありません。シンプルな長方形で十分です。

図形ツールに移動し、長方形サブツールを選択します。

 

注：すべてのツールと同様に、図形ツールのアイコンは選択されているサブツールによって異なる場合があります。

ブラシサイズ4を使用して、窓を表す小さな長方形を1つ描画します。

同じレイヤー内のベクターオブジェクトを複製する

操作ツールに移動し、オブジェクトサブツールが現在のサブツールであることを確認します。

 

ベクターオブジェクトを選択します。線上に直接クリックする必要があることに注意してください。ベクターオブジェクトが選択されていると、青い囲みボックスと長方形自体にオレンジ色の選択が表示されます。

編集メニューに移動してコピーを選択します。次に、編集メニューに移動して貼り付けを選択します。これにより、同じベクターレイヤー上で、元の窓の上に窓が複製されます。

 

注：Ctrl C（Macでは⌘Cmd C）はコピーのショートカットで、Ctrl V（Macでは⌘Cmd V）は貼り付けのショートカットです。

オブジェクトサブツールを使用して、新しく作成した窓を横にドラッグします。整列については後で説明するので、今は気にしないでください。

 

ドラッグする際は、移動アイコンが表示されるまでカーソルを青いバウンディングボックスの近くに配置することをお勧めします（上記のアニメーションで確認できます）。その後、クリックしてオブジェクトを移動できます。ベクターオブジェクトを直接クリックしてドラッグしようとすると、誤ってコントロールポイントの1つをドラッグしてしまい、代わりに形状が変わってしまう可能性があります！

建物の壁面に配置したい窓の数だけ、少なくとも10個の窓が並ぶまで貼り付けを続けます。

ベクターレイヤー上の複数のオブジェクトを選択する

次に、それらすべてを選択します。Shiftキーを押しながら各オブジェクトをクリックすることでも可能ですが、もっと簡単な方法があります！

オブジェクトサブツールで、「透明部分の操作」のドロップダウンをクリックします。「ドラッグで範囲選択」のチェックボックスをオンにし、その下のオプションが「同一レイヤーのオブジェクト」に設定されていることを確認します。

窓を整列・分布する

整列・分布パレットに移動します。画面に表示されていない場合は、ウィンドウメニューをクリックし、リストから「整列・分布」を選択します。

すべての窓を同じ水平線上に配置するには、「垂直方向中央揃え」をクリックします。

窓同士を等間隔に配置するには、「水平方向の等間隔分布」をクリックします。

 

しかし、異なる間隔にしたい場合はどうしますか？

デフォルトでは、両端のオブジェクト間に均等に間隔が配置されます。

 

したがって、間隔を広くしたい場合は、いずれか一つを外側に移動してから分布させ、間隔を狭くしたい場合は、さらに内側に移動させます。

 

オブジェクトを整列および分布する方法には、形やサイズが異なる場合でもいくつかの追加オプションがあります。公式のCLIP STUDIOのチュートリアルでは、それらすべてを詳しく説明しています！リンクはこちらです。

このオブジェクトセットをキャンバスの中央に配置したいです。個々のオブジェクトを選択した状態で「水平方向中央揃え」をクリックしようとすると、それらが互いに重なってごちゃごちゃになってしまいます。

ただし、整列ツールをレイヤー全体に適用すると、レイヤー内のすべてが1つのオブジェクトとして扱われます。レイヤーをクリックして選択し、「水平方向中央揃え」をクリックします。

 

ヒント：これはフォルダーでも機能します。フォルダーを選択すると、その中のすべてのレイヤーが1つのオブジェクトであるかのように整列できます。

次に、この窓の列を垂直方向に繰り返したいです。

レイヤーを右クリックし、「レイヤーを複製」を選択します。

 

ヒント：または、先に述べたコピー＆ペーストのショートカット（Ctrl CとCtrl V）を使用すると、レイヤーをより速く複製できます。

 

これを繰り返し、少なくとも20個のレイヤーが大量にできるまで続けます。高層ビルは高いです！今回は30行にします。

これで、これらのレイヤーがすべて積み重なりました。今回は、キャンバス全体に上下に分布させたいと思います。

 

整列・分布パレットで、「揃える基準」を「キャンバス」に変更します。

最初のレイヤーをクリックし、Shiftキーを押しながら最後のレイヤーをクリックして、すべてのレイヤーを選択します。

 

次に、整列・分布パレットで「垂直方向の等間隔分布」をクリックします。

最後に、すべてのレイヤーがまだ選択されている状態で、いずれかのレイヤーを右クリックし、「選択中のレイヤーを結合」を選択します。それらはすべて単一のベクターレイヤーに結合されます。

 

ここでレイヤーの名前を変更する良い機会です。私は単に「Windows」と名付けました。

窓レイヤーをアートワークにコピーする

レイヤーがまだ選択されていることを確認し、編集メニューに移動して「コピー」を選択します。

次に、窓を追加したいアートワークを開きます。（ファイル -> 開く）

 

窓レイヤーを配置したい場所のすぐ下のレイヤーを選択します。

編集メニューに移動し、「貼り付け」を選択します。

選択していたレイヤーの上にWindowsベクターレイヤーが表示されました。

 

窓は小さく見えますが、ベクターレイヤー上にあるため、必要なだけ拡大縮小できます。

グリッドをアートワークに合わせて変形する

編集メニューに移動し、「変形」にカーソルを合わせ、「自由変形」を選択します。

窓レイヤーを建物に移動します。

 

バウンディングボックスの各角にあるコントロールポイントをドラッグして、既存のパースペクティブの線に従って窓が建物の側面を覆うようにします。

 

まだ「OK」をクリックしないでください。もう1つ確認したい設定があります。

「ベクターの線幅を変更」がチェックされていることを確認してください。アニメーションでわかるように、このオプションがチェックされている場合、手前の線は太くなり、遠くの線は細くなります。

 

これで「OK」をクリックして変形を確定できます。

線画のクリーンアップと仕上げ

まだベクターレイヤーなので、遠くで視認性が低くなるいくつかの窓をオブジェクトツールで選択して削除することもできます。 simplyクリックして選択し、キーボードのDeleteキーを押すだけです。

 

高層ビルの窓はさまざまなサイズや構成で存在します。参考写真をたくさん見てアイデアを得るようにしてください！

 

私はこのシーンの残りの主要な高層ビルにも、まったく同じテクニックを使って窓を作成します。

 

遠くにある建物は詳細が少なくなることを覚えておいてください。

そして、これが私の線画の完成形です！

まとめ

新しい整列・分布ツールは、2Dの描画、デザイン、パターンに非常に便利ですが、3Dパースペクティブアートにもどのように使用できるかを探るのは楽しいと思いました。このヒントがお役に立てば幸いです！

 

私のチュートリアルがお気に召しましたら、Clip Studio Tipsで私をフォローするか、YouTubeチャンネルを購読してください。TwitterまたはInstagramで@MsRedNebulaをタグ付けして、このヒントを使って作成したアートを見せてください！