CSP の機能でシェーディングを簡単に (スマートフォンと PC!)
序章
こんにちは、ダンギリーです。 CLIP STUDIO PAINT(スマホ版)で2年近く絵を描いています。
今日は「シェーディング」というテーマについてお話します(参考までに、照明についてもお話します。照明は補完的なものであり、一方をもう一方なしに説明することはできません。)
また、このチュートリアルは予想よりも少し大きくなったので、最初に確認したいと思われる「インデックス」のトピックをタップしてください<3
このチュートリアルでは、次のことを説明します。
1) 影の仕組みに関する基本的な概念と理論。
2) シェーディングのさまざまなトリックがアートをどのように向上させるかの例。
そして、主にClip Studio Paintの機能を使ってシェーディングを素早く行うためのヒント(一部の機能はver 2.0以降でのみ利用可能です)
それでは早速始めましょう!
光と影の基礎
したがって、基礎的な科学の知識がある場合は、光が直進することを知っているでしょう。不透明な物体や表面によって遮られると、光のエネルギーの一部が衝突した物体の内部に吸収され、他の部分は跳ね返り、つまり反射します(角度に応じて)。
シェーディングに関する基本的な内容については、ほとんどの人がすでに知っており、オンラインで簡単に見つけることができるため、ここではあまり詳しく説明しません。
主に留意する必要があることは次のとおりです。
i) 物体が影が作成される表面に近づくと、シャープで強烈な影が現れます。
ii) 影を作っている物体が遠い場合、影はぼやけて曖昧になります。
iii) 場所によっては、特定の光源がないと常に影ができます(例: 鼻の穴、耳の中、服のシワなど)。
シェーディングの色の概念
i) 飽和した中間色を使用する
ii) 彩度は低いが強度が低い反射光を使用する (近くにある色のオブジェクトの種類に応じて、ネオンと蛍光色の反射は強い効果をもたらすことが意図されています)
iii) 飛行機が変わるたびに、少しずつ異なる色を使用します。 (例:眉毛とまぶたの間)
iv) 肌の色調のうち、暗い色調の方が色を吸収しやすい傾向があります。そのため、明るいスキンはより反射しやすく、その結果、実際のトーンは実際には見えません。それはむしろ、その周りの色が私たちがそれを見たように見えるようにするのに似ています。また、明るい色調はより透明になるため、静脈が皮膚を通して見えることがよくあります。
したがって、上記の概念を理解した場合は、知識と創造性を活用してより良い結果を達成できることを願っています。
ブレンドモード
ブレンド モードは難しい場合があるため、その機能を理解すると、シェーディングと全体的なアートを向上させるのに役立ちます。
暗くしたり明るくしたりするのは特定の値に対してのみ機能するため、それらを使用すると独自の効果を生み出すことができます。
色、色相、彩度、反転などを変更するのに役立ちます。
-暗くする、乗算は主に影に使用されます
-色を避けながら、追加、発光、柔らかな光で光とハイライトを実現します。
- 色変更用のオーバーレイ。
私の意見では、これらを試してみるのが、探しているものを見つける最良の方法です。
(スクリーンブレンドモードによる髪の選択部分のテクスチャ画像)
シェーディングがアートを強化する例
シェーディング
-深みを与える
-気分を変えることができる
- シェーディング形状は劇的な効果をもたらすことができます(木の下、指向性のある光)
しかし、シェーディングの特定の方法がない場合 (これは私ですが、気に入ったシェーディングが見つからず、結局変更したり、実験したりすることになります。最初のシェーディングが気に入ったことがわかります (冗談)。
実際にすべての機能を試してみたところ、シェーディングがそれほど怖くなくなり、多用途に使えるようになりました。そして楽しいです、ふふ。
それでは最後に、シェーディングを強化する機能の最後にある簡単なヒントとともに、使用できる機能をいくつか紹介します。
簡単にシェーディングができるCLIP STUDIO PAINTの「機能」:
1)シェーディングアシスト
バージョン 2 で導入された新機能。美しいシェーディング (セルまたはスムーズ) を自動的に作成します。
締め切りが近づいている漫画アートなどに特に役立ちます。または、自分自身にシェーディングを施す前に、どのタイプのシェーディングが適切に見えるかを試してみることもできます。
シェーディング アシストを使用する場合:
1. 線画を描きます。 (クリーンで、紛らわしい詳細が含まれていない場合、より適切に機能します)
2. 線画レイヤーを参照レイヤーとして設定します。 (これなしでも動作しますが、詳細などに役立ちます)
3. 次のレイヤーに移動して、フラットを追加します。さまざまなレイヤーにフラット カラーを含むフォルダーを作成することもできます。それらを選択してフォルダーに挿入するだけです。
∆覚えておいてください∆ シェーディング アシスト機能が機能するには、フラット カラー レイヤー/フォルダーが「現在のレイヤー/編集レイヤー」である必要があります。
*フラットレイヤーではグラデーションやシャドウを使用しないでください。シェーディングが崩れてしまうためです(何が起こるかはこの説明の最後に説明します)。
4. [編集]メニュー>「シェーディングアシスト」を選択します。
(PCではメニューが一番上にあります)
5. ポップアップ設定ウィンドウが表示されます。
スマートフォンでは、すべてのオプションを表示するにはスクロールする必要があります。(PC版とすべて同じです)
設定:
[GIFの最初のスライドの番号を確認してください]
1|光源
(下にスクロールすると、ボール ライトと指向性ライトの 2 種類の光源が表示されます。
指向性ライトでは、矢印を移動することで光の方向を変更できます)
2|プリセットがドロップダウンします。ここにデフォルトのリストがあります(標準、夕方、夜..)
その横に、カスタム プリセットを保存するための (+) が付いたアイコンがあります。デフォルトの設定を編集した後、名前を付けて保存できます。
そしてその後はプリセットの削除です。デフォルトのものは削除できません。
3|シャドウ タイプ: セルとソフトの 2 つのオプション。
4|スケールまたはメーター(これが何と呼ばれているのかわかりません^^')、さまざまなポイント(ノード)はさまざまなシャドウレイヤーを表します。ノードが 4 つある場合、レイヤーは 4 つになります (最大 4 レイヤー)。右側がライト部分、左側がシャドウレイヤーです。ライトのポイントを右から左に移動すると拡大し、シャドウのポイントを左から右に移動すると拡大します。
(スマートフォンではシェーディング アシスト機能に時間がかかるため、このスライドショー タイプの GIF を追加して申し訳ありません。ビデオ GIF は追加しませんでした)
光源のサイズを変更することもできます。
すべてのオプションとその動作についての公式の完全なガイドがあります。それを調べて試してみることをお勧めします。
私のおすすめは次のとおりです。
~ OK ( ✓ ) をクリックして、参照レイヤーの線を参照します。強弱を付けて遊びます (詳細な線画に役立ちます)
~セル シェーディングに 2 ~ 3 個のノード (レイヤー) を使用します (1 つはスクリーン、ソフト ライト、カラー ドッジ、グローの追加などのブレンド モードの照明用)
そして (multiply,darken によるシェーディングのための別の 1/2 レイヤー)
〜私のお気に入りはソフトシェードです。
ハイライトとシャドウの両方のパラメータには色相、彩度、ぼかしなどが含まれます。
ハイライトをレイヤーカラーとして(色相を変えて少しぼかします)、シャドウをベースカラーとして(灰色がかったまたは中間の飽和した青/空/紫の色)として使用するのが好きです
温かみのある外観にしたい場合は、ハイライトのベースカラーである飽和した濃いオレンジを選択します。
4|満足のいく結果が得られたら、下部の[OK]をタップします。
シェーディングアシストの実行後のレイヤーの編集:
セルのシェーディングをぼかして別の外観を作成し、ソフト エアブラシを使用してシェーディングに他の色を追加してみました。
2 つのノードのみを使用することをお勧めします (2 つのレイヤーを作成するため、1 つはライト用、もう 1 つはシェーディング用)
次に、シェーディングレイヤーを選択し、
[フィルター]メニュー>ブラー>ガウスブラーまたはモーションブラー。
必要に応じて、ライトレイヤーをぼかすこともできます。
次に、シェーディングレイヤーに色を追加するには、[透明をロック]アイコンをタップし、別の色のエアブラシを使用します。
必要に応じて、ブレンドモードを編集することもできます。
(環境光用に青を追加)
🌆 キャラクターと背景をブレンドするためにこれを使用できます。
変更する必要があるものをブラシで消去またはペイントするだけです ;) または、必要に応じてペイントします。 (すべてのレイヤーの上に新しいラスターレイヤーを作成し、色を選択してペイントします)
上の絵はアセットストアのClip Studio公式画像素材、id:1358832を使用させていただきました。
実験中に面白いことに気づきました。フラットなカラーレイヤーを使用していますが、少しシェーディングを加えたり、ソフトエアブラシでグラデーションを作成したりしてから、シェーディングアシストを実行する場合。このような波状のデザインが生まれます。
シェーディング アシストを適切に使用するには、ソリッド フラット カラーが必要な理由があります
これで、シェーディング アシストのチュートリアルが完了しました。ヒント: シェーディング アシストは最も完璧な外観ではないため、常に使用しないでください。しかし、締め切りが厳しい場合や、完璧を目指していない場合(MOB や背景に焦点が当てられていない場合)には、非常に役立ちます。色を取り、手を使って結果をより良く見せることができます。
2) シェーディングの参考に 3D モデルを使用する
3D モデルは、複雑でダイナミックなポーズを描くのに非常に役立ちます。しかし、光源と影の機能のおかげで...これを使用して、どの部分をシェーディングするかを理解し、シェーディングの基準として全体的に使用できます。
影の形状は、表情、雰囲気、劇的な効果に役立ちます。 (たとえば、実際の暗い影のある顔を使用すると、恐怖や場合によっては悪意を表現できます)
これをビデオ GIF で示しますが、その前に、使用できる 3D マテリアルを示します。
新しい顔ブレンディング機能 (ver 2.0 で導入) は非常に素晴らしく、さまざまな顔の形のキャラクターの参考に役立ちます。
他の 3D オブジェクトはまだ確認していませんが、これらについても次の設定を使用できると確信しています。
[スマートフォンの場合] 3D 頭部モデル/ボディをダブルタップして、キャンバスに挿入します。
【PCの場合、素材ウィンドウから3D頭身部分をキャンバス上にドラッグ&ドロップ】
必要に応じてサイズを変更したり、ポーズを付けたりできます。 (私の主な焦点ではないので、ここですべてを説明するわけではありませんが、参考までに、Clip Studio 公式チュートリアルに 3D マテリアルと顔のブレンドに関する詳細なガイドがあります。それを確認してください)
今
i) モデルの左下にあるレンチ アイコン ( 🔧 ) をタップすると、ポップアップ ダイアログにすべての設定が表示されます。
ii)そこにはオプションのリストが表示され、ここで作業する環境光と指向性光が表示されます。
ここの中央には、3D ヘッド上の光の方向を表すボールがあります。以下は次のとおりです: i) 指向性ライトの色
ii)指向性光強度
パラメータを調整して素敵なトーンを見つけてください
次に、「アンビエントライト」をタップし、オプションと同じです。キャラクターの周囲から好きな色を選択してください。たとえば、ここでは明るい空+緑を選択しました。
さて、ファイナライズ後。 3D モデルから色を選択し、影と光の参照として頭/モデルを使用します。
。
3)グレースケールからカラフルへ(グラデーションマップ)
これは、値やグレースケール描画についてはよく理解しているものの、色については苦労している人にとって非常に役立ちます。 (必ずしも価値のある知識を持っている必要はありません。カラーアートをグレースケールに変換して使用できます)
1. ここにグレースケールの図面があります。 (最初から作ったので見た目はあまり良くありません:'))
2. パーツを複数のレイヤーに分けておくと作業が簡単になります。なげなわツールを使用して、1 つのレイヤー内の特定の部分にグラデーション マップを使用することもできます。
3. 次に、キャラクターの肌になげなわを使用して、次の場所に移動します。
「編集バー」>「編集」>「色調補正」>「グラデーションマップ」
デフォルトのグラデーション「くすんだ色合い(赤)」を試してみました
4. 画面上にグラデーション マップ設定を示すポップアップ ウィンドウが表示されます。さまざまな値が選択されるスケールがあります。タップすると選択値を追加できます。
5. ここにプリセットが表示されます。また、Clip Studio アセットには素晴らしいグラデーション マップ セットがたくさんあることもお勧めします。ぜひチェックしてみてください。
6. ここに、色の設定があります。上のスケールで値をタップし、その値の色を選択すると、その値を持つすべての場所がその色になります。
。
4)色調補正・補正レイヤーI
キャラクターを描き終えて背景に配置したいときは、自然に見えるように色調整をすることが大切です。
キャラクターを環境/背景にブレンドするには、いくつかの手順を実行する必要があります。最初に色調補正 (トーン カーブ、グラデーション マップ、色相/彩度/明度など) を使用します。
次に、手動でいくつかの色合いを追加し、ブレンド モードを使用します。
右上の図には以下の画像を使用しました。
手順は次のとおりです。
私|キャラクターレイヤーの下にある背景レイヤーを選択します。次にキャラクターレイヤー上に[修正レイヤー]を作成します
~[レイヤー]メニュー>新規補正レイヤーに移動できます。あなたもすることができます-
(スマホの場合はキャラクターレイヤーを長めにタップするとオプションが表示されます>新規修正レイヤーをクリック)
(PCの場合はキャラクターレイヤーを右クリックしてスマホと同じようにしてください)
※「編集>色調補正」を見ていただくとわかりますが、この「補正レイヤー」にも同様のオプションがあります。レイヤー 1 は削除または編集でき、メイン レイヤーには影響しないため、簡単です。レイヤーブレンドモードと不透明度も使用できます。
色調補正:
修正レイヤー:
残りの部分は一目瞭然です。調整したいものを 1 つ選択してください。
各色調補正オプションが何を行うかについては、公式のものを含め、多くのチュートリアルがあります。
すべてを微調整して、どのように機能するかを確認してください。
この場合、デフォルトのプリセット グラデーション マップ「夜空」を使用し、色を少し変更しました -> ブレンド モードをハーフライトに変更しました -> 手動調整のためにさらに 2 つのレイヤーを作成しました。
🟩選択した領域のトーンカーブ
影の部分だけトーンカーブを使って発色を調整することもあります。
🟨レベル補正
色調補正レイヤーを使用すると、「グリッチ」または「色収差」効果を作成できます。それは芸術を非常に向上させることができます。残念ながら、Clip Studio Paintにはそのためのデフォルトのショートカット方法がありません。手動で以下を作成する必要があります。
1) 完成したアートレイヤーを 3 回複製します。
2)複製したレイヤーの1つを選択し、[編集]メニュー>「色調補正」>「レベル補正」を選択し、右上の「赤」を選択します
そして一番下に行くと「出力」が表示されます。
右のスケールを左端まで移動します。
このように、他の 2 つの複製レイヤーと「緑」と「青」のレイヤーについても同じことを行います。
3| 3 つの複製レイヤーを「差分」ブレンド モードに設定します。
そして、移動ツールを使用して、これら 3 つのレイヤーをそれぞれ移動します。
ちなみに、これらの手順をすべて実行しなくても、オートアクションを簡単に作成して使用することができます。
それについては記事の後半で説明します。
🟧ポスタリゼーションを通じて目を引く飽和カラーを生成:
少し雑に塗装した後。時々、ポスタリゼーションをして、色がそれほど退屈ではなく、より目を引くかどうかを確認するのが好きです。
このためにポスタリゼーションを使用し、このレベルで髪の色の変化を見つけました。顔の部分を消して、髪の色をそこから色を選んで塗り重ねたり、一部のトーンを彩度を落としてバランスをとったりして調整します。
5)なげなわおよびなげなわ塗りつぶしツール
⏬なげなわ:
なげなわツールはほとんどの人に知られています。これを使用すると、シェーディングがより簡単かつ正確になり、消去や再ペイントの時間を節約できます (単一レイヤーにペイントする場合)。
なげなわとソフトエアブラシ
なげなわとグラデーションツール:
⏬なげなわ塗りつぶし:
このツールについて知らない人がたくさんいるのを見てきました。それは次のように機能します
なげなわ塗りつぶし = なげなわ + 塗りつぶし/バケット ツール
実を言うと、これは私がいつも使っているツールです
[カラーブロッキング、デザイン、スケッチベース、シルエット、クイックセルシェーディング、クイックリム&ハイライト etc.......]
ブレンドモードなどを変更できます。
きれいな消しゴムにも最適です
これをセルのシェーディングに使用する方法:
これは次のトピックで使用します (7)
6)カスタムブラシの使用と作成
シェーディング中に非常に便利なブラシがたくさんあります (ペイント スタイル、テクスチャ、ソフト ブラシ、モノクロまたはグレースケールのマンガ スタイルのハッチング)。
こちらはデフォルトのハッチングブラシ(トーンスクレイピング)のデモです
テクスチャ ブラシまたはペイント スタイル ブラシは、シェーディングを強化するのに役立ちます。
ver 2.0で追加された「知覚ミキシング」の使い方と、ブラシ先端の作成とブラシ内での使用方法を紹介します。
テクスチャを追加するには、このオプションを使用します。
アセット ストアからペイント スタイル ブラシをダウンロードして、今これにハマっています。
(ちなみにこのペンは私のものではないことに注意してください!)
ID: 1842465 (ヘーゼルダ デュアル by marredae)
🖌 ️ 🖍 ️ブラシチップ作り
1)大きめのキャンバスを使用し、基本表現色はグレーまたはモノクロにします(カラーを使用するとブラシの色は黒のみになります)
2)図形を描きます。透明キャンバスの背景紙レイヤーを非表示にします。
3)[編集]メニュー>素材登録>画像
4)名前を入力し、ブラシ先端に使用するオプション (✓) を選択する必要があります。
5)ファイルを選択して保存
さあ、先端でブラシを作ってみましょう🖌 ️ 🖍 ️
複製するだけで済みます
そしてブラシ先端>素材(+)を選択します
そして完了しました。
キャラクターが木の下にいるような場所では、葉ブラシを使用してシェーディングすると、設定と雰囲気を強調するのに役立ちます。
私が使用した:
デフォルトではブラシを csp に 1 のまま残します
アセットストアで購入したブラシ
ID:1992733 (こもれびブラシ2 by nise)
7) ブレンドモードを使用して光と影を最速に表現する
デジタルアーティストでブレンドモードを知らない人はいないと思います(MSペイントユーザーは除く🎨)
加算および乗算ブレンド モードを使用して描画を作成してみましょう。
画像レイヤーの上にレイヤーを 2 つだけ追加します。
1.クリッピングレイヤー(乗算に設定)
2.光の部分を削除し、モーション ブラー/ガウス ブラーを追加して、影があまり鮮明にならないようにします。
3.上に新しいラスターレイヤーを追加し、描画モードを[追加]に設定します
次に、不透明度の低いソフトエアブラシを使用します。
ヒント: ハイライトを少し追加し、背景を使用する場合は、影を後ろに追加し、効果のために光る塵を追加します
注: ここではぼかしフィルターを使用することを強くお勧めします。
シェーディングに濃い緑色のクリップスタジオの葉のデフォルトブラシを使用したことを除いて、同じ方法を使用しました。
。
8) 描画にテクスチャとノイズフィルターを追加する
テクスチャは、単純な外観を興味深いアートに変えるのに常に最適です。
基本的なアイデアは、アートレイヤーの上にテクスチャ画像を使用し、ブレンドモードをオーバーレイに設定することです。
マテリアルウィンドウでテクスチャを検索します。
ダブルタップ(スマホ/PC)または素材ウィンドウからテクスチャをドラッグ&ドロップします。
レイヤーモードを(オーバーレイ/ソフトライト)に設定しました。
レイヤーのカラーを変更して、完全な黒のトーンを少し取り除くことができます。選択に従ってレイヤーの不透明度を設定します。
上の図にテクスチャを追加し、一部を消去して陰影タイプの外観を作成しました。
⬛パーリンノイズ
ノイズテクスチャを作るには、
まず描画レイヤーの上に新しいラスターレイヤーを作成し、
[フィルター]メニュー>[レンダリング]>パーリンノイズ
このような結果が得られます
ここでオーバーレイに設定し、クリッピングをオンにします
他のフィルターもチェックしてみてください!これらを使用して、さまざまなテクスチャ画像を作成できます。
9)影を作るカラーライズ(AI)
最初の画像(🔽の下)では、ヒントカラーで色付けした結果がこのようになりました。
色付けの場合:
1)線画を参照レイヤーに設定します。
2)線画レイヤーの下のレイヤーにヒントカラーを追加します。(AIは最大10色のヒントのみを受け取ります。それ以上の色は無視されます)
3)[編集]メニュー→[着色]→[ヒント画像を使用して着色]
これにより、線画レイヤー上の乗算レイヤーにヒント カラー混合ベースが作成され、ヒント カラー レイヤーは非表示のままになります。
描画モードを「乗算」から「通常」に変更し、線画レイヤーの下にレイヤーを配置しました。 (線画以外の部分も消します)
次に、影の効果について、別の色付きの画像を作成しますが、(シェーディングの目的で) 少し暗くします。影と描画モードに応じて任意の色を選択できます。
非常に大まかですが、影のない部分を消していきます。このように、あまり手間をかけずに自動シャドウを取得できます。
10) オート アクション (およびクリップ スタジオ アセット ストアについて)
そこで、Clip Studio には、頻繁に行う必要がある特定の作業に創造性を必要とせず、多くの時間がかかるこの機能があります。
それらは正しい順序で記録され、必要に応じて再生できます。
これは、色の調整、手動操作なしの効果、レイヤーやモードの追加と設定などに特に役立ちます。
かなり便利なデフォルトがすでにいくつかあります。作成したり、ダウンロードしたりすることもできます。
オートアクションを見つけるには、PC で簡単に見つけることができます。
🎥 [ウィンドウ]メニュー> [オートアクション]
ただし、スマートフォンのバージョンには「ウィンドウ」メニューがないため、スマートフォンでそれを見つけるのは同じプロセスではありません。
なので、見つけるのに時間がかかりました。
🎬 [メニュー]>[アプリ設定]>[パレットバー設定]に移動すると、オプションのリストが表示されます。
「pc版ウィンドウ」にあるものはほとんどあります。パレット バーに残しておきたいもの ( ✓ ) を選択します。
オートアクションを選択しました
オートアクションウィンドウが表示されます。ここからはすべてPCと同じです。
上のスクリーンショットでは次のようになります。
赤:記録
オレンジ:遊ぶ
緑: 新しいオートアクションを作成します
シアン: (bin) オートアクションを削除
青:オートアクションセットを新規作成
紫:オートアクションセットを追加
自分なりに調整してみました。
最も重要なのは、元に戻すコマンドとやり直しコマンドは記録されないため、記録中にシーケンスを維持する必要があることです。
また、すべてを完全に記録することはできません。オートアクションの公式ガイドを読むことをお勧めします。
とにかく、これをここに持ってきたのは、頭脳と創造性を適切に使えれば、時間を大幅に節約でき、シェーディングを強化できるからです。
3 つの結果に使用した 3 つのオート アクション
ID:1905243
ID: 1991382
3枚目は残念ながらもう入手できません
アセット (または特定のもの) で自動アクションを検索し、「人気」に移動すると、多くの優れたアセットを見つけることができます。まず無料のものをダウンロードして、機能するかどうかを確認してください(有料のものは無料のものほど優れていない場合があります(笑))
ご希望の素材が見つかると幸いです。
実験用にいくつかのブラシも作成してアップロードしました。必要に応じてチェックしてください。
他の
記事はほぼ終わりました。最後にアセット ストアをチェックすると、オート アクション、グラデーション マップ セット、ブラシ、エフェクト、カラー パレットなどの便利なものがたくさん見つかります。非常にお勧めします <3
練習がすべての鍵であることを心に留めておいてください。参考書を使って勉強するのは忍耐と時間がかかりますが、上達には確かに最適です。
より自然な外観にするには、単色だけでなく反射色も使用します。
何か知りたいことがあればコメントしてください。できる限り解決策を提供するように努めます。
ハッピードロー<333
コメント