はじめに

皆さんこんにちは！

イラストレーター兼3DアーティストのLennybunnyです。私は2014年頃からClip Studio Paint（CSP）を使用し、2017年からCSP Expertを使用しています。

CSP ブラシ/アセットを購入できる小さなオンライン ストアがあります。チュートリアルで使用するすべてのブラシは CSP アーティスト バンドル内にあり、プリント (チュートリアルのイラストをプリントとして購入できます)

何年にもわたって、インクの色付けに関するいくつかのトリックを学びました。このイラストをどのように色付けしたかをお見せします

________________________________!重要 ！

使用する用語の一部がわからなくても、CSP でレイヤーがどのように機能するかを説明するチュートリアルを作成したので心配はいりません。チュートリアル全体へのリンクをここに置きます。

____________________________私はどちらかというとコミック/マンガ アーティストなので、この最初のセクションはそれらのアーティストを対象としています。したがって、あなたが画家の場合は、パレットの選択セクションにスキップできます.

 

 

 

スマートな方法でインクを塗る

____________________________ベクター/参照レイヤー:

____________________________ 

これらの 2 つのオプションは、実質的にコミック/マンガのイラストのパンとバターです。

ベクターレイヤーを使用すると、使用したブラシを気にすることなく、正確に塗りつぶされたラインアートを作成できます.

この例のすべての行の幅は 15 ピクセルで、画像は 300 dpi で A4 の画面サイズの 100% になるようにエクスポートされました。つまり、エクスポートすると、これが表示されます。

[ 参照レイヤーとして設定 ] は魔法のオプションで、常に完全に線を塗りつぶすことができます。正確には、レイヤー パレットのボタン番号 5 にあります。レイヤー チュートリアルの画像を再利用しています。より詳細な説明については、上のリンクをクリックしてください。

____________________________ 

これにより、塗りつぶしツール [他のレイヤーを参照] を使用できるようになります。 [ ツール ] パレットの [ 塗りつぶし ] サブツール グループを選択すると表示されます。

この [ Fill ] サブツールを使用すると、レイヤー スタック内のどこにでも配置でき、常にベクター レイヤーを参照します。すべてが正しく機能するには、[他のレイヤーを参照]サブツールでこれらの設定をチェックする必要があります。

____________________________ 

関数に関して同じ技術レベルになったので、レイヤー スタックをどのように構成したかを見てみましょう。

3 つのベクター レイヤーがあります。

• メインインク

• 詳細

• クロージングライン

 

そして、[参照レイヤー]に主墨と口絵のみを設定します。なんで？このようにして、イラストを色で塗りつぶすときに、インクの余分な詳細をすべて心配する必要があるからです.

これはおそらく、「目に見えないインク レイヤー」を再表示することで、より視覚的にわかりやすくなっています。

_____________________________プロのヒント:

白い色でインクを塗り、レイヤー[描画モード]を[乗算]に設定すると、線画は見えなくなりますが、[他のレイヤーを塗りつぶす]サブツールでは認識されます。 「目に見えないインク層」があることを意味します。

あいまいな形状の終了線を作成したり、キャラクターの「壊れた」線画を維持したい場合に最適なトリックです。

 

_____________________________これは、塗りつぶしツールを使用するときに発生することを意味します

ということで、まとめたいと思います。あなたがコミック/マンガ家なら、これが私が推薦するものです

 

•ベクターレイヤーを使用

 

• インク レイヤーをメイン インク、ディテール、必要に応じてクロージング ライン レイヤーに分割します。

 

括弧のインク付けが完了したので、トピックの要点、つまり色付けの方法に進むことができます。しかし、好きな色を塗る前に、使用する色を決める必要があります。

 

 

何色を選べばいいですか？

パレットの選択は特に CSP では簡単で、かなり簡単な方法があります。しかし、始める前にちょっとした質問があります。

 

「あなたの作品にどんなムードを与えたいですか？」

 

与えたいムードに基づいて、ライトが変わるからです…ライトが変われば、色は明るい色にシフトします…つまり、ムードを選択する前にカラーパレットを選択することは逆効果です.

幸いなことに、1 つを選択する非常に簡単な方法があり、これは作品のシェーディング部分でも役立ちます。石を持った二羽の鳥。グレースケールを描く…簡単じゃない？

 

 

- 色理論の簡素化

グレースケールのペイントは奇妙に簡単ですが、非常にやりがいがありません。白黒の絵が好きでない限り、その場合は非常にやりがいがあります!

最終的なインクからわかるように、私は非常に重いインク スタイルを使用しています。つまり、グレースケールのペイントは私にとって非常に簡単です。ソフトシャドウを配置するだけです

 

___________________________プロのヒント

シェーディングの簡単なトリックは、次のルールを覚えておくことです。

「角度が鋭いほど、影は硬くなる」

____________________________ 

レイヤースタックの一番上に[グラデーションマップ]を追加するため、「色」の部分が来ます。これを行うには、[レイヤー]パレットを右クリックし、[新しい修正レイヤー]> [グラデーションマップ]を選択します。 [OK] を押して完了です。

[グラデーションマップ]は、選択したグラデーションに基づいて、グレースケールを色のグラデーションに変換する補正レイヤーです。

 

編集するには、テキストではなく左側の四角い部分のレイヤーをダブルクリックするだけです。

グラデーションをダブルクリックして適用するだけです。

 

この段階では、テストしたいムードごとに新しいグラデーション マップを作成し、すべてのバリエーションをエクスポートして、それらを 1 つのページに結合することをお勧めします。このようにして、実際にムードボードを作成して、作品をどこに行きたいかをよりよく理解することができます.これが私の例です

______________ 

 

皮肉なことに、私は色彩心理学に関するいかなる概念も使用しませんでしたが、より「論理的な」アプローチを使用しました。

色彩心理学、要するに、色に基づいて私たちがどのように感じるかは、深く複雑な人類学的および社会的なトピックです。なぜなら、それはあなたが住んでいる場所とその色での経験に依存するからです.

 

そのため、圧倒されるのはかなり簡単ですが、良いニュースは、実際には必要ないということです.作品のムードを設定するために知っておくべきことは、次のとおりです。

 

「私が見せているのは一日のどの瞬間ですか？」

 

単純化したい：

 

• 夜明けの場合は、黄色がかった光と紺碧/緑がかった影があります。

• 正午には、かなりニュートラルな光/影ができます。

• 夕方には、赤みがかった光と紫がかった影ができます。

• 夜はメインライトとして人工照明または自然光 (月/星) を使用します。人工的な光の場合、それらの強度に基づいて、光の色で着色された影ができます。自然光の場合、一般に、緑がかった影のある白い光があります。

 

次のステップは、色の彩度を選択することです。一般的な原則として、色が彩度が高いほど、よりエネルギッシュに感じられます。

たとえば、青はデフォルトでは「悲しい」色ではありません。彩度の高いライトブルーを使うとエネルギッシュな印象を与えます。彩度の低いダークブルーを使うと、エネルギッシュさの少ない色、つまり「悲しい」色として認識されます。明確にするために、私は色温度について話しているのではなく、青は寒く、赤は熱く、色がどれだけのエネルギー感を与えることができるかということです.

 

Gバリアントを選択するために、私はこの思考プロセスを持っていました

 

    ◦ 一日のどの瞬間ですか?早朝、つまり黄色の光と青/緑の影があることを意味します

 

これにより、デフォルトで A と G を除くすべてのバリアントが削除されました。次の質問です。

 

    ◦ どのくらいのエネルギーを与えたいですか? Bバリアントのようなまだ完全に落ち着いた感じは望んでいませんでしたが、キャラクターがエナジードリンクで淹れたエスプレッソショットを3杯一気に飲んだような気分になるようなものでもありませんでした.心臓発作を防ぐために病院に行く) バリアント A のように。

 

そこで、そのバリアントをベースとして使用して、影の色と光の色を選択します。影の色には暗いが彩度の高い青を選択し、明るい色には彩度の低い落ち着いた黄色を選択します。このようにして、これら 2 つの間のかなり良いコントラストを得ることができます。

 

特にこの2色を選んだ理由は、色の価値にも関係しています。残りの色をどのように選択するかについて非常に重要なこと。

- カラーパレットの完成

残りの色を選択するには、色に関する価値の概念を導入する必要があります。

私が言及しているのは：

「その色をグレースケールに換算するとどのくらいの明るさになるの？」

グレースケールに変換した場合の前の 2 つの色は次のとおりです。

つまり、価値に非常に大きな違いがあり、良いコントラストが得られます.

 

おそらくあなたが言うことは、色の1つが黒に向いているので、明らかに暗いということです.これは完全に公正なポイントなので、100 の彩度と明度を持つ純粋な黄色と青を使用しましょう。

 

色の「純粋な」彩度を使用してもわかるように、青は黄色よりも暗い値になります。これは、これらの 2 つの色が良好なコントラストを持ちやすいことを意味します。

純粋な黄色と純粋な赤を使用して、何が起こるか見てみましょう

____________ 

レイヤーチュートリアル【塗りつぶし】レイヤー解説

________________ 

これにより、非破壊的な方法でグレースケールのすべてが自動的に変換されます。レイヤーをブロックするだけで、エラーで選択できなくなります。このレイヤーを非表示/非表示にして、簡単なカラー チェックを行うだけです。この白い塗りつぶしレイヤーを「値チェック」レイヤーと呼びます。

これは、配色を選択する必要があるため、かなり良いガイドラインになります。

 

すでに明るい色と影の色の 2 つの色があります。通常、メインカラーとアクセントカラーの2色だけで作業しますが、作品に使用できる色の量に厳密なルールはありません.

ただし、最大 4 つまでにしておくことを強くお勧めします。理由は 2 つあります。

 

1.無限よりも4色の方が管理しやすい。光の色、影の色、メインの色、細部の色。

 

2\. 私は誓います、このパレットは十分な愛を受けていません. [ 中間色 ] は、4 色を入れることができるパレットで、4 色のグラデーションを自動的に作成します。

色を選択して、角の内側にある 4 つの正方形のいずれかをクリックするだけで、その角度がその色で塗りつぶされます。それは簡単ですか

完全に塗りつぶされた [中間色] パレットの例を次に示します。

 

これにより、同じ色の範囲内にありながら、多くの中間色が得られます。これで、明るい色と影の色ができました。他に 2 つの色が必要です。

そうすることは非常に簡単です。 [塗りつぶし]レイヤーを覚えていますか？ [オブジェクト]サブツールを使用して[塗りつぶし]レイヤーの色を自動的に変更できる、かなりクールな機能があります。 [ Object ] サブツールは [ Operation ] サブツール グループの下にあり、デフォルトのショートカットは文字 O です。

そのためには、オブジェクト ツールを使用してメインの色を選択し、そのまま色を選択するだけです。

____________________________ 

プロのヒント:

塗りつぶしレイヤーをマスクして、塗りつぶしカラー レイヤーと値をチェックした色を同時に表示できます。

マスキングの仕組みについて詳しく知りたい場合

________________________________ 

ここで、多かれ少なかれ、他の 2 つの色に関する私の意思決定を行います。

イラストは植物屋を設定しているため、メインカラーは緑の色合いになるため、メインカラーは写真でより一般的な色にする必要があります。簡単じゃない？

 

サブカラーはメインキャラがポップになるような色が必要で、選択肢は2つ。

 

1\. 明るい青または緑を使用すると、この方法でも良好な値のコントラストが得られます。

 

2\. 赤または紫の色を使用する。純粋な色としての赤と紫は、グレーに変換すると適切な中間グレー値を持つため、黄色と青の中間に位置します。

赤と紫で、青より濃い色、黄より薄い色を作るのは難しいということです。

この決定は個人的な好みに基づいています。私は赤が好きなので赤を選択しました。紫が好きなら紫を使用してください。

 

 

ポイント 2 を使用して、[近似色] パレット内に適用されたこの最終的なカラー パレットを提供しました。

これにより、特定の色の範囲内にありながら、多くの自由と多様性を備えたフル カラー パレットが得られます。

 

これらはルールではなく、色の決定に使用するより実用的なガイドラインであることを忘れないでください.正しい答えは必要ありません。間違った答えを避ける必要があるだけです。

 

色ができたので、あとは適用するだけです

- カラーパレットの作成 - 代替

次の章に進む前に、完全を期すために少し回り道をしたいと思います。 [ カラー ミキサー ] パレットを使用して、適切なカラー パレットを作成する別の方法を使用できるようになりました。

__________________ 

[ カラー ミキサー ] のすべての機能を説明することは、このチュートリアルの範囲から少し外れます。幸いなことに、Celsys は [ カラー ミキサー ] の使用方法に関する公式チュートリアルを作成しました。

では、それを使用してカラー パレットを作成するにはどうすればよいでしょうか。本物のパレットでやるのと同じように、少なくともパレット上で物を混ぜる方法を教えてもらった方法...

 

1 - パレットの隅にメインカラーを追加することから始めます

2 – 次に、上、右、下、左の隅にあるメインの色を混ぜ合わせます。

3 – 中間色と角度の色の混合を作成します。

4 - 完了

 

 

_____________________________ 

これは、前に述べたように、可能なユース ケース シナリオでツールを示しているだけなので、ベース カラー パレットを使用するための別の方法になりたいと考えています。

 

しかし、カラー パレットを持つための 2 つのシステムを使用しても、必要な色が見つからないということはありませんか?明るい/暗い/彩度の低い/飽和/炭酸の色が必要ですか?そのために、[近似色]パレットを使用します。

- カラーパレットの拡張

適切な一貫性のあるパレットを維持しながら、色数を増やすために、[近似色] パレットがあります。

 

元の色相値から移動せずに、色の明度と彩度のシフトを選択できる [ おおよその色 ] パレット。

言い換えれば、カーマインレッドを使用しながら、カーマインレッドに顔料を追加できるようなものです.

例として、蛾の少女のセーターは赤と青の間の色でしたが、十分に暗くはなかったため、全体の値のコントラストが最適ではありませんでした.そこで、[近似色]パレットを使用して色を少し暗くし、セーターをもう少し浮き上がらせました.

おそらくあなたは今、次のように考えています。

「カラーホイールを直接使えるから待って」

そうです、カラー ホイールを直接使用してこれらの変更を行うことができます。しかし、[ 近似色 ] を使用すると、変更をより微妙に行うことができることがわかりました。元の色と近似色の間でカラー ホイールがどれだけ変化したかを比較します。

気が付かないかもしれませんが、色の感じ方が全然違います。私はそのような精度の忍耐力を持っていません.. それで、彼らはこのツールを入れましたか？私はそれを使っています。

[ 中間色 ] または [ カラー ミキサー ] は大きな決定のためのものであり、[ 近似色 ] は必要に応じて選択を調整するためのものです。

信頼できる[塗りつぶし]と[ブラシ]サブツールを使用して、色の適用を開始しましょう

- 色の適用

ペン入れの手順に従えば、[ 塗りつぶし ] [ 他のレイヤーを参照 ] サブツールを使用して単色を適用するのは簡単です。インクセクションに移動するだけで、必要なすべての情報が得られます。

画家の場合…信頼できるブラシを使用して、色を選択し、単色を塗り始めます…残念ながら、少なくとも私の知る限り、純粋な画家であれば近道はありません。

しかし、レイヤー管理のちょっとしたコツがあります。ここで、レイヤーを整理したことを示しましょう。

透明なアクリル板を重ねるように「面」の数を決めていくだけの簡単な設定です。必要な数を決定したら、類似のものをグループ化します。一番下に「カメラ」から最も遠い平面を配置し、一番上に最も近い平面を配置しました。

____________________________ 

2\. [透明ピクセルをロック] オプション。より詳細な情報が必要な場合は、レイヤーチュートリアルで説明しているセクションへのリンクを次に示します

ちなみに [ 透明ピクセルをロック ] はボタン 7 です

 

短いバージョンでは、レイヤーの透明度がブロックされます。つまり、すでに描いたものの外に描くことはできませんが、消すことはできます。これは、顔のような大きな形状の内側にある目のような形状をブロックするのに最適です。

____________________プロのヒント:

技術的に言えば、[編集メニュー]の[カラー化(技術プレビュー)]を使用して、色の選択>色の適用のプロセスを自動化する方法があります。ただし、いくつかの注意事項があります。

 

1.参照レイヤーが必要です。つまり、ある程度きれいな線画が必要です。

2\. 1 つの参照レイヤーのみで機能します

3\. 線で完全に囲まれていない部分はすべて真っ白に変換されます

 

次のルールに従います。

 

1.内部に色があるレイヤーを選択すると、それらの色が参照として使用されます

2\. [より高度な設定を使用する]オプションを使用しているときに[色を分析して色付けする]オプションを使用した場合。ベースカラーを分離し、それぞれの単色のぼかし方を選択できます。

 

結果は次のようになります

_________________________これで、何らかの方法ですべての色を適用しました。

覚えておいてください、実際には3つの方法があります

 

1\. 塗りつぶしツールの使用

2.筆塗り

3\. [ カラー化 ( テクノロジー プレビュー ) ] オプションを使用する

 

働き方の選択肢が広がります。今、私たちは絵の最後の段階、シェーディングにいます

シェーディング

作成したグレースケールを覚えていますか?フラットカラーのフォルダーの上に置き、[ブレンドモード]をオーバーレイとして設定します。

__________________ 

残りの 8% については、ムードを選択するために作成した [ グラデーション マップ ] レイヤーを複製する必要があります。削除していないことを願っています… グレースケールの上に置き、[ 下のレイヤーにクリップ ] 設定をオンにします。画像で強調表示されているボタンを使用できます

または、[レイヤー]パレット内を右クリックして[レイヤー設定]に移動し、[下のレイヤーにクリップ]をクリックします。この後、満足するまで不透明度をいじってみました。私は不透明度を 25% にしました。

これが漫画のページだったら、このように完成したと言えます。

なので残りの2%はやります。

そうすることは非常に簡単です。新しいレイヤーを作成し、影と光を少しプッシュするだけです。これらの追加の詳細をペイントするために、明るい飽和グリーンと明るい色を選択しました。

私は通常、次のようにします。

 

• 明るい色の場合、この場合は蛾の女の子の髪と肌です。通常のレイヤーを使用し、選択した色でペイントします。

はい、選択した緑は暗い色ではありませんが、皮膚や髪の値よりも暗い値であり、影の色であるという印象を与えます

_____________________ 

プロのヒント

あなたの唇/チェックまたはあなたのキャラクターの他の赤いゾーンに素敵な色を持たせるため.必要なものを濃い赤で新しいレイヤーペイントを作成し、[ブレンドモード]を[ハードライト]に設定します。もう1つの方法は、純粋な赤色を取り、[ブレンドモード]を[乗算]に設定し、不透明度を50％に設定することです.より使いやすいものを使用してください

________________ 

• セーターのような暗い色の場合は、[ブレンド モード] をオーバーレイとして設定した新しいレイヤーを使用します。

これで、イラストは技術的に完成しました。ただし、イラストをポップにする追加の手順を実行できます。

通常、これらの手順は「 Extra 」というフォルダー内にあります。通常、これらの手順には 5 ～ 10 分かかります。それらは、レイヤー調整、グラデーションマップ、ビネットなどのようなものです.

最後の仕上げ

レイヤースタックの一番上にある「 Extra 」フォルダー内に並べたものを簡単にまとめます。

 

• すべての上に小さな境界線を追加しました。他のすべての上に新しいレイヤーを作成し、ペイントを開始して、作品全体を少しフレームに収めます。

 

•上下に2つの[グラデーション]レイヤーを作成し、影の色のより明るい飽和バージョンを使用し、[乗算]で[ブレンドモード]を設定しました

これにより、中央の領域に焦点が集中します。顔は値ゾーンでより高いコントラストであるため、通常は最初にそれが表示されます。

 

• 雰囲気を決めるための [ グラデーション マップ ] を複製し、[ ブレンド モード ] を [ ソフト ライト ] に設定すると、均一で明るいムードが作成されます。決して必須ではありませんが、私はその効果が好きです。

 

「Extra」フォルダのこのすべての一番下に、柔らかな光に設定された紙のテクスチャを配置して、少しカリカリ感を与えます。

ええ、それはクールです...しかし、それはもっと良いかもしれません.今のところ、テクスチャは作品と対話していません.

では、どうすれば解決できるでしょうか。簡単に言えば、ペイントまたは描画すると、セクションをペイントまたは描画すればするほど、目に見える紙が少なくなります。

つまり、中間色の塗料/顔料が少なくなるため、中間色の内側により多くのテクスチャーができます。

1 - レイヤー パレットを右クリックするだけで、最後から 2 番目のボタン [新しいレイヤーに表示を結合] を使用すると、すべてのレイヤー スタックを保持しながら、イラストを 1 つのレイヤーに統合できます。このレイヤーを「フラットイラスト」と呼びます。

 

2 - 次に、「平坦化されたイラスト」の上に、左から右に白>黒>白の順序で[グラデーションマップ]レイヤーを作成する必要があります。

黒い部分は、テクスチャが配置される場所になります。

水彩画のような感じにしたい場合は、左から右へ、白>黒の順である必要があります。これは、ライトを作成するために紙を覆わないためです。

中間トーンの内側の適切な範囲を選択する必要があるため、中間にある黒

 

3.この[グラデーションマップ]レイヤーを「フラットイラスト」レイヤーとマージするだけです。

 

4\. トップ メニューに移動し、[編集] をクリックします。次に [明るさを不透明度に変換] をクリックします。これにより、すべてのものが自動的に透明に変換されます。この新しく作成したレイヤーを「ミドルトーンマスク」と呼びます

お気に入りの紙のテクスチャを選択するのは問題ですが、結果の「ミドルトーンマスク」の上にあり、[オプションの下のレイヤーにクリップ]をアクティブにし、テクスチャを「ミドルトーンマスク」レイヤーとマージします。 [ ブレンディングモード ] を [ ソフトライト ] に設定するだけで完了です

これがかなり複雑に感じられることはわかっていますが、信じてください、私はそれを行うよりも説明するのに多くの時間を費やしています.

これで作品は 100% 完成しました。おめでとう、作品を着色するために知っておく必要があることはすべてわかりました。

エピローグ

これで、以下から完全なプロセスがわかりました。

複数のベクター レイヤーと参照レイヤーを使用してインクを設定する方法。

[グラデーションマップ]レイヤーを使用してムードを選択する方法、少しの色彩理論

CSPのカラーマネジメントの聖三位一体「近似色」「中間色」「混色パレット」を使ってカラーパレットを設定・拡張する方法

グレースケールから始めて、イラストを簡単にシェーディングする方法

そして最後に、作品に毛羽立ちを追加する方法

>綿毛の画像を挿入

 

このチュートリアルに従って楽しい時間を過ごし、多くの優れたアートを作成するために使用できることを願っています!

 

恥知らずな広告

こんにちは…ええ…ええと…私はこれが苦手なので…

このイラストのような私の作品の版画は、私のウェブサイトで購入できます。

また、私が使っていたようなCLIP STUDIO PAINT用のブラシも売っています。

さらに、ここでシャツを販売しています。

それで…これが…私をサポートしたいなら何かを買ってください…さようなら!!!