カラーホイールとCLIP STUDIO PAINTだけで「ガマットマスク」または「パレットマスク」を作成する方法を紹介します！

 

*このチュートリアルはCSP Pro 1を使用して作成しましたが、どのバージョンでも同じ原理が適用されます。

 

 

はじめに

まず、ガマットマスクとは何でしょうか？この用語は、アーティストが扱える顔料の数が限られている物理的な絵画や印刷から来ています。「ガマット」とは、特定の顔料セットから混合できるすべての色の集合です。画家や印刷業者は、長年にわたり「広い」ガマットを求めてきました。これにより、最小限の基本顔料や染料から最大限の色のバリエーションを作り出すことができます。CMYK、RGB、RYBなどは、皆さんが聞いたことのある基本色セットの一部です。

 

 

絵画を調和させる最も簡単な方法の1つは、色彩理論を使用してパレットの色の数を制限することです。基準となるカラーホイールを覆い隠す、つまり「マスキング」するこのテクニックにより、アーティストはどのような中間色が混合でき、かつ一貫性のあるパレットの一部であり続けるかを確認できます。そして物理的な世界では、顔料が増えるほど購入しなければならない絵具のチューブが増えるため、どれだけ少ない顔料で済ませられるかを正確に知ることが重要です。

 

 

デジタルアートでは、画家は最初からあらゆるRGBカラーにアクセスできますが、これは時として圧倒的に感じられたり、色の関係性を見つけにくくさせたりすることがあります。そこで、ガマットマスキングを試してみましょう！このチュートリアルを使用すると、将来のプロジェクトに合わせて自由に変更・適応できる汎用ファイルを作成できます！

 

 

パートI：セットアップ

このチュートリアルでは、Björn Ottosson氏のブログから取得したカラーホイール画像を使用しており、OKHSL色空間を紹介しています。*(使用上の注意は最後に参照)

OKHSL空間は、色相ごとに知覚的に一定の明るさと彩度を持つため、私はこれを気に入っています。彼の比較カラーピッカーをこちらでお試しください。

好きなカラーホイールを使用できます！ただし、1つだけ重要なことがあります。それは、ホイールの中心に向かって徐々に彩度が低くなることです。これにより、後で手動で色を混合する手間が省けます。

 

 

始めるには、次の手順に従ってください。

 

1. CLIP STUDIO PAINTでカラーホイールを開きます。これは唯一のレイヤーになります。

 

2. 「コマ枠フォルダー」ツール (U) を選択し、最適な形状またはサブツールを選びます。私は三角形を作るので、多角形を選びます。（ヒント：楕円形や円形にしたい場合は、「長方形コマ枠」を選択し、ツールプロパティウィンドウのレンチをクリックし、次に「図形」サブメニューを選択すると、楕円形を選択するオプションが表示されます。これは下の画像に示されています。）

3. ホイールの任意のセクションの上にキャンバスにコマ枠の形状を作成します。もしうまくいかない場合は、「操作」ツール（O）を選択し、コマ枠の回転、角、またはサイズを調整してください！

 

4. コマ枠の形状がカラーホイールの上に表示されます。カラーホイールレイヤーをコマ枠フォルダーにドラッグすると、マスクされます！

最終的なレイヤー構造はこのようになります。

以上が基本です！さらに役立つように、私が追加で行ったいくつかの手順を以下に示します。

 

 

追加手順

*コマ枠フォルダーに、色相・彩度・明度とカラーバランスの2つの補正レイヤーを追加しました。前者は、より暗い／明るいトーンで作業したい場合のためです。後者は、マスクの色の関係性を維持しつつ、ガマットに色調を適用したい場合のためです！例えば、全体的に青い絵を描きたいが、最も強い青と比較して「赤や黄色などのように感じる」色も欲しい場合などです。

 

*一番下に均一なニュートラルグレーレイヤーを作成し、偏りなくトーンと色を判断できるようにしました。

 

 

私が好んで使用する最終的な作業設定は以下の通りです。

このマスクがあれば、技術的には必要なものはすべて揃っています！新しい絵画ごとにパレットを作成したい場合は、コマ枠レイヤーの形状を編集し、調整レイヤーを好みに合わせて変更するだけです。その後、お気に入りの画像形式で保存して、参照として使用できます！

 

 

余談：作成後にコマ枠のタイプを変更する方法

コマ枠を大幅に変更したい場合（例えば、フリーハンドのコマ枠を多角形に変更する場合など）、新しいコマ枠フォルダーを作成せずに変更することも可能ですが、少し特殊な方法です。

 

コマ枠マスクが選択されていることを確認し、「操作」ツール（O）を選択します。これは、上記で説明したように角や点を移動する方法です。

 

キーボードのDeleteキーを押します。削除したいものを尋ねるポップアップが表示されます。

「枠線だけ削除」を選択すると、コマ枠は削除されますが、その中のすべてのレイヤーとフォルダーは残ります。その後、「コマ枠フォルダー」ツール（U）で新しいコマ枠を描画します。私の知る限り、コマ枠専用の他の削除オプションはグレー表示されているため、これが唯一の方法です。（少なくとも私のバージョンでは）

 

 

パートII：使い方

ここでは、CSPでマスクされたパレットを利用するいくつかの異なる方法を説明します。

 

 

ただし、まず重要な注意点です！

 

ここからが実際の絵具とは少し異なる点です。CLIP STUDIO PAINTは知覚的な色混ぜを行いますが、現実世界の顔料はそれぞれ固有の特性を持ち、媒材によっても変化するため、絵具の混色を完全に再現することはできません。ここでのすべては実生活におおよそ近似するものです。経験則として、彩度の低い色から彩度の高い色を混ぜることはできません。混合した色がガマット内にあると仮定する前に、ガマットマスク（必要に応じて明るさを調整）と照らし合わせて確認してください。特に合成モードは、ガマット外の色を作り出すことがあります！

 

 

1. スポイト

色を選ぶ最も簡単な方法は…マスクに直接スポイトを使うことです！これにより、彩度の上限を超えることは保証されません。

次に、カラーピッカースライダータブの明るさスライダーを使って、色を明るくしたり暗くしたりします。*

 

(*はい、ほとんどのカラー空間では、見かけの彩度と飽和度は明るさによって変化する可能性があります。これは近似の1つです。)

2. 混色

CSPには、組み込みの混色ウィンドウがあります！最も彩度の高い色（この場合は青緑、マゼンタ、黄緑）をいくつか選び、カラーミキサーツールで混合して基本的なパレットを作成します。ブレンダーツールは色を平均化するようです。これは、ガマットの境界が星のような凹んだ形状や分離した部分でない限り、結果がガマットを超えることはないことを意味します。

3. 中間色パレット

CSPには、カラーピッカーに「中間色パレット」と呼ばれる楽しい小さなタブも含まれています。混合したい色を角に配置すると、それらの間に色のスペクトルが作成されます。カラーミキサーのように、平均化によって機能します。

4. ホイールに再配置する

パレットマスクを作成することで、「暖色」と「寒色」と見なされる色が再定義されるため、私は関係性を理解するのに役立つ新しいカラーホイールを作成するのが好きです。

マスクの角や端にある色をスポイトで選びます。それらを外周に沿って均等に配置するようにしてください。次に、形状の中心に見える色をスポイトで選び、パレットの「ニュートラル」としてホイールの中央に配置します。

パートIII：実例

ここでは、異なるパレットを使用して試す演習を紹介します。

 

 

イラストのベースを下書きし、次に著しく異なる2つのパレットマスクを選択します。イラストを2回着色します。それぞれのマスクに対して1回ずつです。*マスクされたパレットのすべての色を使用する義務はありません！色の明るさを変更することで、思慮深い明度分布も使用することを忘れないでください。

 

 

私が選んだ2つのパレットマスクと、絵を描き始める前に行った値と関係性の探索を以下に示します。左側はスプリットコンプリメンタリーパレット、右側はアナロガスパレットと見なすことができます。

(右のパレットでは、ホイールの「ニュートラル」カラーが緑色であるのに対し、外側の灰色が紫色に最も近い色であることに注目してください。)

 

 

その後、私が撮影したサギの写真の明度研究を行い、2つのパレットで2枚の絵を描きました。

結論

このチュートリアルがお役に立てれば幸いです！私自身はパレット作成の専門家ではありませんが、練習する上で役立つツールを作りたかったのです。

 

このチュートリアルのレイヤー構造を、ニュートラルグレーの背景と補正レイヤーを含んだ素材としてアップロードします！アップロードが完了したら、このスペースを編集して含めます。

 

 

参考資料

パレットマスキングと色空間についてさらに詳しく知りたい場合は、いくつかのリソースを以下に示します。

 

 

*"Björn Ottosson氏によるデジタル色空間に関するブログ投稿" (非常に詳細)

*"James Gurney: From Mask to Palette (マスクからパレットへ)" (シリーズ3番目; ガマットマスキングに関する彼の他の2つの投稿へのリンクあり)

*"HTML Color Codes" (典型的な色彩調和の「形状」のドロップダウンメニュー付き無料ツール)

 

 

*Björn Ottosson氏によるカラーピッカーおよびOKLab色空間の使用は、彼のライセンスこちらおよびこちらによりそれぞれ許可されています。