プレゼンテーション

こんにちは！この新しいTIPSへようこそ。今日は、イラストに素早く簡単に色を塗るための様々なツールをご紹介します。ここで紹介する方法は、どんなスタイルにも応用できます。これらのヒントがお役に立てば幸いです。それでは、早速始めましょう！

1. これまでのコンセプト

まず第一に、イラストに使いたい色を事前に準備しておくことをお勧めします。途中で気が変わって別の色を使うことにすることもあるかもしれませんが、それでも既に完成への道のりは始まっています。色彩理論に基づいて色を選んでおけば、後で色を変えたくなった場合でも、プログラムのツールを使えば、最初から色を塗り直す必要はありません。

 

 

► 色を計画する

このプログラムには、「カラーパレット」と呼ばれるツールがいくつか搭載されています。これらは色の選択と保存に不可欠です。では、どのツールが色彩計画に役立つのか見ていきましょう。

 

各機能の詳細な説明と色彩理論に関する解説へのリンクは以下をご覧ください。

まず、カラーパレットを使うことをお勧めします。色を選ぶのにとても便利です。これらのツールはそれぞれ、以下のパスにあります。ウィンドウ > オプションには、カラーホイールから色の混合までが含まれています。

• カラーミックス

 

このツールを使うと、アナログのブレンドを模倣したパレットを使って色を混ぜることができます。非常に直感的に操作できます。また、任意のブラシテクスチャを使って色を混ぜることもできます。デジタルの世界で色の基本を学ぶのに便利です。

• カラースライダー、ニュートラルカラー、近似色

 

これらの3つのツールは、色の選択に役立ちます。カラースライダーでは、RGB、HLS、CMYKの色モデルを切り替えることができます。このツールでは、カラーホイールから選択した色の明度、彩度、色相を計算できます。

ニュートラル カラー パネルでは、色を参照ボックスに配置することで、色の明度と彩度を取得でき、色同士がどのように混ざり合うかを確認できます。

近似色は、選択した色の近似値を取得するのに役立ちます。以前は最大4つの異なる色に依存していましたが、近似色は1つの色に依存します。左側と左上のセクションにあるバーを使用して、グレーレベルとホワイトレベルを調整し、選択した関数のレベルを測定できます。

• カラーセット

 

既に色は設定済みですが、同じ色をもう一度使いたい場合はどうすればいいでしょうか？ どのように保存すればいいのでしょうか？ これは非常に興味深い質問です。プログラムには「カラーセット」というパレットがあり、そこに色を保存することができます。

 

まず、パレットにはデフォルトのカラーセットが用意されており、ドロップダウンメニューからアクセスできますが、独自のカラーセットを作成することもできます。

新しいカラーセットを作成するには、右上隅のレンチアイコンをクリックします。クリックすると次のウィンドウが開き、セットの作成、変更、複製、削除のためのさまざまなオプションが表示されます。

新しいセットを作成したら、空白スペースを右クリックして「色の置換」を選択するか、右下隅のプラス記号の付いたドロップをクリックして、必要なすべての色をそこに保存できます。

---

► 色を計画するためのヒント

初心者は、イラストに思い通りの色をうまく取り入れられないことがよくあります。そのため、色を足せる程度の、ある程度のスケッチを用意しておくことをお勧めします。ブラシを使って、スケッチの下に色を素早く塗りましょう。構図に満足したら、次のステップに進みます。

さて、配色が気に入らなくても、すべてを削除して最初からやり直すのは面倒です。しかし、幸いなことに、プログラムには何も削除せずに簡単に色を変更できる機能があります。チャンチャンチャン… そして、そのツールとは？ 色相・コントラスト・明度です。

 

このツールは、編集 > 色調補正 > 色相・コントラスト・明度 にあります。その名の通り、このツールのコントロールを使って、現在選択されているレイヤーの色相、コントラスト、彩度を変更できます。各色を別のレイヤーに配置すれば、個別に調整できます。

 

私はこのツールが本当に気に入っています。無駄な時間を無駄にすることなく、何千ものカラーテストを実行できるからです。

2. ゼロからモデルを作成するためのツール

さて、いよいよこのチュートリアルの核心である、イラストに色を簡単に加えるための様々なプログラム機能について解説していきます。この第2セクションでは、スケッチから始まる、典型的なイラスト制作モデルに焦点を当てます。第3セクションでは、グレースケールのイラストに色を加えるための機能について説明します。

 

 

► 充填

まず、塗りつぶしツールを見つけます。これはツールバーにあり、小さな立方体です。

塗りつぶしには4つの機能があります。編集レイヤーのみを参照、他のレイヤーを参照、閉じて塗りつぶす、そして塗りつぶされていない領域をペイントです。4つありますが、ここではベースカラーを設定するのに最も役立つと思われる3つについてのみ説明します。このツールで色を追加する最初のステップは、複数のレイヤーを参照することです。その仕組みを以下で詳しく説明します。

 

• 複数のレイヤーを参照

 

まず、スケッチフォルダまたはレイヤーで参照レイヤーアイコンを選択します。これにより、キャンバス全体をペイントすることなく、個別のレイヤーに色を適用できます。GIFの冒頭でオプションが選択されていない状態が確認できます。塗りつぶしツールのプロパティ（4つの機能すべてにこのオプションがあります）とレイヤーのプロパティの両方で、このオプションを選択します。

ご覧の通り、フォルダ01にはスケッチのレイヤーが含まれています。これを参照レイヤー機能でマークします。これが終わったら、フォルダ02に移動して色を追加します。こうすることで、塗りつぶしツールは選択したレイヤーを参照として、塗りつぶしの境界を認識できるようになります。

塗りつぶしツールの「レイヤーへの参照」設定には、参照からレイヤーを除外するための様々なオプションがあります。例えば、参照として使用しているフォルダーにテキストがあり、フォルダー内のすべてのレイヤーを参照し、テキストレイヤーは無視したいとします。その場合は、「除外」セクションで「テキストを除外」オプションを選択します。

 

除外できるレイヤーには、スケッチレイヤー、テキスト、選択レイヤー、用紙レイヤー、ロックされたレイヤーがあります。

• 塗り

 

レイヤーの参照が完了したら、次は塗りつぶしツールを使用します。この機能を使うと、閉じた空間を塗りつぶすことができます。また、設定を変更することで、わずかに隙間のある空間も塗りつぶすことができますが、これについては次の項目で説明します。ここでは、3つのサブツールの使い方についてのみ説明します。

 

1. 他のレイヤーへの参照

 

これは私がよく使う機能です。通常、広い空間を塗りつぶすときに使用します。また、クリックしたままカーソルをドラッグすることで、複数回クリックすることなく複数の空間を塗りつぶすこともできます。

2. 閉じて塗りつぶす

 

この機能は投げ縄ツールに似ています。選択範囲を塗りつぶすと、その範囲全体が塗りつぶされます。線のパターンに沿って描画されるため、イラストの中に線が多く含まれている部分に使用するのが最適です。

 

 

3. 塗り残しを塗る

 

実際には、このツールは線画の線に沿って、他の機能では塗りつぶせないピクセルを塗りつぶすのに役立ちます。絵筆のように使用し、線の内部を塗りつぶすツールです。

• 塗りつぶしツールの設定

 

前述の3つの機能にはそれぞれ以下の設定があり、これらを制御することで、許容範囲とペイントのオーバーフロー制限を調整できます。これにより、例えば、連続した線ではない部分をペイントする際に、ペイントが目的の領域からはみ出ることなくペイントできます。

 

1. 隙間を埋める

 

この機能を有効にすると、開いた線分が検出され、連続した線として扱われます。

2. 許容値

 

このオプションは、立方体を埋める類似ピクセルの数を制御します。例えばグラデーションの場合、許容値が小さいと塗りつぶされるピクセル数は少なくなります。許容値が大きいほど、より多くのピクセル間隔がカバーされ、立方体全体をカバーすることもできます。

3. 領域スケーリング

 

このオプションは、線を越えるピクセルを前方または後方に数ピクセル移動します。場合によっては、線に触れないようにします。

 

注: サブオプションでは、「最も暗いピクセルまで」に設定することをお勧めします。そうしないと、色が線の境界を越えてしまいます。

この知識があれば、ツールを賢く使いこなせるようになります。単色を簡単に、均一に、端からはみ出さずに、そして何よりも素早く塗ることができるようになります。

 

このセクションを終える前に、参考として私の塗りつぶしツールの設定をお見せしますが、ご自身のスタイルに合わせて調整してみるのが一番です。

• ツールの使い方

 

最後に、このツールを使った手順をご紹介します。以下のGIF画像は、ベースカラーを追加する方法を示しています。手順は非常にシンプルです。スケッチをそれぞれのフォルダに保存したら、最初の手順で説明したように、それを参照として指定します。その後、新しいフォルダにそれぞれ異なるレイヤーを作成し、「塗りつぶし」ツール、「他のレイヤーへの参照」ツール、*「閉じて塗りつぶし」ツールを使って個別に色を追加しました。

 

「他のレイヤーへの参照」ツールの領域と許容値の設定を必要に応じて変更し、空白部分を塗りつぶしました。最後に、「閉じて塗りつぶし」ツールを使用して、前のツールで塗りつぶせなかった部分を塗りつぶしました。

線画/ラインアートのペイント

 

単色以外にも、線を簡単にペイントできるという利点があります。手順は非常に簡単です。まず、線画の上にレイヤーを作成し、下のレイヤーに合わせて調整します。そして、塗りつぶしツールを使ってページ上の任意の場所をクリックします。

 

必要に応じて、後でレイヤーを結合してレイヤー数を減らすこともできます。この方法の利点は、ワンクリックで線画全体をペイントできることです。線画をペイントする別の方法については後ほど説明します。

 

注: この操作を行うには、レイヤーの参照オプションを有効にする必要はありません。

消しゴム

 

絵の具として使うだけでなく、消しゴムとしても使えます。大きな部分を消すのにとても便利です。これはどの塗りつぶしツールでも使えます。これを行うには、カラーホイールにある透明色のオプションをクリックします。

---

► レイヤー

レイヤーは色を塗るためのツールというより、色そのものを含んでいます。レイヤーの機能を使うことで、色を塗る際のコントロールが広がります。例えば、不透明度を調整することで、透明度などの効果を色に与えることができます。そのため、色を塗るにはレイヤー管理が不可欠だと考えています。以下では、色塗りに役立つレイヤー機能をいくつか説明します。参照レイヤーや描画モードについては既に説明済みなので、ここでは省略します。

 

• 下のレイヤーにスナップ

 

この機能はレイヤーオプションの一番左にあるアイコンです。この機能は、非破壊的に色を塗ることができるため、他の部分に影響を与えることなく特定の部分を修正できるため、非常に便利です。ただし、そのためには、すべてのレイヤーをレイヤーに分割する必要があります。

その機能は擬似クリッピングを作成することです。つまり、その上に描画したものは、それが参照するレイヤー（下のレイヤー）に描画したものの境界を基準としてのみ表示されます。クリッピングを解除すると、描画したものはすべて表示されます。また、1つのレイヤーに複数のクリッピングレイヤーを適用することもできます。

• 透明ピクセルをロック

 

この機能はレイヤーオプションにあります。小さな鍵の付いた四角いアイコンです。

前のものと似ていますが、破壊的な方法です。この機能は新しいレイヤーを作成しません。同じレイヤーで有効にした場合、色付きのピクセルにのみ描画でき、透明ピクセルは完全に無視されます。

線画/線描画

 

先ほども見てきたように、塗りつぶしツールを使って線を描画することもできますが、別の方法があります。それがこの機能です。この方法の利点は、線画の一部を異なる色で塗ることができることです。他の方法では、レイヤー全体を一度に1色しか塗ることができません。

 

「透明ピクセルをロック」でレイヤーをロックしておけば、線画の一部をブラシで塗るだけで済みます。

• 不透明度

 

このセクションの最後の機能は不透明度です。これはレイヤーオプションのスライダーバーで調整できます。

この機能はとてもシンプルです。スライダーを使ってレイヤーの可視性を調整できます。100%のときはレイヤー上のオブジェクトは不透明ですが、0%になると透明になります。

 

フランでは、この機能を使ってハイライトのあるレイヤーの不透明度を下げ、半透明効果を実現しました。

• ツールの使い方

 

レイヤー機能は、主に線画の境界内に色を塗ったり、最初の色を超えずに他の色の上に色を塗ったりするのに使います。例えば、キャラメルのベースカラーができて、ハイライトを塗りたいのですが、その部分からはみ出したくない、という場合です。そんなときは、ベースカラーの上に新規レイヤーを作成し、下のレイヤーにスナップさせます。こうすることで、ベースカラーを超えずにハイライトを塗ることができます。

 

つまり、これらのレイヤー機能は、色をコントロールし、レイヤーを整理するのに役立ちます。

---

► ブレンドモード

ブレンドモードとは、一連の数学的演算を用いた機能で、プログラムはレイヤーとその下のレイヤーを合成し、それらの相互作用によって様々な効果を生み出します。これにより、色調を微妙に調整することができます。

 

28種類のブレンドモードがあり、レイヤーオプションで選択できます。レイヤーとレイヤーフォルダーごとにブレンドモードを設定できます。ブレンドモードを適用するには、フォルダーまたはレイヤーを選択し、ブレンドモードメニューを開いて、目的のモードを選択します。

これらのオプションは、類似した特性ごとにグループ分けできます。一部のブラシにはブレンドモードもあります。どちらも同じように機能します。

グループは、暗くする効果、明るくする効果、コントラスト効果、色相変換効果に分類されます。グループは以下の通りです（通常の効果はこの分類から除外されます）。

 

1. 暗くする。

2. 明るくする。

3. コントラスト。

4. コンポーネント。

以下では、各グループの効果をより分かりやすく説明するために、いくつかの例を挙げます。各効果には独自の特徴がありますが、ここではセクションごとに1つだけ紹介します。そのため、実際に試してみて、その可能性を確かめることをお勧めします。レイヤーで描画モードを使い始めると、これらの効果を活用できるようになります。

 

• 暗くする

 

これらのモードは、レイヤーに適用された色を通常よりも暗くします。このグループで最もよく使用されるモードは、影を表現するのによく使われる乗算と焼き込み（リニア）です。

• 比較（明）

 

これは前のモードの逆です。色が通常よりも明るく表示されます。このグループで最もよく使用されるモードは、「スクリーン」と「覆い焼き」（線形）*で、照明効果を表現する際によく使用されます。

• コントラスト

 

上記のモードを組み合わせて、必要に応じて暗くしたり明るくしたりすることで、コントラストを高めます。簡単に言うと、明るい色はより明るく、暗い色はより暗くなります。このグループで最もよく使われるモードは「オーバーレイ」で、色の印象を強調する効果を表現するためによく使用されます。

• コンポーネント

 

これらのブレンドモードは、色相、彩度、明度を変更します。また、グレースケールのイラストに色を追加するのにも便利です（グレースケールからカラーへの変換のセクションで説明します）。

3. グレースケールからカラーへ

グレースケールでイラストを作成し、その後に色を足すというイラストレーション技法があります。以下ではまさにその方法について解説します。グレースケールのイラストに色を足す方法もいくつかあります。以下でそれぞれの方法を見ていきましょう。

 

 

► 色調補正レイヤー

色調補正レイヤーツールを使えば、イラストにあっという間に色を加えることができます。使い方も簡単です。設定を調整する際の最大の難点は、目視です。この方法の優れた点は、非破壊的な編集方法です。調整内容は新しいレイヤーとして保存され、完全に編集可能で、ブレンドモードも適用されます。

 

まず、色調補正にはいくつかの機能がありますが、この方法ではレベル補正、トーンカーブ、カラーバランスのみを使用します。

 

これらの機能は、レイヤー > 新規色調補正レイヤーにあります。

この最初の方法でグレースケールからカラーに変換するには、3つのツール（レベル補正、トーンカーブ、カラーバランス）を使用します。これら3つは基本的に同じです。

 

これらの機能のいずれかを開いたら、すぐに閉じて、作成されたレイヤーをその下のレイヤーに合わせて調整します。そうしないと、このレイヤーで行った操作が、その下のすべてのレイヤーに反映されてしまいます。

• レベル補正

 

この機能では、シャドウ、ミッドトーン、ハイライトを編集できます。このツールは基本的なトーン編集を提供します。

 

インターフェースは以下のとおりです。まず、左側がダークサイド、右側がライトサイドであることに注意してください。

 

入力エリアについては、下部の矢印がこのエリアのコントロールです。左のスライダーはシャドウ、中央のスライダーはミッドトーン、右のスライダーはハイライトをコントロールします。

出力領域については、左のハンドルを右にドラッグするとすべてが白くなり、逆に右のハンドルを左に動かすとすべてが黒くなります。

上部のメニューを開くと、RGB、赤、緑、青などのオプションが表示されます。オプションを変更すると、以下のオプションが表示されます。

 

RGB：白/黒のトーンを調整します。

 

赤：赤/シアンのトーンを調整します。

緑：緑/マゼンタのトーンを調整します。

青：青/黄色のトーンを調整します。

 

入力と出力のコントロールを使って、これらのオプションの値を調整できます。

 

これを使用するには、色を追加したいレイヤーの1つにカーソルを移動します。次に、このウィンドウを開き、オプションを好みに合わせて調整するだけです。すべてのレイヤーで同じ操作を行い、完全なカラーイラストを作成します。これは便利なツールですが、少し基本的なものです。次のツールを使用すると、より正確に色を追加できます。

• トーンカーブ

 

前のツールと同じ機能ですが、より詳細な設定が可能です。定数は繰り返しで、左側が明るい部分、右側が暗い部分を表します。

 

インターフェースは以下のとおりです。ご覧の通り、出力は左側、入力は下側にあります。つまり、カーブはシャドウ、ミッドトーン、ハイライトを表しています。カーブ上にポイントを作成し、左に移動するとシャドウ、右に移動するとハイライトになります。中央はミッドトーンを表します。

曲線の両端には2つのポイントがあります。最初のポイント（右上）は明るさを表し、下にドラッグすると暗くなります。左下のポイントは暗さを表し、上にドラッグすると明るくなります。

RGBドロップダウンメニューは、色のソースが上部に赤、緑、青、下部にシアン、マゼンタ、イエローと表示される点を除けば、前のツールと同じように機能します。

 

ポイントは必要な数だけ追加できます。ポイントが多いほど、色相をより細かく制御できます。

• カラーバランス

 

インターフェースは以下のとおりです。このツールは前述の2つのツールと同じ原理を採用しており、直感的で非常に使いやすいです。また、前述のツールではできなかった明るさの維持も可能です。

 

カラーバランスでは、スクロール可能なバーにシアン、マゼンタ、イエローが表示され、反対側にはそれぞれの反対色であるレッド、グリーン、ブルーが表示されます。

 

カラーバランスのセクションでは、シャドウ、ミッドトーン、ハイライトを調整できます。「明るさを維持」を選択すると、イラストの明るさが維持されます。

---

► ブレンドモード

描画モードについては、前のセクションで既に説明しました。「コンポーネント」グループの説明でも触れましたが、「カラー」モードはグレースケールのイラストに色を付けるのに便利で、非常に使いやすいです。

 

手順は非常に簡単です。まず、色を付けたいグレースケールレイヤーの上にレイヤーを作成し、下のレイヤーに合わせて調整し、描画モードをカラーに変更します。

お好みのブラシを使って、通常の着色と同じように、ご希望の色を乗せていきます。

 

この方法の弱点は、明暗の差が分かりにくいことです。中間色を使うと効果的です。

- 結果 -

 

 

---

► 劣化した地図

グラデーションマップは、色付けをより簡単に、そして分かりやすくするツールです。Clip Studio Paintのアセットからグラデーションをダウンロードすれば、カラーパレットを入手でき、作品制作のステップを一つ減らすことができます。

 

この機能は、レイヤー > 新規色調補正レイヤー > グラデーションマップ にあります。*

 

マップウィンドウを開くと、アクティブなレイヤーの上に新しいレイヤーが生成されます。この新しいレイヤーを下のレイヤーに合わせて調整するには、グラデーションウィンドウを閉じてください。閉じないと、グラデーションは下のレイヤーすべてに影響します。

 

• グラデーションセットのインポート

 

Clip Studio Paintのアセットからグラデーションをダウンロードできます。レンチアイコンをクリックすると、グラデーションやセットを追加、削除、複製、変更するための一連のオプションが表示されます。今回は「グラデーションセットの追加」を使用します。

追加したいグラデーションセットを選択するウィンドウが表示されます。Ctrl キーを押しながら複数のグラデーションを一度に選択できます。選択が完了したら、「追加」をクリックしてマテリアルを読み込みます。

ドロップダウン バーでは追加されたすべてのセットが表示されます。

• グラデーションマップを作成

 

独自のグラデーションを作成するには、レンチに戻って「新しいセットを作成」を選択します。セット名を入力するボックスが表示されます。「OK」をクリックします。

新しいセットを作成すると、グラデーション バーの下部に一連の矢印 (ノード) が表示され、これを作成、移動、削除したり、全体的なグラデーションの順序を反転したりできるようになります。

ノードを選択すると、「指定した色」オプションを使って色を変更できます。色を選択するウィンドウが表示されます。「OK」をクリックし、「グラデーションの追加」（下部に十字の付いた四角）で名前を付けます。これで最初のグラデーションが完成です。これをn回繰り返します。

• このツールの使い方

 

冒頭で説明したように、新しいグラデーションマップレイヤーを開きます。このレイヤーを、下のレイヤーに合わせて調整します。これで完了です。

すでにグラデーションを適用しましたが、画像全体にはそれだけでは不十分な場合があります。イラストが複雑な場合は、複数のグラデーションが必要になる場合があります。複数のグラデーションを適用する方法は、次のステップで説明します。

 

1. レイヤー別

 

イラストがレイヤーに分かれている場合は問題ありません。グラデーションレイヤーを作成し、下のレイヤーに合わせて調整します。こうすることで、グラデーションがその部分に適用されるため、必要なだけグラデーションを適用できます。

2. レイヤーマスク

 

もう一つの方法は、レイヤーマスクを使うことです。レイヤーマスクとは、レイヤーの右側に表示される白いサムネイルのことです。

白いサムネイルをクリックすると、グラデーションの一部を消去できます。消しゴムの種類に応じて、ハードエッジまたはソフトエッジを取得できます。

• 詳細

 

このツールの利点は、色をより鮮やかにすることですが、例えばこのフランの場合、色が明るすぎて見苦しいため、前述のツールを使って補正します。色調補正ツールを使って、色を少し鈍らせたり、描画モードやレイヤーの不透明度を調整したりすることができます。

 

この色の鮮やかさを抑えるために、「明るさとコントラスト」レイヤーと「色相・彩度・明度」レイヤーの2つの色調補正レイヤーを使用しました。また、これらのレイヤーと、キャラメルとフランのグラデーションレイヤーの不透明度を下げました。

次の比較は、グラデーションのみ (左) と、前述の他のツールを伴ったグラデーション (右) の違いを観察するためのものです。

別れ

色付けはイラスト制作において重要なプロセスであり、多くの場合、イラストの魂とも言えるでしょう。だからこそ、色付けのプロセスを楽にするツールを知ることは不可欠です。このチュートリアルで学んだ内容が、皆さんの参考になり、楽しんでいただければ幸いです。

 

では、これ以上長々と説明せずに、読んでいただきありがとうございました！ପ(๑•̀ुᴗ•̀ु)* ॣ৳৸ᵃᵑᵏ Ꮍ৹੫ᵎ *ॣ