このチュートリアルでは、Clip Studioのカラーパレットやその他の機能を使って、絵画の色を選ぶすべての方法を教えます。まず、特に初心者の方のために、簡単な色彩理論を教えてから、CSPで色を選ぶさまざまな方法を直接教えます。

始めるための色彩理論の基礎

まずは、途中で遭遇する色彩理論の用語と概念から始めましょう。

 

色彩理論は初心者の方には最初は大変だと知っていますので、できるだけシンプルかつ短くまとめようと思います。これを学ぶことは、ソフトウェアを知ることと同じくらい重要だと信じてください。なぜなら、これは後で色を選ぶ上での基礎となるからです。

Hue（色相）は虹の色として識別できる主要な色の系統を指し、Saturation（彩度）は色の鮮やかさを指し、Value（明度）は色の明るさまたは暗さを指します。これらを合わせてHSV色空間を構成します。

色空間とは、数学的に表現されたスペクトル上の色の範囲です。デジタルペインティングでは、ソフトウェア内で色がどのように表現されるかのスタイルとして説明できます。

 

別の色空間の例として、'value'が'luminance'に置き換えられたHLS色空間があります。

HSVとHLSの色空間の主な違いは、HLSでは彩度に関係なく明るさを最大にすると純粋な白が生成されるのに対し、HSVでは彩度が0の場合にのみ明度を最大にすると純粋な白になる点です。

したがって、各色空間の2つの色を並べ、同じ彩度、明度、輝度を与え、それをグレースケールに設定すると、HLSでは同じグレーになりますが、HSVではそうはなりません。

 

個人的にはHSV色空間を使用していますが、HLS色空間を使用している素晴らしいアーティストもたくさんいます。あまり深く考えずに、試してみて自分に最適なものを見つけてください。

 

色空間を最大限に活用するには、色の関係と色彩調和の背後にある理論を知ることも重要です。

色彩調和とは、アートで使用される視覚的に心地よい色の組み合わせを指す用語です。

 

色相環で反対側に位置する色のペアは、補色と呼ばれます。

 

スプリットコンプリメンタリーは補色に似ていますが、メインの色に加えて、補色の両隣の色を使用することで二等辺三角形を形成します。

 

正三角形を形成する場合は、トライアドになります。

 

長方形の場合は、テトラッドになります。

 

隣接する3つの色相は類似色です。

 

一方、1つの色相のみを使用する場合は、モノクロマティックです。

 

これらの適切な色彩調和を実行できるかどうかが、初心者とプロの画家を分けるものです。

 

また、色相環全体にランダムに散らばった多数の色を使用するよりも、限定されたカラーパレットを使用する方が良い結果になる理由の最良の説明の一つでもあります。

しかし、もし多くのランダムな色を本当に必要とするなら、彩度を下げるか、HSV値を一貫して見えるように調整することで、視覚的な一貫性を補うことができます。

 

CSPには一貫性のある色を自動的に選択する非常に簡単な方法がありますが、これについてはチュートリアルの最後に説明します。

ついでに、暖色と寒色の概念も紹介したいと思います。理想的には、色相環は赤、オレンジ、黄色が暖色、緑、青、マゼンタが寒色に分かれています。暖色が熱や太陽光を連想させるのに対し、寒色は空やその他の冷たい場所を連想させがちです。しかし、暖色は目にはよりリラックス効果がある傾向があります。これらの象徴は、絵画の雰囲気を確立するのに役立ちます。

ただし、さらに雰囲気を良くするためには、カラーパレット、キャラクターデザイン、ポーズなどのインスピレーションとして使える参考画像のコレクションであるムードボードも利用できます。

こちらは、暖色と寒色の組み合わせで補色配色を使用した私の作品例です。鮮やかなパレットを使用したため、絵画はよりエネルギッシュに見えます。

そして、こちらは明るい寒色を使ったスプリットコンプリメンタリー配色を使用した例です。

このチュートリアルでは、暖色系の類似色と少しの補色を使ったシンプルなコミックを描きます。CSPのカラーパレットやその他の色選択機能を紹介するために、これを3つの絵に分けて説明します。

ところで、CSPにおけるパレットとカラーパレットとは正確には何でしょうか？

従来の「パレット」という概念とは異なり、CSPでは画面の隅にあるボックスに囲まれたさまざまなツールがすべてパレットと呼ばれます。そして、ご想像のとおり、色関連のパレットはすべてカラーパレットと呼ばれます。その後のこれらのパレットの配置は、より一般的にワークスペースとして知られているインターフェースを構成します。

Clip Studioのすべてのパレットがデフォルトで表示されているわけではないため、隠れているパレットにアクセスするには、各パレットの上部にあるタブをクリックする必要があります。または、「ウィンドウ」>から表示したいパレットを選択することもできます。

カラーホイール

では、カラーホイールから始めましょう。

 

すでにここにあるので、ウィンドウから追加する必要はありません。マウスでクリック＆ドラッグして移動させます。

その後、壁の開始色を選んでみましょう。

現在選択されている[1]メインカラーとサブカラーが左下のボックスに表示されています。これらはクリックするか、キーボードのXキーを押すことで切り替えることができます。ダブルクリックすると設定が表示され、色をさらに編集できます。[2]その下には、透明ピクセルをペイントする、つまり消去するオプションがあります。これはCキーを押すことで切り替えることができます。

[3]右下には、現在の色を他のアプリケーションにコピーする際に特に重要な色のHSV値があります。これをクリックすることでRGB値を表示するように切り替えることもできます。[4]右側には、HSVとHSLの色空間を切り替えるトグルがあります。別の切り替え方法は、上部の3本線アイコンをクリックして、2つのうちいずれかを選択することです。

カラースライダー

カラースライダーはカラーホイールと非常によく似ていますが、個々のHSV、RGB、CMYK値をより細かく制御できる点が異なります。

とりあえずキャンバスに色を置きます。次に、明度を変えずに彩度が高く、より赤みのある色が欲しいとします。カラーホイールではこれを行うのは難しいので、ここでカラースライダーの出番です。

以前と同様に、3本線アイコンをクリックして色空間を変更することもできます。各カラーパレットで使用される色空間は互いにリンクしているため、ここで色空間を変更すると、カラーホイールの色空間も変更されることに気づくでしょう。

目的の色を得るには、スライダーをドラッグすることもできますが、よりシンプルで正確な方法は、数値を入力することです。

中間色と近似色

次に、この色を最初の色の隣に置きます。特定の色の選択肢が少なくなってきたので、中間色と近似色のパレットを利用してみましょう。

 

中間色パレットでは、4つの色を選択し、それらがどのように混ざり合うかを確認できます。メニューアイコンをクリックしてオプションを選択すると、タイルのサイズを調整できます。グリッドが不要な場合は、非表示にするオプションもあります。

色を選び、角のボックスをクリックして試してみましょう。そして、生成された色の中から好きなものを選びます。

中間色に似ているのが近似色で、これは1つの色のみを参照します。このツールには、色を変更したいパラメータを制御するための個別のスライダーがあります。

デフォルトでは彩度と明度に設定されていますが、バーの横の文字をクリックすることで変更できます。この例では、R（赤）とG（緑）に設定します。これをよりよく理解するために、皆さんもぜひ試してみることを強くお勧めします。

カラーセットとカラー履歴

これで、すべての色が完成しました！しかし、描画中にこれらの色をキャンバスに保存するのは、面倒なだけでなく非効率的です。幸いなことに、CSPにはカラーセットとカラー履歴パレットがあります。これがどれほど私を助けてくれたか、信じられないでしょう。

簡単に言うと、カラー履歴はプログラムで使用した色のリストを表示し、カラーセットは描画中に色を保存する場所です。

デフォルトの色を使用したり、CLIP STUDIO ASSETSからダウンロードしたり、自分で作成することもできます。これらのセットはドロップダウンアイコンをクリックすることでアクセスできます。

今回は、レンチアイコンをクリックして「新規カラーセットを作成」>「{My Set}」にリネーム>「OK」をクリックして、独自のセットを作成しましょう。

後で編集したい場合、例えば複製したり並べ替えたりしたい場合は、もう一度レンチアイコンをクリックして行うことができます。

 

それでは、色を追加していきます。

1. Altキーを押しながらスポイトツールで色を選択します。

2. 空のタイルを選択します。

3. そして、水滴アイコンをクリックします。

別の方法は、3本線アイコン>色を追加です。しかし、最も簡単な方法は、Altキーを押しながら、アクティブな色を登録したい空のタイルをクリックすることです。

ただし、これをはるかに速くするためには、スポイトツールの「自動登録」を選択します。

誤って不要な色をカラーセットに追加したくない場合は、使用後にこの機能をオフにすることをお勧めします。誤って追加してしまった場合は、ゴミ箱アイコンで削除したり、矢印アイコンで別の色に置き換えたりすることができます。

 

Ctrlキーを押しながらドラッグすることで色を並べ替えることもできます。ただし、この操作はメニュー>表示順変更>ドラッグで変更できます。タイルは、>表示(S)>任意のサイズを選択してリサイズすることもできます。

満足したので、後で使用するために保存しましょう。メニューアイコン>カラーセットのエクスポート>と進み、保存したいフォルダーを選択します。これを保存することで、自分のデバイスにインポートできるだけでなく、CLIP STUDIO ASSETSで他のクリエイターと共有することもできます。

これで準備が整ったので、絵画を塗りつぶし始めます。

「スポイト法」

以前、ベースカラーを選び、ベタ塗りをしましたが、今度はシェーディングなどを追加する必要があります。シェーディングの全工程は含めませんが、「スポイトとぼかし」テクニックと私が呼ぶ、色を選択するもう一つのヒントをお伝えしたいと思います。

 

色を重ねたりブレンドしたりできるサブツールを使って、2つの色が混ざり合う交差点をスポイトで吸い取ることができます。新しい色をセットに保存することも、その色で塗ってこのプロセスを繰り返すことでシェーディングを滑らかにすることもできます。

ただし、やりすぎには注意してください。やりすぎると色が「くすんだ」色になります。

(カラー)ブレンドモード

最初の絵が完成しました。ただ一つ、葉の「緑っぽさ」があまり好きではありません。しかし、手動で塗り直すのは時間がかかりすぎるので、代わりに

 

カラーブレンドモードを使います。新しいレイヤーを追加し、「通常」>「カラー」を選択します。これにより、下のレイヤーの色相と彩度を、その明度に影響を与えることなく変更できます。

スクリーンカラーの取得

次に、2枚目の絵と別の方法に進みましょう。

 

現在、色見本として別のウィンドウに参照画像を開いていますが、通常のスポイトではアクセスできません。代わりに、「編集」>「スクリーンカラーの取得」に進む必要があります。

これで、スポイトで吸い取った色をイラストに使おうと思います—いいえ—写真から色を使うのは理想的ではありません。なぜなら、色はすでに混ざり合っているからです。私たちが本当に欲しいのは、後でブレンドする開始色です。

 

もちろん、これを使うこともできますが、本当に目を鍛えたいのであれば、色を参考にしたりインスピレーションとして使って、必要な開始色を推定することができます。

モザイクフィルター

物事をはるかに簡単にするために、画像をプログラムにインポートし、「フィルター」→「効果」→「モザイク」に進むことで、画像の色を単純化できます。表示されるスライダーを使用してタイルのサイズを調整できます。

しかし、画像から色を得るさらに簡単な方法があることをご存知でしたか？

 

このヒントについては、コンパニオンモードに移動する必要があります。

[コンパニオンモードの設定]

コンパニオンモードを初めて使用する場合は、まずスマートフォンにCSPをインストールする必要があります。（ライセンスの有無にかかわらず機能するため、無料版を使用している場合でも心配ありません。）次に、PCで「スマホに接続」アイコンをクリックする必要があります。これによりQRコードが生成され、スマートフォンで同じアイコンをクリックしてスキャンできます。

これで完了です。コンパニオンモードが正常に有効化されました。これでスマートフォンをコンピューターのコントローラーとして使用できます。最初はコンパニオンモードでスマートフォンを使用すると動作が遅く、ラグがあるだろうと思っていましたが、驚くほどスムーズに動作します。コンパニオンモードには多くの機能がありますが、今日はサブビューとカラーミキシングパレットに焦点を当てます。

サブビュー [コンパニオンモード]

ヒントに戻りますが、スマートフォンのサブビューを使って画像からカラースキームを自動生成できるんです！フォルダーをクリックして画像を選んで試してみましょう。すぐに、写真の下部に新しいカラーパレットが表示されます。残念ながら、この機能はPC版では動作しません。

カラーミキシングパレット [コンパニオンモード]

コンパニオンモードのこの新しいパレットを使って、新たに追加されたカラーミキシングパレットの色を試してみましょう。

 

カラーミキシングパレットは、従来のパレットの使い方を模倣しています。

 

サブビューで生成された色をクリックすることで、カラーミキシングパレットタブに移動し、選択したブラシでペイントできます。

左にスワイプしてプラスアイコンをクリックすることで、これらの色をタブのカラーセットに保存するオプションもあります。逆に、タイルを長押しすることで削除することもできます。

 

では、ぼかしツールを選択し、色をブレンドして気に入るものが見つかるか試してみます。

しかし、現状では明るい色がよく見えないので、メニューに行って背景色を暗い色に変更しましょう。

これで良くなりました。次に、スポイトツールをクリックするか長押しすることで、特定の色を選択できます。この色はPCに自動的に表示され、カラーセットパレットに保存できます。

PC版カラーミキシングパレット

カラーパレットには、きっと役に立つもう一つの機能があります。それは、現在のサブツールをミキシングパレットブラシとして使用するオプションです。

 

残念ながら、この機能は本チュートリアル作成時点ではスマートフォンでは機能しないため、PCで「スマホに接続」アイコンを再度クリックしてコンパニオンモードを終了します。

次に、スマートフォンには表示されないこの新しいアイコンをクリックします。これにより、キャンバスで使用しているのと同じサブツールを使用できるようになります。この場合、それは円形の混色ブラシです。

さらに、メニュー>現在のサブツールを登録>ブラシ1を置き換える、と進むことで、カラーミキシングパレットにブラシとして登録することもできます。

 

後でデフォルトに戻したい場合は、メニュー>現在のサブツールを登録>デフォルトにリセット、と進むことができます。

初期のカラースキームの準備が終わったので、絵を描き始めます。

追加の色を見つけるためのブレンドモード

*ちょっとしたヒントですが、以前カラーブレンドモードを使ったように、他のブレンドモードを使って色を選ぶことができます。例えば、新しいレイヤーを追加し、通常>乗算に変更し、明るい色を選んで、簡単に影を追加することができます。

他のブレンドモードについては説明を試みませんが、大体のアイデアは掴めるでしょう。ブレンドモードレイヤーの色は、最初に選んだ色と同じようには表示されないため、誤って間違った色を選択しないように注意してください。同様に、下のレイヤーに影響を与える色は、重ね合わせると元の形とは異なって表示されます。

色調補正レイヤーでの色の編集

絵画が完成しました。最初の絵と並べてみると、色が少し不一致です。カラーブレンドモードを使うこともできますが、それでは面倒すぎます。代わりに、色調補正を使うことができます。

 

「編集」->「色調補正」->「色相・彩度・明度」からアクセスできますが、さらに良い非破壊的な方法は、レイヤーを右クリックして「新規色調補正レイヤー」->「色相・彩度・明度」に進むことです。これを追加することで、絵画全体または特定の部分の色を編集しつつ、後で変更することも可能です。

色調補正レイヤーには多くの種類があります。どれがあなたに役立つか、ぜひ試してみてください。

自動着色機能（テクノロジープレビュー）

最後に、急いでいるアーティストのために、「自動着色（テクノロジープレビュー）」を紹介します。

 

これにより、ソフトウェアが色を決定し、絵画を着色してくれます。

 

使用するには、まず線画レイヤーを灯台アイコンをクリックして参照レイヤーに設定し、次に「編集」>「自動着色（テクノロジープレビュー）」>「全体を彩色」に進みます。データはCSPに送信されますが、個人情報は含まれないのでご安心ください。

完了すると、数秒以内に絵画全体が自動的に着色されます。

 

すでにカラースキームがある場合は、プログラムにそれを使って着色するように指示できます。今回は線画レイヤーの下に色を追加し、「編集」>「自動着色（テクノロジープレビュー）」>「ヒント画像を使用して彩色」に進みます。

結果は最終的な絵画のようには見えないかもしれませんが、始めるには間違いなく素晴らしい出発点です。

手動でシェーディングを加えて仕上げます。

絵画が完成しました！

サブカラー

しかし、終わりに近づく前に、どんなカラースキームであってもCSPで一貫性のある色を自動的に選ぶ簡単な方法をお見せすると言いました。そのためには、レンチアイコンをクリックしてブラシ設定に行き、色のゆらぎ、ブラシ先端色の変化をチェックし、サブカラーとの混色を30に増やします。ツールプロパティバーに表示させるために目のアイコンもクリックします。

これにより、サブツールに特定の色を選択でき、メインカラーとして次に選択するすべての色には、サブツールの色が一定の割合で混ざり合います。これにより、色は常に調和して見えます。

結論

このチュートリアルが長くなってしまい申し訳ありません。Clip Studio Paintで私が使っている色の選び方すべてを含めたからです。お見せした方法は、個別に使用することも、組み合わせて使用することもできます。簡単なものもあれば、よりカスタマイズ可能なものもあります。しかし、結局のところ、何よりも重要なのは、それらのどれがあなたに合っているかということです。