2.2.3.1. 用語

色に関する専門用語は、時には非常に恐ろしいものです。有名なカラーピッカーを使用して、いくつかの基本的な概念を見てみましょう。 Blender には 5 つの異なる color pickers があることをご存知ですか? [Preferences] パネル ([Edit] > [Preferences] > [Interface]) でこれらを選択できます。これらは直感的に使用できるように見えますが (図1)、すでにいくつかの難しい用語が登場します。 そして、この単純なツールであっても、いくつかの疑問が生じ、それらに答えようとすると、すぐに深い Blender の世界に入ることができます。

The Color picker

図1 カラーピッカー。デフォルトのオプションが左側に表示されています。キャプションは Blender のドキュメントから引用

  1. なぜ 5 つ必要なのでしょうか?それは単なる好みの問題ですか？異なる色が返されますか?一部のカラー パネルは他のパネルよりも明るく見えます (1 対 2 および 3 対 4)。なぜ？それらはどのような点で異なりますか?

  2. 何種類の色を選択できますか? 小さな白い点の領域が 1 色の場合、選択できる色はそれほど多くないようです。正方形のパネルには赤が 2 つ (左に 1 つ、右に 1 つ) あり、円パネルにはないのはなぜですか?一部のカラー バンド (例: 黄色) が他のカラー バンド (例: 緑) に比べて小さいのはなぜですか?

  3. 2 つのパネルは円を使用し、3 つのパネルは正方形を使用してすべての色(?)を表示します。なぜ？これも好みの問題でしょうか？そしてそれらはどのように関係しているのでしょうか？カラースライダーは水平に配置される場合もあれば、垂直に配置される場合もあります。違いはありますか？

  4. Hex ボタンをクリックすると、小さな警告 (「ガンマ補正済み」) が表示されます。これは一体何を意味するのでしょうか？心配する必要がありますか？ Hexは使わない方が良いでしょうか？そして、なぜこれが Hex モードの下にのみ表示されるのでしょうか?

  5. さらに、RGB、HSV、HSL、Hex などの略語にはどのような意味があるのでしょうか?そして、なぜ HSL は 1 回しか言及されないのでしょうか?

  6. 値スライダー (H、S、…) を左から右にドラッグすると、0 から 1 まで変化することがわかります。ただし、一部の値については、1 を超え、0 未満ではない値を入力することもできます。なぜでしょうか。そしてそれらの値は何を意味するのでしょうか? …

質問がたくさん！些細なように見えたり、突飛なものもあるかもしれませんが、答えを探すと、カラー管理についての深い洞察が得られ、また、いくつかの非常に醜い事柄も得られます。この投稿では 1 つの質問だけに焦点を当てましょう。 Blender でこれらのパネルを再作成するにはどうすればよいでしょうか?そうすれば、それらがどのように異なるかが明らかになるでしょう。それはそれほど難しいことではありません。適切なマテリアルを使用して平面または円を作成します。そう思いますか！

ブレンダーを起動します。すべてのオブジェクトを削除し、ワールドの背景色を黒に設定し、上面図に切り替えて、それぞれ 1 単位の 2 つの円メッシュと 3 つの平面メッシュを追加します。それらを隣り合わせて配置します。正確な場所は関係ありません。色を得るには5つの素材が必要です。シェーディング ワークスペースに切り替えて、マテリアルを作成します。図 1 の不可解なキャプションに従って、それらに名前を付けることができます。

注釈

これらのマテリアルがすでにセットアップされている blend-file をダウンロードできます。

最初の正方形のパネル (正方形 HV+S) から始めましょう。この不可解な名前は、パラメータ H (色相) と V (値) がカラー パネルの作成に使用され、3 番目のパラメータ S (彩度) が別の水平スライダによって設定されることを示唆しています。 HSV カラー モデルでは、一意の色を定義するには 3 つの値すべてが必要です。下部のスライダーから、これらのパラメーターが 0 と 1 の間で変化することがわかります。平面の幅と高さも 1 単位であるため、この平面内の各点の X 座標と Y 座標も 0 と 1 の間で変化します。ただし、(0,0) が正方形の左下にある場合に限ります。これらの座標を提供できるシェーディング ノードはありますか?

おそらく、Input グループ ノードを検索する必要があります (このノードから何らかの入力が得られるはずです)。この情報を提供できるノードは、 Geometry node と Texture Coordinate node がかなりの数あることがわかりました。ジオメトリ ノードには (この場合) ワールド空間座標を出力するという欠点があります。したがって、3D 空間内でオブジェクトを移動すると、これらの座標が変更されるため、望ましくないことになります。オブジェクトが 3D 空間のどこにあるかに関係なく、範囲 (0 ～ 1) 内の値が必要です。探しているのはテクスチャ座標ノードです。このノードは、各シェーディング ポイント (これは、光線が当たる可能性のあるオブジェクトの表面上の点) に対して、そのシェーディング ポイントの X、Y、Z 座標を含む出力ベクトル (0.4、0.3、0 など) を出力します。さらに、生成されたテクスチャ座標を選択した場合、これらの座標の原点は形状の左下に (0,0,0) になります。繰り返しますが、まさにあなたが望むものです。 Separate XYZ node ノードを使用すると、このベクトルを個別の X、Y、Z 座標に分割できます。

では、これらの数字からどのように色を作るのでしょうか?最初に考えられるのは、Combine RGB ノードを使用することです。このノードは 3 つのカラー チャネルの値を受け入れ、そこから混合カラーを作成します。残念ながら、スペクトル全体に 3 つの値が必要ですが、色を 2D 平面上にペイントするため、Z 座標は常に 0 になります。この Combine RGB ノードは、3 次元の立方体でもうまく機能します。さらに、カラー パネルは、1 つの色の単純な 0 から 1 へのグラデーションではありません。たとえば、赤色は正方形の左側と右側の両方に現れます。よく見ると、カラー パネルは Hue カラー カードの例に似ています。たとえば、 Wikipedia を参照してください。 Hue/Saturation node を使用できるかもしれません。通常、このノードは、色または画像の色相、彩度、または値を変更するために使用されます。

Shading nodes for recreating the color picker

図2 カラー ピッカーの (正方形 HV+S) カラー パネルを再作成するためのシェーディング ノード

シアン色を入力色として使用することに注意してください。ドキュメントによると、Hue パラメータは画像の色相回転を指定します。 360°は (0 ～ 1) にマッピングされます。色相シフト 0 (-180°) と 1 (+180°) は同じ結果になります。したがって、約 180° にあるシアン色は -180° シフトされるため、テクスチャ座標 0 ではゼロまたは赤になり、テクスチャ座標 1 では再び赤 (シアン + 180° = 360°) になります。

このパネルは色相と値の組み合わせであり、彩度パラメータは別のスライダー (Square HV + S) にあります。 Value パラメーターは Y 軸で表され、1 (上) から 0 (下) まで続きます。したがって、Y ソケットを使用して、Hue-Saturation-Value ノードの Value パラメーターに接続できます。

ガンマ ノードが必要な理由は何ですか? 人間の視覚は直線的ではありません。光の強度を 2 倍にしても、知覚される光の強度が必ずしも 2 倍になるわけではありません。私たちは明るい領域よりも暗い領域の方がはるかに敏感です。影の領域の光エネルギーのわずかな増加は、明るい領域よりもはるかに目立ちます。 Gamma ノードは入力として色を受け取り、べき乗関数を適用します。(例: x^power) 指数はガンマと呼ばれます。

color picker

図3 の中央のパネルはガンマ エンコーディングを使用しています。 「ガンマ」指数は 2.2 に設定されており、これは sRGB カラー モデルで定義されています。したがって、0.25 の入力強度は 0.25 2.2 = 0.047の出力強度に変換されます。したがって、結果はより暗くなります (ゼロに近づきます)。これは、図 3 の右端の 2 つのパネルを比較すると非常に明白です。しかし、暗くなるのは主にシャドウと中間調で発生します。

表1: ガンマ関数

x

x 2.2

0.000

0.000

0.250

0.047

0.500

0.218

0.750

0.531

1.000

1.000

スクエア (HS + V) およびスクエア (SV + H) カラー ピッカーのマテリアルは、図2と非常によく似ています。 平面の X 座標と Y 座標を、Hue Saturation Value ノードの HS または SV パラメータに接続する必要があります。図1 では、青みがかった色が選択されています。さまざまな色のパネルで小さな白い点を探してください。 「アイスバーグブルー」という名前で知られており、 list of colors at Wikipedia によると以下の仕様となっています。この色は Hue-Saturation-Value ノードでも選択していることに注意してください。表 2 も参照してください。

表 2: Iceberg Blue の色の 16 進数、RGB、HSV、および HSL の仕様

Hex

Red

Green

Blue

Hue (HSV/HSL)

Saturation (HSL)

Lightness (HSL)

Saturation (HSV)

Value (HSV)

#71A6D2

44%

65%

82%

207°

52%

63%

46%

82%
Additive color mix

RGB 色空間では色が加法であることを聞いたことがあるでしょう。これはどういう意味ですか？ Blender で加法混色図を再作成することで、実際に体験することができます。

最も簡単な解決策は、3 つのスポット ライトを作成することです。そこで、Blender を起動し、デフォルトの立方体とライトを削除します。平面図に切り替えます。スポットライト タイプのライト 3 つと平面を追加します。

  1. 平面図に切り替えます。これは実際には必須ではありませんが、スポット ライトを完全な円として投影するのがはるかに簡単になります。

  2. スポット タイプのライトを 3 つ追加します。それらを次の場所に配置します: 赤 (0、-0.25、1)、緑 (-0.5、0.5、1)、青 (0.5、0.5、1)。適切な色を選択し、最終的に出力 (1000 W) とスポット形状サイズ (75°) を選択します。

  3. レンダリング プレビューに切り替えます。色付きの円が表示されますか?いいえ、「輝く」表面がないからです。

  4. 位置 (0,0,0) に適切なサイズの平面を追加します。色付きの円が表示されます。

  5. また、カメラを位置 (0,0, 10) に配置し、ビューをカメラ ビューに変更する (Alt+Ctrl+0) 必要もあります。その後、画像をレンダリングできます。

Additive color mix

図3 3 つのスポットライトの加法混色の Evee レンダリング。

図 3 は、優れた加法混色図を示しています。ただし、ステータス バーには赤色に関する追加情報が含まれていることに注意してください (レンダリング プレビューで赤い円を右クリックすると表示されます)。