Webcomic パネルをアニメのようなシェーダーにブレンドする方法

1,283

ChoSenli

ChoSenli

はじめに

こんにちは、アホゲモンことセンリです。このチュートリアルでは、ブレンド モードをアニメのようなシェーダーに使用して Web コミック パネルを仕上げ、ClipStudio Paint で Web コミックまたは Webtoon シリーズをレベルアップする方法を紹介します。

このチュートリアルは、CSP を使い始めたばかりの初心者向けではないことに注意してください。このチュートリアルには、たとえば新しいレイヤーの作成、移動、マージなどの基本的なツールのチュートリアルが含まれていない可能性があるためです。基本。

ただし、チュートリアルの最後に質問がある場合は、下にコメントを残してください。できるだけ早く回答します。

準備

最後のステップで行われる仕上げのための陰影を与えようとしているので、最初に行う必要があるのは、パネルの準備です。

ここにパネルの準備が整いました。2 つのキャラクターが単色で適用されていることがわかります。それらは各フォルダーに分けられています。ハロー リングも分けています。そして最後に、ブレンダーでレンダリングした「bg」または背景レイヤー。

レイヤーを独自のフォルダーに配置して、多数のレイヤーを操作する場合に整理して見つけやすくすることをお勧めします。

誰もが異なる UI レイアウトを持っている可能性があるため、混乱しないでください。下のスクリーンショットは私のレイアウトです。私は主にキーボード ショートカットを使用しているため、シンプルできれいに見えますが、これは CSP の基本機能には影響しません。今日は UI について話しているわけではありません。ブレンディングに焦点を当てましょう。

このチュートリアルに従って同じページを使用したい場合に備えて、このチュートリアルのクリップ ファイルの正確なパネルを提供しました。下のリンクからダウンロードできます。

このファイルはどこにも再投稿しないでください。ファイルを共有するには、最初にこのチュートリアルへのリンクをリダイレクトする必要があります。練習用にのみ使用し、乱用せず、責任を持って使用してください。

ウェブコミック アートはイラスト アートとは異なります

始める前に、ウェブコミック パネルの作成はスピードと効率が重要ですが、品質には重点を置いていません。 1 か月で完成するイラスト アートとは異なり、Web コミック クリエイターは、1 週間のスケジュールを把握するために、1 日に少なくとも 3 コマ以上を作成する必要があります。したがって、実際には、シェーディングなしまたは最小限のシェーディングだけでウェブコミック アートに問題はありませんが、パネルに費やす時間がまだある場合は、このチュートリアルに従うことをお勧めします。見栄えを良くするためのパネル。

ステップ 1: 光源

光源がどこから来ているかを決定します。ここのサンプルでは、光源はカメラの後ろの上から来る満月なので、シーン内には表示されませんが、そこにあることはわかっています。

ステップ 2: 影の色を選択する

影の色を選択するための鍵は、環境光に影響を与えるものです。この例のパネルでは、 は夜空です。

これはオプションの手順ですが、色を選択する前に行うことをお勧めします。色をデフォルトの黒 (前景) と白 (背景) に切り替えましょう。

次に、色を黒の前景に切り替えます(オプションの手順を実行したと仮定します)。次に、水平線の上の真ん中の色を選択します。

明らかに夜空の色が暗すぎる。シャドウが暗くなりすぎないように、値を約 60% に増やし、彩度を約 15% に下げて色を調整します。また、必要に応じてすばやくアクセスできるように新しいスロットに色を保存し、シェーディング カラーの一貫性を維持したいと考えています。

背景色は白のままにします。

ステップ 3: シェーディング レイヤーを準備する

ここでは「ethan」からシェーディングを開始します。どのオブジェクトから開始するかについてのルールはありません。

それを複製してから、新しいレイヤーにマージしましょう。

私の場合のように、レイヤーの名前を別の名前に変更します。シャドウの名前を「sd」にします。

透明チャンネルまたはアルファ チャンネルをロックし、ブレンド モードを乗算に設定します。

色を白の背景色に切り替えて、白で塗りつぶします。

ステップ 4: シェーディングを開始する

前景色に戻り、光の方向に従ってシェーディングを開始しましょう。

前に述べたように、リアリズムと正確さについて心配する必要はないことに注意してください.Webコミックパネルをシェーディングしています.

シェーディングにはシャープなペンを使用しましょう。私の意見では、セル シェーディングは Web コミックのソフト シェーディングよりもはるかに優れているため、ソフト ブラシやエアブラシの使用はお勧めしません。

影が着地する場所を想像してください。

Q: シーンは夜ですが、明るく見えるのはなぜですか?

A: 明るさを落としたかったのですが、これはウェブコミックなので、特に編集者がいる場合、読者はあなたのシーンが暗いと文句を言うでしょう。彼らはシーンを明るくするように言うでしょう!

 

影を修正するために消しゴムを使用しないでください。代わりに、背景色を使用してください。この場合は白色です。

バケツ塗りつぶしツールを使用して、スペースをすばやく塗りつぶします。

十分なシェーディングだと思うまでシェーディングを続けます

シェーディングに満足したら、続行する前に簡単な検査を行いましょう。

シェーディングが完了すると、パネルの見栄えが良くなり、ポップになります。以前よりも平凡ではありません。下の画像は、このチュートリアル パネルのシェーディング結果です。

このパネルのシェーディングを完了するのに約 20 分かかりましたが、所要時間はシーンの複雑さによって異なります。パネルごとに5分から30分と言います。

これは Web コミック パネルにはすでに適しているかもしれませんが、あと 5 分ほど時間があれば、最終的なブレンドを行って、素敵なアニメのようなシェーダーを作成しましょう!

ステップ 5: 外側のグロー レイヤーでオブジェクトと背景を区別する

場合によっては、キャラクターと背景が混ざり合って、一部の読者にとって見つけにくいことがあります。

だから、文句から世界を減らすために、外側のグローレイヤーを追加しましょう!

このパネルでは、両方のキャラクターが暗い色の衣装を着ており、シーンは夜であるため、外側のグロー レイヤーを追加して、キャラクターまたはオブジェクトを背景と区別することをお勧めします。

これを行うには、まず、外側のグロー効果を追加するオブジェクト レイヤーをコピーしましょう。ここでは、フォルダー「ethan」と「nephtia」を選択し、次に選択したレイヤーを複製します。

レイヤーを複製したら、それらを新しいレイヤーにマージし、レイヤーの名前を OuterGlow に変更してから、そのレイヤーをオブジェクト レイヤーの下の背景レイヤーのすぐ上に移動します。

次に、アルファ チャネルをロックし、背景色または白色で塗りつぶします。

このレイヤーのブレンド モードは通常であることに注意してください。

OuterGlow レイヤーを白で塗りつぶしたら、アルファ チャネルのロックをオフにしましょう。

次に、フィルターに移動し、[ぼかし]、[ガウスぼかし] の順に選択して、100 に設定します。

これで外側のグロー レイヤーが作成されましたが、透明度を 50% に下げて、見栄えを良くします。

よくできた!ここで、OuterGlow レイヤーを非表示にするか非表示にします。はい、心配しないでください。後でオンに戻します。私を信じてください :)

ステップ6:ブルームレイヤー

それでは、シーンを明るくするために「ブルーム」レイヤーを作成しましょう。

まず、一番上のレイヤーを選択します。この場合は「sd」レイヤーが一番上にあり、表示されているすべてのレイヤーを一番上のレイヤーの新しいレイヤーにマージしてから、レイヤーの名前を「bloom」に変更します。

ブルームレイヤーが選択されている状態で、トーンカーブを開き、トーンカーブの内側で、下のスクリーンショットのように中央からクリックしてドラッグします。 [OK] をクリックします。

以下のスクリーンショットのようになります。

ブルームレイヤーはまだ選択されたレイヤーです。Shift + Ctrlを押しながらキャラクターレイヤーをクリックします。このサンプルでは、「ethan」および「nephtia」フォルダーをクリックします。これでキャラクターの選択ができました。

トーン カーブをもう一度開き、トーン カーブ内でポイントをクリックして、下のスクリーンショットのようにドラッグします。 [OK] をクリックします。そして、選択を解除します。

引き続きブルームレイヤーで、ブレンドモードをスクリーンに設定します。下のスクリーンショットのようになります。

何もおかしくないなら、それは素晴らしいことです!

ブルーム レイヤーを選択したレイヤーのままにして、フィルターに移動し、[ガウスぼかし] を選択します。

ガウスぼかしを 300 に設定しますが、CSP はガウスぼかしを最大 200 に制限しているため、最大 (200) までドラッグしてから [OK] をクリックし、もう一度ガウスぼかしを開きますが、今回は 100 に設定またはドラッグします。

大丈夫!

ほぼ完了です。次に、OuterGlow レイヤーをオンにして表示に戻します。わーい!見る!?

ステップ7:大気トーンレイヤー

ここまで行った後は、シーンに追加する最後の要素である大気フィルターを忘れることはできません。それは簡単で速いです!

ブルームレイヤーの上に新しいレイヤーを作成し、「フィルター」または好きな名前を付けます。

このレイヤーのブレンドをソフトライトに設定します

影の色を選択するのと同じように、大気フィルターの色を選択します。次に、水平線の上の真ん中にある夜空の色を選択しますが、今回は値を 50% に設定します。そして彩度は約30%。

必要に応じて後ですばやくアクセスできるように、色を新しいスロットに保存することをお勧めします。

「フィルター」レイヤーを色で塗りつぶします。

おめでとうございます。ウェブコミック パネルのレベルが上がりました。

さて、このサンプルパネルでは、読者がキャラクターから目をそらしてしまう何かがあります.それは、左画面のキャラクター「ネフティア」の後ろの光です.明るすぎますよね?

これを修正するには、グラデーション ツールを使用して、気を散らさなくなるまで徐々に黒などの暗い色で領域を覆います。

でも、このパネルは作ったので計算済みなので吹き出しで覆います。

そこにあります!ウェブコミック パネル用のアニメ風シェーダー。

そして、その下にあるのは、YouTube でのこのチュートリアルの要約ビデオです。

要約ビデオ

これは YouTube での最初のビデオです。このチュートリアルの要約ビデオをご覧ください。ご不明な点がございましたら、お気軽にコメントを残してください。このチュートリアルに関するご質問にできるだけ早くお答えします。

コメント

新着

公式 新着