フラットカラー-塗りつぶしツールと参照レイヤー方式

13,914

LizStaley

LizStaley

こんにちは!私の名前はLiz Staleyで、Clip Studio Paintを長年使用しています(このプログラムはManga Studio 4と呼ばれていた頃から使い始めていました)。私はManga Studio 5プログラムとClip Studio Paintのベータテスターであり、このプログラムについて3冊の本といくつかのビデオコースを書きました。皆さんの多くは、おそらくそれらの本から私の名前を知っているでしょう。

 

フラットカラーは、コミック作成プロセスの重要な部分です。大規模なコミック作成チームの一部として「フラット化」を行う場合でも、独自の描画にフラットカラーを配置する場合でも、基本のカラーセットは、残りのカラーリングプロセスに影響を与えます。イラストを使用すると、色付けが簡単になったり、ワークフローが遅くなったり、ワークフローが悪化したりする可能性があります。

 

この記事では、次のトピックについて説明します。

フラットカラーの基本

成功のためのレイヤーの設定

スキャンしたインクを着色するための準備

塗りつぶしツールの設定と参照レイヤー

 

このチュートリアルを進めるには、レイヤーの作成方法と操作方法に少なくともある程度精通している必要があります。とはいえ、早速始めましょう!

 

フラットカラーの基本

「フラット化」は、特に複数のアーティストが同じプロジェクトに取り組んでいる場合、現在のコミック制作ワークフローで非常に特殊な役割を果たします。チームが作成しているコミックブックでは、フラット化とは、各領域(つまり、キャラクターAの肌、キャラクターAの目、キャラクターAの髪の毛、キャラクターBの肌など)に明確なフラットカラーを配置するプロセスを指します。 coloristを使用すると、これらの領域を簡単に選択、塗りつぶし、シェーディングできます。

 

フラットカラーについて話すときは、後でシェーディングおよびハイライトされる領域のベースカラーを選択する簡単なプロセスを指します。これを説明するために、私は下の図を添付しました。これは、フラットな、つまり「ベース」の色だけを付けたものです。

 

フラットカラーイメージにシェーディングやハイライトはありません。フラットカラーは、シェーディングへのロードマップとして考えるのが好きです。プロセスのこのステップでは、どの領域がどのエリアであるかを確認し、カラーリングプロセスをさらに進める前に、純粋な色が互いにどのように見えるかを感じ取ることができます。

 

これから紹介する基本色を設定する方法では、1つの色だけでは機能しないと判断した場合に、後でシェーディングをやり直すことなく、これらの色を簡単に変更できます。この方法も簡単で、かなり高速で、線画とカラーリングの間の明確な移行を提供します。

 

この記事で使用するフラット化の定義がわかったので、フラットカラーリングで成功できるようにドキュメントのレイヤーを設定する方法について説明します。

 

成功のためのレイヤーの設定

正直なところ、デジタルアートに起こった最高のことの1つは、レイヤーの発明です。これらは、デジタルでアートに取り組む際の私のお気に入りの機能の1つであり、図面やコミックの一部を完全にやり直す必要がなくなりました。

 

理想的には、1つのレイヤーにラインアートを配置し、各ベースカラーを独自のレイヤー、シェーディング用のレイヤー、ハイライト用のレイヤー(複数可)、最後に特殊効果、テキストなどのレイヤーにする必要があります。 1990年代後半のデジタルアートでは、私たちの家族のPCには複数のレイヤーを持つドキュメントを処理する能力がなかったため、できるだけ少ないレイヤーを使用する習慣を身につけました。標準のレイヤー設定は、フルカラーのイラストごとに、次の共通レイヤーで構成されています。

 

 

図に応じて、レイヤーはそれより多少複雑になる場合がありますが、それらは私の典型的なレイヤー設定です。上記のリストからわかるように、私はベースカラーをインクレイヤーの下のどこかに置く傾向があります。これは、通常、インクをデジタルで行い、ベースカラーをスタック内のインクの下に配置することで、いくつかの着色の頭痛を回避できるためです。

 

たとえば、塗りつぶしツール(デフォルトのキーボードショートカット「G」)を使用して、インクレイヤーと同じレイヤーに単色を塗りつぶすとどうなるかを見てみましょう。

 

おい!塗りつぶしによって、色と黒い線の間に白い点が残っていることに注意してください。これは、塗りつぶしが素敵な滑らかな線の端までしか上がらず、真っ白または黒色以外の何をどうするかわからないため、線の端の周りの灰色のピクセルが線を美しく見せます私たちの目にはより滑らかになり、親指の痛みのように目立ちます。では、これをどのように修正すればよいでしょうか?

 

シンプル!インクが引き続き滑らかになり、色の端がごちゃごちゃに見えないように、色の付いた領域が線を超えて線が最も暗い領域まで伸びていることを確認する必要があります。これを行うには、ブラシで色付けしたい各領域の端に苦労して移動する必要がなく、トランジションを滑らかにするために、レイヤーと塗りつぶしツールの設定を使用して、プロセスを大幅に高速化できます。

 

スキャンした画像を着色するための準備

紙に画像をインクする場合は、スキャナーを使用して画像をコンピューターに転送するか、照明の良い場所でインクで描いた図面の写真を撮り、歪みを避けるためにできるだけ真っすぐに写真を撮ってください。

 

紙にインクを塗った画像を使用する場合は、いくつかの追加手順に従う必要があります。まず、スキャンまたは撮影した画像をClip Studio Paintで開きます。以下は、CSPでスキャンして開いたインク描画です。線が黒ではなく、灰色になっていることに気付くでしょう。

 

スキャンした線を暗くするには、[編集]-[色調補正]-[レベル補正]をクリックします。次に、入力ウィンドウの左下にある小さな上向きの矢印を右にドラッグします。矢印をドラッグすると、レベル補正の背後にある画像が更新され、調整がどのように行われるかのプレビューが表示されます。次のスクリーンショットで、インクの付いた線が灰色ではなく黒色になっていることに注意してください。

線画を着色できるように準備するには、2つの方法のいずれかを使用できます。以下の1つ1つについて詳しく説明します。両方を試して、どれが一番好きかを決めることができます。どちらの方法でも、数回クリックするだけで済みます。

レイヤーブレンドモードの使用

この方法では、スキャンしたラインアートの白い領域はそのまま残りますが、ラインアートの下のレイヤーで色が透けて見えるようにします。

 

レイヤーウィンドウでスキャンしたラインアートのレイヤーを選択します。レイヤーウィンドウの上部にあるドロップダウンメニューから、「乗算」を選択します。これにより、ラインワークの暗さを維持しながら、レイヤーの白い領域が背後に色が配置されたときに透けて見えるようになります。

 

以下のスクリーンショットでは、右下隅の「Lines」レイヤーがMultiplyに設定されていることに注意してください。 「色」レイヤーはその下にあり、3つの色が含まれています。スキャンされたライン画像の白い領域は、白のピクセルには何も反応しないため、下のレイヤーに色がない場合でも白として表示されます。

 

明るさを透明度に変換する

この方法では、白い領域を取り出して透明なピクセルに変換し、最も暗いピクセルは不透明のままにします。この方法は上記の方法と同じくらい簡単ですが、白い領域を取り除き、透明な背景を残すという追加の利点があります。これは、Webディスプレイ以外のアプリケーションでデザインを使用する場合や印刷を作成する場合に特に便利です。外側の白い背景を手動で消去して取り除く必要がないためです。

 

続行する前に、スキャンした線が含まれているレイヤーを選択します。適切なレイヤーを選択したら、[編集]-[明るさを不透明度に変換]をクリックします。しばらくすると、白いピクセルが魔法のように消えます!次のスクリーンショットは前のセクションと同じ画像ですが、白いピクセルはありません。

 

スキャンした画像を処理してカラーリングの準備をする方法がわかったので、画像にフラットを適用するプロセスに取り掛かることができます。

塗りつぶしツールと参照レイヤーを使用したフラット化

一部の初心者のデジタルアーティストは、線画に色を準備してから、ブラシツールを選択し、手作業で各領域の各色を苦労してペイントする場合があります。これは確かにこのステップを完了するための無効な方法ではありませんが、これを行うには最も長く、最も難しい方法です!塗り絵でクレヨンを使用しているように、すべての領域を手で塗りつぶす代わりに、クリックするだけで領域を単色で塗りつぶします。

 

フラット化を開始する前に、ラインアートの下に新しいラスターレイヤーをまだ作成していない場合は、ここで作成します。色を追加する図面を設定したら、塗りつぶしツールを選択し、Colorsレイヤーがアクティブであることを確認する必要があります。

 

塗りつぶす最初の色を選択し、色を付けたい領域をクリックします。おっとっと!次のスクリーンショットのように、画像全体が選択した色に変わりましたか?

 

これが発生した理由は、塗りつぶしツールが現在オンになっているサブツール設定が原因です。塗りつぶしツールをアクティブにした状態でサブツールウィンドウを見ると、いくつかの異なる設定が表示されます。デフォルトで選択されているのは「編集レイヤーのみを参照」で、現在のレイヤーで定義された領域に基づいて色を塗りつぶします。現在選択されているカラーレイヤーは空であるため、検出する境界がなく、レイヤー全体がカラーで塗りつぶされます。

 

この設定を使用する代わりに、「他のレイヤーを参照」サブツール設定を選択してみましょう。このサブツールを選択したら、次に示す[ツールプロパティ]ウィンドウをチェックアウトする必要があります。

 

この記事に関連するオプションの概要を以下に示します。

 

接続されたピクセルのみに適用:このボックスをオフにすると、画像内のすべての類似ピクセルを同じ塗りつぶし色で塗りつぶすことができます。たとえば、赤に変更したい画像に緑の領域がいくつかある場合、このボックスをオフにすると、塗りつぶしツールで1つだけクリックしたときに、それらの領域がすべて塗りつぶされます。

 

ギャップを埋める:あなたが私のようなもので、時にはラインに小さなギャップを残す場合は、絶対的な命の恩人です!このボックスをチェックし、オプションタイトルの右側にある四角を使用して感度を調整すると、塗りつぶしツールは、インクされた線の小さな隙間から大きな隙間まで自動的に閉じます。このオプションを使用すると、クリーンアップが必要になる場合がありますが、インクラインレイヤーに戻って手動でギャップを閉じるよりも高速です。

 

エリアスケーリング:このオプションをオンにすることは、私の意見では、平坦化プロセスにとって重要です。このチェックボックスをオンにすると、CSPは、塗りつぶす領域を少し超えて自動的に色の塗りつぶしを拡張し、線と色の間をきれいに移行します。

 

複数参照:これは、塗りつぶしツールを使用するときに参照されるレイヤーのタイプを変更できる場所です。左から右のオプションは、すべてのレイヤー、参照レイヤー、選択されたレイヤー、フォルダー内のレイヤーです。この記事で使用する2つのオプションは、すべてのレイヤーと参照レイヤーです。今のところ、このオプションは[すべてのレイヤー]カテゴリのままにしておきます。

 

使用する必要がある設定についてもう少し詳しくなったので、塗りつぶしツールの[他のレイヤーを参照]サブツールを使用して画像の領域内をクリックして、何が起こるかを見てみましょう。

 

これで、本来あるべき領域にのみフラットカラーがあり、ラインの下まで完全に移行してきれいに移行し、フラットカラーはラインアートとは別のレイヤーにあります!

 

すべての領域を色で塗りつぶし続けます。特に隙間を閉じるオプションを使用している場合、塗りつぶされたときに完全に塗りつぶされない小さな領域に気付く場合があります。まだ心配する必要はありません。すぐに別のFillサブツールオプションを使用して修正します。

 

塗りつぶされたより広い領域があると、最初のパスで色で塗りつぶされなかった領域を修正して塗りつぶすのに1分を費やすことができます。これを行うには、塗りのサブツールに「塗りつぶされていない領域をペイントする」オプションが必要です。

 

画像を少し拡大して、修正が必要な領域をはっきりと確認できるようにしたいと思います。下のスクリーンショットでは、濃い青色のネクタイの隅にまだ少し白い部分が残っているため、塗りつぶす必要があります。

 

この領域を塗りつぶすには、塗りつぶす必要のある色を選択し、ブラシツールのように使用して、[塗りつぶされていない領域をペイント]ツールでクリックしてドラッグします。ツールがクリックされてドラッグされると、影響を受ける領域は緑色で表示されますが、マウスまたはスタイラスを離すとすぐに、プログラムは現在選択されている色ですべての透明ピクセルを塗りつぶします。

 

ヒント:塗りつぶしが難しい領域を表示するには、平らな色の下にレイヤーを作成し、非常に明るいピンク、黄色、緑など、図面には表示されない明るい色で塗りつぶします。これにより、塗りつぶされていない領域が強調表示され、見つけやすくなります。

 

フラットカラーを配置したいが、[ツールプロパティ]ウィンドウの[すべてのレイヤー]オプションを使用できない場合があります。おそらく、画像に既に背景を追加していて、塗りつぶしが妨げられている可能性があります。下のスクリーンショットでは、画像の下部レイヤーに背景パターンを追加しました。これにより、髪の薄い紫の塗りつぶしが妨げられています。

 

この場合、インクレイヤーを参照レイヤーとして設定し、CSPが色で塗りつぶす領域の境界を探すときにのみ、そのレイヤーを使用するように塗りつぶしツールを設定できます。

 

これを行うには、参照として設定するレイヤーを選択する必要があります。この場合は、Inksレイヤーを選択しています。レイヤーを選択したら、灯台のようなアイコンを[レイヤー]ウィンドウで見つける必要があります。このアイコンは次の画像で丸で囲まれています。

 

このアイコンをクリックすると、現在選択されているレイヤーが参照レイヤーとして設定されます。それが完了したら、単色を配置するレイヤーを選択してから、塗りつぶしツールを選択します。 [他のレイヤーを参照]サブツールがまだ選択されていない場合は、選択します。次に、ツールプロパティウィンドウを確認し、このチュートリアルで前述した「複数参照」オプションで「参照レイヤー」を選択します。下の画像では、背景パターンを考慮して、塗りつぶしツールを使用せずに、ヘアベースカラーをすべて塗りつぶしています。

ヒント:上の画像の髪のように、同じ色で複数の領域を塗りつぶす場合は、塗りつぶす最初の領域をクリックしてから、マウスボタンまたはスタイラスを押したまま、次の領域に塗りつぶしカーソルをドラッグします記入したい。クリックした最初の領域と同じ場所(この場合は透明)を通過した領域は、再度クリックしなくても自動的に塗りつぶされます。

結論

フラットカラーを配置することは、カラーリングプロセスの最も退屈な部分ですが、プロセスを合理化するためにツールを機能させる方法を知っていれば、長い時間をかける必要はありません。このチュートリアルがClip Studio Paintのいくつかの新機能を教えてくれて、アートを作るきっかけになったことを願っています!

 

CLIP Studio Paintの詳細については、https://www.clipstudio.net/enまたはhttps://graphixly.com/にアクセスしてください。

コメント

新着

公式 新着