はじめに

皆さんこんにちは、Steeleです。

 

3Dでオブジェクトを描く方法を考えるとき、私たちはパースペクティブドローイングを考えるでしょう？

しかし、「アイソメトリックドローイング」と呼ばれる別の方法があり、これは3Dで何かを描くのに優れた方法です。後ほど、アイソメトリックドローイングとは何か、そしてこの方法の利点について説明します。

 

そして、このチュートリアルでは、クリップスタジオペイントの定規やその他の機能を使って、ワークフローをさらに効率化するためのいくつかのヒントを皆さんと共有します！

アイソメトリックドローイングとは？

「アイソメトリック」という用語は、ギリシャ語のίσο μέτρο「íso métro」（「等しい尺度」を意味する）に由来し、投影の各軸に沿ったスケールが同じであることを反映しています。

 

アイソメトリックドローイングは、建物、部屋、デザインなどのオブジェクトの3D表現であり、アーティストやデザイナーが2D平面上に3D形状を表現するためによく使用されます。この方法では、オブジェクトは上から見ているかのように見え、軸はこの角の点から設定されます。アイソメトリックドローイングは、2つの点が定義された1本の垂直線から始まります。3Dに見えるように、そのすべての側面で30度の角度がとられます。

アイソメトリックオブジェクトのすべての辺は同じ角度で傾いているため、同じように短縮されます。これにより、同じ尺度を使用してオブジェクトの各辺を測定できます。

人々はアイソメトリックドローイングとパースペクティブドローイングを混同しがちです。アイソメトリックとパースペクティブはどちらも異なるものです。

アイソメトリックドローイングと1点透視図法の両方とも、幾何学と数学を使用して2D平面上に3D表現を表示します。ここでは、これら2つの違いについて説明します。

通常、私たちの目は遠近法でオブジェクトを認識します。遠近法には、1点透視、2点透視、3点透視の3種類があります。

 

1点透視図法は人間の目の認識を模倣しており、オブジェクトは見る人から遠ざかるほど小さく見えます。この効果は通常、消失点を使用することで実現されます。最初の垂直線を好きな場所に描き、対角線を消失点まで延長するだけです。下の直方体はこの遠近法／投影図です。平行四辺形ですが、徐々に小さくなっているように見えます。

 

 

アイソメトリックビューは、画像に消失点がないビューです。これは、複数の消失点を持つパースペクティブ画像の描画とは対照的です。消失点とは、平行線が収束する場所です。オブジェクトがどれだけ遠くにあっても、尺度は同じままです。これにより、アイソメトリックドローイングは精度を表現するのに役立ちますが、非常に芸術的な画像や、私たちが通常周囲の世界を認識する方法とは異なります。

 

この方法で描画する利点は、オブジェクトを再描画することなく、自由に回転、再配置、再方向付けできることです。また、オブジェクトを前後に移動しても、スケール感が変化することはありません。パースペクティブなどの他の描画技術では、すでに描画されたアイテムを再利用することはできません。それらは最初から描き直す必要があります。

 

アイソメトリックドローイングは、レンダリングに遠近法を使用しません。アイソメトリックドローイングは、何かがどのように機能するかを説明するために使用される機能的な描画に役立ちますが、パースペクティブドローイングは、オブジェクトや空間のより感覚的なアイデアを伝えるためによく使用されます。

アイソメトリックドローイングは、アーティストやデザイナー、特に建築家、工業デザイナー、インテリアデザイナー、エンジニアにとって非常に役立ちます。部屋、製品、インフラストラクチャを視覚化するのに理想的だからです。さまざまなデザインアイデアを迅速に試すのに優れた方法です。

 

アイソメトリックビューを使用すると、アーティストは複雑な計算、短縮法、さまざまなカメラビューアングルを計算することなく3Dオブジェクトを作成できます。これが、アイソメトリックドローイングがビデオゲームや現代のイラストレーションで広く使用されている理由かもしれません。

ツールの準備

主要なトピックに入る前に、アイソメトリックビューでより簡単に描画できるツールを用意する必要があります。そのため、アイソメトリックドローイングで使用する重要なツールを最初に準備します。

 

アイソメトリックドローイングで使用する主要なツールは、アイソメトリックスナップ定規とアイソメトリックグリッドの2つです。

これらのツールとその他のCLIP STUDIO PAINTの機能を使えば、アイソメトリックドローイングの作業がはるかに簡単になります。

また、パース定規を使ってアイソメトリックスナップ定規を作成する方法と、ワークフローでアイソメトリックグリッドをどのように使用するかについてのヒントを皆さんにご紹介します。

1. まず、[図形] > [直接描画] > [長方形] を選択し、Shiftキーを押しながら正方形を作成し、各辺のスケールを等しくします。

2. 次に、[Ctrl+T]を押して、作成したオブジェクトを[自由変形]します。

3. Shiftキーを押しながら正方形の外側をクリックするとカーソルが変わるのがわかります。その後、オブジェクトの一方の角が地面を向くまで回転を続けます。そして、[Enter]キーを押すか[OK]をクリックして変更を確定します。

4. その後、もう一度[Ctrl+T]を押してオブジェクトを[自由変形]します。次に、[ツールプロパティ]メニューに移動し、[縦横比を固定]のチェックを外し、[拡大率]の[高さ]を100から60に変更し、[OK]を押して確定します。

オブジェクトのすべての角度が30度になっていることがわかります。これはアイソメトリックドローイングで使用される角度です。

5. [図形] > [定規作成] > [パース定規] をデフォルト設定で使用し、作成したオブジェクトの両辺に沿って、下の図のように2本の線を作成します。

これらの線を完全に平行にするために、念のため[パース定規]を使用してから、[処理]を[無限遠化]に変更します。その後、その2つの線のうち1つをクリックすると、互いに完全に平行になります。

6. 他の側面でも同じ手順を繰り返しました。

7. 次に、垂直線用の定規を作成しました。Shiftキーを押して線を垂直にし、好きな場所に配置します。

 

これでアイソメトリックスナップ定規が完成しました！

作成した定規をテストする前に、定規にスナップしていることを確認してください。定規を線に有効にするには、まずこれらのスナップ定規をアクティブにする必要があります。

 

最も速い方法は、コマンドバーの右上を見ることです。

1. 左側にあるのは[定規にスナップ]で、ショートカットキーは[Ctrl+1]です。これは[リニア定規]、[曲線定規]、[図形定規]、[定規ペン]で動作します。

 

2. 中央にあるのは[特殊定規にスナップ]で、ショートカットキーは[Ctrl+2]です。これは[特殊定規]、[パース定規]、[対称定規]で動作します。

 

3. 右側にあるのは[グリッドにスナップ]で、ショートカットキーは[Ctrl+3]です。これは作成したグリッド用です。

 

私のワークフローでは、スナップを頻繁に無効にしたり有効にしたりするため、時々ワークフローが遅くなることがあります。そのため、コマンドバーをクリックする代わりに、ショートカットキーを使う傾向があります。これにより、フリーハンド描画とスナップ描画の切り替えがはるかに簡単になります。

スナップを有効にした後、定規の線をテストして、正しく機能しているかどうかを確認しました。

定規、グリッドなどの色は、環境設定で好みに応じて変更できます。

アイソメトリック定規の作成が難しすぎると感じる方はご安心ください、私がすでに作成しました！

下のリンクから、私が作成したアイソメトリック定規とアイソメトリックグリッドをCLIP STUDIO ASSETSでダウンロードできます。

この素材カタログの中にはアイソメトリックグリッドも含まれています。アイソメトリックスナップ定規がすでにあるのに、なぜアイソメトリックグリッドが必要なのか、と思うかもしれませんよね？しかし、スナップ定規を無効にすると、線をガイドするものが何もない状態でフリーハンドで描画する必要があります。そのため、スケッチのようなフリーハンドで作業する必要がある場合に、このアイソメトリックグリッドが非常に役立つと言えます。

 

それでは、このアイソメトリックグリッドを私のワークフローでどのように使用するかを皆さんと共有します。

素材フォルダからアイソメトリックグリッドをキャンバスにドラッグすると、アイソメトリック定規のレイヤーが表示されます。

 

レイヤーの不透明度を下げて目立たなくすることができます。私は作業内容に応じて、不透明度を20%〜40%程度に下げることがよくあります。

そして、私はアイソメトリックグリッドが黒色であるのが好きではありません。なぜなら、私の作品ではスケッチや線画に黒色を使用しており、線画とグリッドが同じ色で混同したくないからです。

 

レイヤーの色を変更するには、[レイヤープロパティ] > [効果] > [レイヤーカラー] に移動する必要があります。CLIP STUDIO PAINTのデフォルト設定では青色になります。好みに応じて色を変更できます。青色のカラーボックスの横にある矢印をクリックして色を変更するか、色を選択して青色のカラーボックスをクリックしてください。

グリッドが大きすぎたり小さすぎたりする場合があります。[操作] > [オブジェクト] を使用して、アイソメトリックグリッドをクリックし、好みに応じて回転または再スケールできます。

ツールの準備はこれで全てです。これらのツールの使い方を学べば、アイソメトリックドローイングは以前よりもはるかに簡単になります。

アイソメトリックな家を描く方法

このトピックでは、私が作成したアイソメトリック定規とグリッドを使って、中世スタイルのシンプルな家を描きます。また、CLIP STUDIO PAINTのワークフローをはるかに簡単にするためのヒントもいくつか共有します。

 

まず、建物の全体像を可能な限りシンプルに把握するために、簡単な構造を描きます。アイソメトリックビューでいきなり建物を描くのではなく、建物の正面図と左側面図を描きます。このテクニックは、2Dで建物の異なる側面から十分な情報を提供してくれます（2Dでオブジェクトを描く方が3Dで描くよりもはるかに簡単なので）。その後、それらを組み立てます。

 

（このテクニックは任意であることを忘れないでください。すぐにアイソメトリックビューで描画またはスケッチすることもできます。私がこれから行うこのテクニックは、アイソメトリックドローイングを作成する別の方法を知っていただくためです。）

次に、建物の異なる側面からどのように見えるかを確認するために、非常にラフに家をスケッチします。

建物の主要な形状は長方形なので、建物は非常にシンプルです。スケッチの後、さまざまな側面に多くの情報を提供したため、この建物がどのように見えるかを判断できます。

 

同じレイヤーにまとめて置かず、別のレイヤーに分けてください。[Ctrl+T]でレイヤーを[自由変形]する際に、それぞれを個別に変形できるようにするためです。

すべて準備が整ったことを確認した後、アイソメトリックグリッドを配置しました。2Dの家を3Dアイソメトリックビューに組み立てる準備ができました。

 

また、建物の各側面から家のスケールを設定しました。これにより、作成したアイソメトリックグリッドにホースをどこに組み立てるかを把握できます。

 

したがって、私の建物のサイズは（4+1x5x5）で、1つのボックスがアイソメトリックグリッドの1つのボックスに等しくなります。

次に、建物のサイズに合わせて赤い線を描きます。この線は、アイソメトリックグリッド上で建物がどのように見えるかを確認するのに役立ちます。

次に、家を組み立てる準備をします。まず正面図から始めます。

1. 家の正面図のレイヤーをクリックし、ショートカット[Ctrl+Shift+T]を使用してオブジェクトを[自由変形]します。

2. その後、角のボックスをクリックします。次に、オブジェクトの各角を目的の位置にドラッグします。下のGIF画像のようにです。

 

3. オブジェクトの各角を、作成した建物の赤い線に合わせてドラッグします。上部の写真のようにです。

 

4. 側面図にも同じ手順を繰り返します。

完了！

 

このテクニックには慣れていないので、結果は私にとっては非常に残念なものになりました (すみません)。しかし、このテクニックは非常に効果的で簡単に実行できると思います。また、シンプルな2Dドローイングを3Dドローイングに変える、アイソメトリックドローイングを作成する別の方法を知るのにも役立ちます。

 

それでは、次のプロセスに進みましょう。

次に、キャンバスにアイソメトリック定規を配置し、アイソメトリックビューで描画する準備を続けます。

組立式住宅の上に立方体やピラミッドなどの幾何学的な形状で構造を描き、深みを加えて、アイソメトリックビュー全体で建物がどのように見えるかを確認します。そして、スケッチに従って、建物にドアと窓が配置される線を引きます。

 

このプロセスでは、描画のほとんどがアイソメトリック定規と平行な直線であるため、スナップ定規が非常に役立ちます。

 

これはプロセス全体の最も重要な部分だと思います。3Dまたはアイソメトリックビューで表現するオブジェクトの構造を見つける必要があるからです。建物の構造を描くときは時間をかけてください。

家の構造の描画を終えた後、私は家に実際の線を描き始め、組み立てた家はもう必要ないので隠しますが、建物の参考として使い続けます。深みを加え、建物の階段をはっきりと見えるようにしました。

屋根については、私が作成したアイソメトリックスナップ定規では定規に反する線を引くことができないため（これはアイソメトリック定規ではできないことです。そのため、この役割を果たすために他の定規を使用する必要がある場合があります）、互いに平行な線を引くことができるツールを使用する必要があります。

 

そこで、この作業ができる別の定規を作成します。

1. [図形] > [定規作成] > [特殊定規] に移動し、[ツールプロパティ]で特殊定規を[平行線]に変更します。

2. 描画したい線の角度に合わせて配置し、調整します。この特殊定規が存在する場合に描画するすべての線は互いに平行になります。

特殊定規が完璧に機能していることがわかります。[オブジェクト]ツールで定規の角度を変更できます。

しかし、特殊定規のレイヤーが存在すると、なぜか私のアイソメトリックスナップ定規が自動的に無効になります。再度アクティブにする、またはスナップできるようにするには、[操作] > [オブジェクト] に移動し、再度アクティブにしたい定規をクリックします。その後、[ツールプロパティ] に移動し、「定規にスナップ」がチェックされていることを確認してください。

 

これで定規がアクティブになり、再び使用できます。

次に、屋根の上に煙突を描き、建物の下部と屋根の煙突にガイドラインを追加して、次のプロセスで石パネルの準備をします。

以前描いたガイドラインに従って、アイソメトリック定規なしでフリーハンドで石パネルを描き続けます。大小さまざまな石のサイズと形状が混ざり合っているため、それらを小さく大きく描くようにします。

その部分を描き終えた後、石パネルの周りの線を修正して、端の岩に合わせました。家に奥行きを加えることを意図しています。

主要な建物の部分に移り、建物の周囲に木材のフレームを描きます。そして、私が作成した構造／スケッチに基づいて窓枠と木製のドアを追加しました。その後、それぞれの木材フレームに深みを加えて、より3Dに見えるようにしました。

 

この部分のほとんどで、これらの木材フレームと窓を描くためにアイソメトリックを使用しました。

 

木材フレームと窓を追加した後、家がすでに明確な形になっているため、構造レイヤーを非表示にします。各木材フレームをつなぐ木材のブレース（中世の建築様式でよく見られます）を追加し始めます。この木材フレームとブレースは、私の建物に中世の外観を与えます。

 

このプロセスでは、[リニア定規]を使って線をガイドし、フリーハンドでこれらのブレースを描きました。

主要な建物の部分を終えた後、残りのプロセスで描く必要があるのは屋根瓦だけです。

 

屋根瓦が互いに平行であることを確認する必要があります。その後、次のプロセスで準備を助けるために、アイソメトリック定規でいくつかのガイドラインを描きます。

屋根に細部を追加し続け、一つずつ描画しました。このプロセスは石パネルと似ています。フリーハンドで描くのは非常に遅いですが、作成した線とアイソメトリックを視覚のガイドとして使用します。また、退屈な見た目を避けるために、各屋根瓦の独立した形状を描く傾向があります。

 

建物のすべての部分を終えた後、建物にいくつかの小さな細部を修正して追加しようとします。

もう必要ないレイヤーを削除または非表示にしました。次に、次のプロセスで影を描くのに役立つ色で建物を塗りつぶしたいので、このテクニックを使って家を塗りつぶします。

 

1. まず、家のレイヤーまたは線画レイヤーを選択します。

2. このレイヤーを[参照レイヤー]として設定します（その後、レイヤーの前面に同じロゴが表示されるのがわかります）。

3. [自動選択] > [編集レイヤー参照] を選択し、[ツールプロパティ]で「複数参照」にチェックを入れ、「参照レイヤー」を選択します（このツールを使用する際には、すべての設定が参照レイヤーに基づきます）。

4. 設定が完了したら、カラーレイヤーとなる[新規レイヤー]を作成しました。

5. [編集レイヤー参照] を使用し、建物の外側をクリックすると、キャンバスに選択範囲が表示されます。

6. 選択範囲の下部に表示されるミニメニューを確認できます。[選択範囲を反転]をクリックすると、選択範囲が建物の内側のスペースに反転します。

7. その後、ベースカラーとして使用したい色を選択します。> そして、ミニメニューの[塗りつぶし]をクリックして、選択した色で領域を塗りつぶします。

 

完了！

 

このテクニックは、領域やオブジェクトを塗りつぶすのに非常に速く効果的で、私のワークフローで頻繁に使用しています。

次に、建物に影を追加します。また、3Dドローイングで落とし影を作成する方法のヒントも共有します。

落とし影を描く方法

このトピックでは、コアシャドウと落とし影について説明し、CLIP STUDIO PAINTのパース定規を使って3Dビューでオブジェクトの落とし影を見つける方法を皆さんと共有します。

このテクニックは、パースビューとアイソメトリックビューの両方で非常にうまく機能します。

そこで、コアシャドウと落とし影の違いについてお話します。

 

落とし影とは、オブジェクトが光が別のオブジェクトに当たるのを遮断することによって生じる暗がりです。

他の光源からの光は影の見え方を変えます。

オブジェクトから遠い影ほど、暗さが薄くなり、鮮明さが失われることがよくあります。この画像では、ピッチャーから反射する光が、手前のブロックからの影の一部を明るくしていることに注目してください。

落とし影の形状は、オブジェクトの形状について見る人に手がかりを与えることができるため、重要です。

 

コアシャドウは、光を受けないオブジェクトの暗い部分です。たとえば、ピッチャーの前面は見る人に向かって光を反射し、背面は影になっています。ピッチャーは地面と壁に影を落とします。コアシャドウはシーン内のオブジェクトの形状について見る人に伝えることができますが、落とし影はオブジェクトの形状と光の方向を示唆します。

 

この方法は2点透視図法によって使用されました。次に、この方法がどのように機能するかをよりよく理解するために、2Dビューでこの方法について説明します。

 

1. [光源]はこの遠近法の最初の消失点です。すべての光線はこの消失点によって生成されます。

 

2. [光の方向 / 影の消失点]はこの遠近法の2番目の消失点です。この光は、光の方向がどこにあるか、そして影がどのように見えるかを教えてくれます。

 

3. [光の角度]は、光源によって生成される光または線です。光の角度は、形状の頂点から外側に向かって地面に伸びます。そして、光の角度の線と光の方向の線が交差する場所が、地面に落とされた落とし影の実際の形状をマークします。

この方法がどのように機能するかを学んだ後、実際の3Dアイソメトリックビューで試してみます。

 

まず、[レイヤー] > [定規・コマ枠] > [パース定規の作成] に移動します。

それをクリックすると、ミニメニューが表示されます。次に、[2点透視]を選択し、[OK]をクリックします。

新しいレイヤーが作成され、2点透視図法がキャンバスに表示されます。

 

まず、消失点に続く線を作成する以外の遠近法がどのように機能するかを知る必要があります。[操作] > [オブジェクト] ツールを使用して、この2点透視定規を、落とし影を予測するために使用する2点透視図法に変更する方法を示します。

 

これらの点がパース定規にどのように作用し、定規をカスタマイズするためにそれらをどのように使用するかを説明します。

1. 水平線に合わせて消失点の位置を移動します。

2. 消失点のガイドラインを移動します。

3. 定規の水平線を移動します。

4. 定規の水平線を回転させます。

5. 消失点のガイドラインを回転させます。

この定規がどのように機能するかをよりよく理解するには、それらをいろいろな方法で試してみてください。

キャンバスに正方形を作成し、アイソメトリックグリッドを配置しました。

 

定規のカスタマイズを続け、[Shift]キーを押しながら水平線を垂直線に回転させました。

そして、オブジェクトの左側に移動しました。

消失点とパース定規を配置した後、線の色を追加して、光源と光の方向がどこから来るかを知る準備ができました。次のプロセスを実行する準備が整いました。

次に、光源によって生成される光の角度の線を、オブジェクトの各角の上から外側に向かって追加し続けます。

線を一本ずつ引く代わりに、定規にガイドラインを追加することもできます。

[パース定規] > [処理]を[ガイド追加]に変更します。

それらをオブジェクトの各角に配置し、参照に合わせて調整します。

このツールは、線を一から描く必要がなく、角にガイドラインを配置するだけで定規の消失点に自動的に従うため、非常に便利です。

 

しかし、私はこの方法を、紙やCLIP STUDIO PAINTのような機能を持たない他のソフトウェアで作業するすべての人と共有したいので、この方法のオリジナルと同じように続けます。

オブジェクトの各角を越えて、光の方向の線を描き続けます。

光の角度線と光の方向線の両方を用意した後、それらの交点を見つける必要があります。次に、地面上のすべての交点をマークし続け、落とし影の形状を予測します。

 

 

次に、落とし影がどこになるかを確認した後、地面のそれらの領域を濃い灰色で塗りつぶしました。そして、正方形にコアシャドウを追加しました。

 

完了！すべてとても簡単に思えますよね？はい、その通りです。落とし影のオブジェクトが非常に単純なので、オブジェクトが単純な正方形であるため予測は難しくありません。しかし、複雑なオブジェクトでは私にとっては別の話です。オブジェクトが複雑であればあるほど、影も増えます。このテクニックを使用する際は注意してください。

最初のオブジェクトの落とし影ができた後、他のオブジェクトが同じ光源とどのように相互作用し、その落とし影がどのように見えるかを試すことができます。

これは実際の作業で使う時が来たと考えています。そこで、2点透視図法を作成し、水平線を回転させてキャンバスの右側の外側に配置しました。その後、次のプロセスで光源と光の方向となる定規の2つの消失点を調整しました。

定規が所定の位置に設定されていることを確認してください。その後、古い構造スケッチが乱雑すぎるため、構造物の描画を再開します。

 

このプロセスでは、[直線]を使用して構造を描画します。

[Shift]キーを押しながら、最初のスケッチのようにシンプルな形状で家を描きます。建物の各角に線を引いて落とし影を見つけるので、建物の実際の構造を見るためにシンプルな形状が必要です。この部分で何か問題が発生した場合、次のプロセスもその次のプロセスも間違ってしまうことを心に留めておくべきです。

建物の構造ができたら、光源から出る光の角度線を描きます。地面に落とし影を見つけるのに役立つと思うすべての角に線を描きます。

その後、交点を見つけるために光の方向線を描きます。

私の建物にはたくさんの線が表示されています。このようなシンプルな形の家でも、まだ混乱してしまいます。非常にゆっくりと、間違った角にある線を修正するようにしてください。

 

 

次に、光の角度線と光の方向線の両方を用意しました。地面上の交点を見つけ始めます。そして、それらの交点がどこにあるかを見つけた後、交点同士を接続して地面に落とし影の形状を作成し始めます。

 

ただし、構造が間違っている場合、線も構造と同じように間違ってしまうので注意してください。ワークフローで何か問題が発生した場合は、その原因を調べてすぐに修正するようにしてください。

その領域を濃い灰色で塗りつぶし、もう必要ない構造レイヤーとパース定規を非表示にしました。そして、落とし影の形状を調整して、実際の建物の見た目に合うようにしました。

次に、ベースカラーの上に新しいレイヤーを作成します。そして、レイヤー設定を[下のレイヤーでクリッピング]に設定します。このレイヤーで建物にコアシャドウを追加する予定です。

家の光が当たらない部分にコアシャドウを追加しました。

また、線から隠れている木材フレームとブレースに詳細を追加し、建物に多くの3D感を加えました。

 

建物の隠れた部分すべてに影を追加した後、[エアブラシ] > [ソフト] を使用して、このエアブラシで建物のいくつかの部分を暗くします。

「コアシャドウ」レイヤーと「落とし影」レイヤーの両方の上に2つの新しいレイヤーを作成し、両方のレイヤー設定を[下のレイヤーでクリッピング]に設定しました。

レイヤー設定が完了した後、建物の暗い部分、または光から非常に深く隠れている部分を、コアシャドウの色よりも暗い色で塗りつぶし始めます。

次に、落とし影の縁が硬すぎることに気づきました。落とし影の形状は、オブジェクトと落とし影の距離に応じてよりシャープになります。

しかし私の場合、落とし影が建物に近すぎず、遠すぎもしないので、柔らかい縁を追加しても問題ないと思います。

 

そこで、ベースとなる落とし影のレイヤーを選択し、[フィルター] > [ぼかし] > [ガウスぼかし] に移動してクリックしました。

ミニウィンドウメニューが表示され、選択したレイヤーをどれくらいぼかすかを調整できます。右下の[プレビュー]にチェックを入れるのを忘れずに、ぼかしが選択したレイヤーの形状をどれだけ変更するかをプレビューしてください。設定をいろいろ試して、30が完璧な選択だとわかったので、[OK]をクリックして変更を確定します。

完了！コアシャドウと落とし影の両方を作品に追加しました。

テスト

複雑な建物を描く

アイソメトリックドローイングとは何か、アイソメトリックビューで基本的な家を描く方法、そして3Dビューで落とし影を予測する方法を知った後、ここでは基本的な家よりも詳細で複雑な建物を描く方法をお見せします。

実際、この建物の作成プロセスは以前と同じですが、唯一の違いは、作成する建物にもっと手間をかける必要があるということです。

 

最初のものとは異なり、正面図や側面図を描く代わりに、スケッチにすぐに取り掛かります。なぜなら、正面図や側面図だけでは、私の建物がどのように見えるかを知るのに十分な情報を与えてくれないことを知っているからです（その方法も使用できますが、1つの建物に多くの異なる形状がある場合、少し混乱します）。

 

アイソメトリック定規とアイソメトリックグリッドを配置し、キャンバスにスケッチを開始します。

これは建物の実際の外観を確認するためのスケッチなので、アイソメトリック定規を無効にし、アイソメトリックグリッドの助けを借りてフリーハンドでスケッチします。これは私の線をガイドするのに役立ちます。

 

 

結果に満足した後、建物の明確な構造を見つけることに進みます。

そして、構造線用に[新規レイヤー]を作成しただけでなく、これ用に[新規レイヤーフォルダ]も作成しました。

なぜなら、私の建物の構造はそれぞれ独立した形状を持っているので、それらのために独自のレイヤーが与えられるべきだからです。

次のプロセスに備えて、家の[不透明度]を約25%に下げました。

 

このプロセスで使用するツールは[直接描画] > [直線]です。

[直線]ツールとアイソメトリック定規の助けを借りて、赤い線で主要な建物の構造を作成しました。

 

屋根のような、アイソメトリック定規では描けない建物の部分については、[Shift]キーを押しながら、線を引く目的の場所までドラッグします。このテクニックとツールによって、私のワークフローははるかに簡単になります。

 

主要な建物の描画を終えた後、別のレイヤーを使用して建物の他の部分を描き続けます。

このレイヤーでは、建物の他の部分を描くために青色を使用します。

建物の構造を描き終えた後、CLIP STUDIO PAINTの機能を使ってアイソメトリックビューで円を作成する方法をお見せします。私の建物の一部はその部分の構造を描くために円を使用する必要があるためです。

 

最初にお見せする方法は、線がその図形に従うように、長方形、楕円、多角形などの図形を作成する[図形定規]です。

それでは、このツールを私のワークフローでどのように使用したかをお見せします。

 

まず、[図形定規] > [ツールプロパティ] > 図形設定で「楕円」を選択しました。

その後、[Shift]キーを押して円の比率を互いに等しくし、キャンバスに[図形定規]を描画しました。

キャンバスに円ができたら、ツールを[オブジェクト]に切り替えます。オブジェクトツールを使用してキャンバス上の円をクリックし、[ツールプロパティ]で「モード」を[自由変形]に変更します。

モードを自由変形に変更すると、通常通り自由に調整できるようになります。作成した円をクリックし、円のすべての角をアイソメトリック定規で作成したグリッドに合わせてドラッグしました。

 

完了！これで、アイソメトリックビューで円ができました！図形定規の利点は、図形内の線圧を制御できることで、線画のプロセスに適しています。

別の方法は、[楕円]ツールを使用してグリッド上に描画するだけです。

この方法は非常に高速で効果的ですが、線圧や線のサイズなしで線を作成するため、面白みに欠けます。この方法はスケッチや構造プロセスに適しています。

建物の残りの構造を、幾何学的形状と紫色で描き続けます。

 

建物には、[楕円]を使って円を描き、その部分の主要な構造にしているのがわかります。

構造部分が完成したら、新しいレイヤーを作成し、構造フォルダーに基づいて建物の線画を描きます。主要な建物と小さな窓から始めます。

線画の部分になると、アイソメトリック定規では作成できない線を[直線]ツールで描くことはもうできません。線のソフトさや筆圧が必要になるからです。

 

そこで、[直線]から[リニア定規]に切り替えます。

複数のリニア定規を使用して建物のコーンを描き、定規上で線圧を制御して線を引きました。下のGIF画像のようにです。

 

そして、アイソメトリック定規ではできない残りの部分でもこのツールを使用し続けます。

建物の他の部分が完成した後、新しい建物の後ろにまだ見える線に気づきます。そして、これらの線を永久に削除する代わりに、[レイヤーマスク]を使用してこれらの線を非表示にします。

主要な建物のレイヤーを選択 > [レイヤーマスクを作成] をクリックすると、主要な建物のレイヤーの横にボックスが表示されます > マスクレイヤーを編集するために、その白いボックスが選択されていることを確認してください。

マスクレイヤーが選択されていることを確認した後、[消しゴム]を使用して非表示にしたい部分を消去しました。レイヤーのサムネイルが変化することに気づくでしょう。

 

私はスケッチや線画の部分でこの方法を頻繁に使用します。不要な線を削除する代わりに、レイヤーマスクで隠すことができます。

次に、新しいレイヤーを作成し、窓、屋根瓦、石パネルのような将来的な詳細を追加するのに役立つスケッチやガイドラインを追加します。1つは赤色で、もう1つは紫色です。

プロセス全体で私のお気に入りの部分の1つは、石パネルを描くことです！それらの石を非常にゆっくりと描き、それぞれが独立した形状を持つようにして、石パネルにさらにリアルな外観を与えます。そして、地面や下を向いている側面を暗く、上を向いている側面を明るく描く傾向があります。この部分では、アイソメトリックとガイドラインの助けを借りてフリーハンドで石を描くので、はるかに簡単になります。

石パネルを終えた後、私が作成した紫色の線で屋根瓦を一つずつ描き続けます。屋根がどのように見えるかを確認するために、まず主要な建物に屋根瓦を描くことにしました。

主要な建物の描画を終えた後、残りの建物の屋根瓦をフリーハンドで描き続けます。

屋根瓦の描画を終えた後、屋根瓦のガイドラインを非表示にし、次の部分に移ります。

次に、ピンク色の線で建物の屋根の上に屋根窓のスケッチを描きました。

スケッチに満足した後、屋根窓に実際の線を描き続けます。

この部分のほとんどで、窓のサッシを描くためにアイソメトリック定規を使用し、深みを加えました。

残りの建物の窓を描き続けます。しかし今回は、塔と小さな建物の窓を描くために[対称定規]を使用します。

この対称定規は、定規の異なる側面から線をミラーリングするため、正面から見た窓のようなものを描くのに適しています。

 

キャンバスに定規を設定するには、[Shift]キーを押して直線かつ垂直にし、対称定規の助けを借りて窓を簡単に描き続けます。

その後、ウィンドウレイヤーを[Ctrl+C]でコピーし、[Ctrl+Y]で貼り付けてレイヤーの上にコピーウィンドウを作成します。次に、ショートカット[Ctrl+Shift+T]を使用してオブジェクトを[自由変形]しました。

そして、マウスで角を右側にドラッグします。下のGIF画像のようにです。

小さな建物の左側と同じ手順を繰り返しました。

そして、この方法を塔の窓にも繰り返します。

建物に窓を追加した後、主要な建物に木材のフレームを追加しました。また、木製の看板やその他の細部も建物に追加しました。

アイソメトリック定規の助けを借りて、平面の左側に最初の窓を描きます。

窓に十分な詳細を追加した後、それらをコピーして建物の空白スペースに貼り付けます。

線画部分はこれで完了したと思うので、ビルディングにコアシャドウのみを追加し続けます。この建物は最初の建物よりも複雑なので、そうしないことにしました（難しすぎるため）。

最初の建物と同様に、

 

1. まず、家のレイヤーまたは線画レイヤーを選択します。

2. このレイヤーを[参照レイヤー]として設定します（その後、レイヤーの前面に同じロゴが表示されるのがわかります）。

3. [自動選択] > [編集レイヤー参照] を選択し、[ツールプロパティ]で「複数参照」にチェックを入れ、「参照レイヤー」を選択します（このツールを使用する際には、すべての設定が参照レイヤーに基づきます）。

4. 設定が完了したら、カラーレイヤーとなる[新規レイヤー]を作成しました。

5. [編集レイヤー参照] を使用し、建物の外側をクリックすると、キャンバスに選択範囲が表示されます。

6. 選択範囲の下部に表示されるミニメニューを確認できます。[選択範囲を反転]をクリックすると、選択範囲が建物の内側のスペースに反転します。

7. その後、ベースカラーとして使用したい色を選択します。> そして、ミニメニューの[塗りつぶし]をクリックして、選択した色で領域を塗りつぶします。

ベースカラーレイヤーの上に[新規レイヤー]を作成し、レイヤー設定を[下のレイヤーでクリッピング]に設定しました。次のプロセスに備えるためです。

その後、建物を暗い色で塗りました。この影を追加するプロセスでは、光の方向がどこから来るのか、そしてコアシャドウがどのように見えるのかを想像しようとします。

ほとんどの場合、影に覆われると確信している主要な部分を塗りました。

次に、石パネルや木材フレームなどの詳細を建物に加えるために、[新規レイヤー]を作成します。

建物の残りの部分を塗り続けました。以前との違いが見て取れるように、このプロセスは私の建物に重要な外観を与えます。

線画レイヤーを非表示にしたにもかかわらず、建物の形状がどのように見えるかを判断できます。コアシャドウのおかげです。

ついに最終プロセスに到達しました。建物の隠れた部分すべてに影を追加した後、[エアブラシ] > [ソフト] を使用して、このエアブラシで建物のいくつかの部分を暗くします。

「コアシャドウ」レイヤーの上に新しいレイヤーを作成し、このレイヤー設定を[下のレイヤーでクリッピング]に設定しました。

レイヤー設定が完了した後、建物の暗い部分、または光から非常に深く隠れている部分を、コアシャドウの色よりも暗い色で塗りつぶし始めます。

 

下のGIF画像で変化を確認できます。

著者から

このチュートリアルを読んでいただき、本当にありがとうございます！このチュートリアルを作成しているとき、こんなに長くなるとは予想していませんでした（笑）。私のチュートリアルを読んで時間を割いてくださり、ありがとうございます！

このチュートリアルがアイソメトリックドローイングの仕組みを理解するのに役立つことを願っています。

 

ご質問があれば、下のコメントに残してください。次のチュートリアルでお会いしましょう！