Painterly fills

Here, we fill blobs with paint: opaque, relief-textured paint and watercolor washes that let the background show through.

このページでは、ブロブを絵の具で塗ります。立体感のある不透明な絵の具と、背景が透けて見える水彩のウォッシュを扱います。

Each fill creates a region as described in the Fills overview, then shades it like pigment. Thick paint uses a height field that lighting renders as relief; washes sample the canvas beneath and pull it along like water.

どの塗りも、Fillsの概要で説明されている方法で領域を作り、顔料のような陰影を加えます。厚みのある絵の具では、高さ情報に光を当てて立体感を表現します。一方、ウォッシュは下地のキャンバスを読み取り、水のように引きずります。

Textured paint

open full size ↗

Opaque paint with surface relief: dry and scratched, flat with gentle undulations, or thick oil applied with a knife.

表面に起伏のある不透明な絵の具です。乾いてかすれた質感、平らな面がゆるやかにうねる質感、ナイフで厚く塗った油絵の具を表現します。

The height field combines a dome-shaped rise along the edge with noise in the interior. The dome uses a smoothstep function of distance, and its analytically derived slope ensures a smooth transition into the flat interior without a crease. Low-frequency noise creates broad swells, while high-frequency noise adds fine detail. For the knife-painted oil, straight-cut segments create sharp creases and steps.

高さ情報は、縁のドーム状の盛り上がりと内部のノイズを組み合わせて作ります。ドームには距離に応じたsmoothstep関数を用い、解析的に導出した勾配によって、折れ目を生じさせずに平らな内部へ滑らかにつなげます。低周波ノイズが大きなうねりを生み、高周波ノイズが細かな質感を加えます。ナイフで塗った油絵の具には、直線的な切り口を使って鋭い折れ目や段差を加えます。

Each paint blends two colors in mottled patches, like a brush loaded with multiple colors. Thick oil keeps the transition sharp: the colors meet along a distinct boundary shaped by low-frequency noise, as if two paints had been laid side by side without blending.

それぞれの絵の具は、複数の色を含ませた筆のように、2色をまだらに混ぜ合わせます。厚い油絵の具では、色の境目をくっきりと保ちます。低周波ノイズで形作られた明確な境界に沿って2色が接し、混ざらずに隣り合わせに置かれた絵の具のように見えます。

Washes

open full size ↗

Watercolor fills layered over the background, ranging from watery washes through medium washes to gouache.

背景の上に重ねる水彩の塗りです。水分の多いウォッシュから、中間的なウォッシュ、ガッシュまでを表現します。

A single renderer handles all three. The paint interacts with the background in two ways: a min operation darkens it like layered pigment, while a mix covers it like an opaque layer. Water controls the balance: more water favors darkening the background over covering it. With less water, the edge sharpens and coverage increases until the fill resembles gouache. Water also creates uneven opacity, leaving nearly transparent patches.

3種類すべてを1つのレンダラーで表現します。絵の具は背景に2通りの作用をもたらします。min演算では顔料を重ねたように背景を暗くし、mixでは不透明な層のように背景を覆います。水分量によって両者のバランスが変わり、水分が多いほど、背景を覆うよりも暗くする作用が強まります。水分が少なくなると、縁がくっきりとし、背景を覆う力が強まって、ガッシュのような塗りになります。また、水分によって不透明度にむらが生じ、ほとんど透明な部分が残ります。

Rather than sampling the background at a single point, the renderer samples it along a direction that shifts with position, so the pigment appears to flow with the water. This is not a fluid simulation: the drag direction simply comes from a noise field. Gouache covers the most and pulls the background the farthest, evoking a brushstroke.

背景は一点だけでなく、位置に応じて変わる方向に沿って読み取るため、顔料が水とともに流れるように見えます。これは流体シミュレーションではなく、引きずる方向をノイズから決めているだけの近似です。ガッシュは背景を強く覆い最も遠くまで引きずるため、筆跡が見えるような表現になります。

Try drawing

open full size ↗

Try drawing freely with the tools on this page.

このページのツールで自由に描いてみましょう。