■ 貧乏人のためのCG講座 Tips集

■ 上手なタイルパターンの使い方

 「D-Pixed」には2色のドットを市松状に並べることで、擬似的に中間色を作り出すタイリング機能があります。「2つの色を混ぜる」という直感的な操作で、簡単に中間色が作れるので使ってる人も多いのではないでしょうか。しかし、この機能を上手に使いこなすには、結構コツがいるのも事実です。ここではタイリング機能を使う上で注意するべき点をいくつかあげたいと思います。

 ■ タイルは斜めに使え

 まずは下の2種類のタイルを見てください。どちらも白と黒からできているタイルですが、どちらが中間色の「グレー」に見えるでしょうか?
 たぶん、ほとんどの人には左がグレーに見え、それに対して右側のは黒いドットが目に感じられると思います。両者の違いは、色の違うドットが斜めに並んでいるか、縦横に並んでいるかという点だけです。

 人間の目は、斜め方向の解像度が水平・垂直方向の解像度より悪いという特性があります。そのためドットが斜めに並んでいると分離がしづらくなり、地の色と混じって中間色として見えますが、縦横に並んでいると単なるドットとして分離してしまうというわけです。「D-Pixed」のパレットには15種類のタイルパターンが用意されていますが、中間色を作る目的でタイリング機能を使うのであれば、ドットが縦横に並んでいるものは避けたほうがいいと思います。規則的なドットの並びばかりが目立ってしまいますので(下のグラデーションバーを見れば、さらに納得してもらえると思います(^^;)。

 縦横に並んでるのも、「模様」として使ったりするとポップな感じが出ていいかもね。


 ■ タイリングに向く色、向かない色

 簡単に中間色が作れる・・・と冒頭で書きましたが、使う色によってはひどくチグハグになってしまうことがあります。例えば、下の2つの画像はどちらもタイリングによる青と緑のグラデーションですが、上のほうのものはドットが浮き上がって非常にザラついた感じになってしまっています。
R,G,B=63,63,127   R,G,B=0,255,0
R,G,B=63,63,127   R,G,B=63,127,63
 これは掛け合わせた2つの色の間の明度や彩度が違いすぎるせいです。HSV方式で色を作っているならSやVが2つの色の間で大きく違わないように、RGB方式なら突出して特定の成分が変化するような色使いをしないようにすれば、だいぶ粒状感が押さえられます。

 ■ タイルパターンの塗り方

 タイリング機能を「塗りつぶしツール」とともに使う場合は注意が必要です。異なる2色のドットが交互に並んでいるというタイルの構造上、塗りに失敗したときにもう1度「塗りつぶしツール」で正しい色を塗りなおす、というわけにいかないのです。失敗した時にすぐ気がつけば、アンドゥで元に戻れますが、それを逃すと1ドットずつ手で消していく羽目になります。

 これを防ぐには、タイルで塗りたい部分を修正の簡単なベタ色でとりあえず塗ってしまい、塗る場所を決めたところで、タイルでベタ色部分を塗りつぶすようにするのが簡単で確実です。

 ■ 役に立たない裏技(笑)

 これはオマケですが…下の絵を見てください。赤と緑のタイルなのに黄色に見えたり、黄色と青のタイルなのに白(グレー)に見えたりしています。不思議ですよね?(^^;

赤と緑のタイル 黄色と青のタイル
Fig. 不思議なタイル
 赤+緑=黄色とか、青+黄色=白なんていうのは、普通の色作りの常識からするとちょっと考えつきません。

 ここで使っているのは俗に「デジタル8色」と呼ばれている色で、昔のパソコンではこの8つの色しか表示できませんでした。そこで当時は上のようなタイル技を駆使して、擬似的にいろいろな色を作り出していたのです。


■■■■■■■■■■■■■■■■
R0025502550255255
G0002550255255255
B0255002552550255
Fig. デジタル8色
 昔のPC-8801などでは、この8種類の色しか使えませんでした。今のように、自分の好きな色を作って絵を描けるような生易しい環境ではなかったのです(^^;

 で、例のタイル技の原理ですが、実は簡単。例えば赤(R,G,B=255,0,0)と緑(R,G,B=0,255,0)のタイルの場合、両者のRGBの成分が足しあわされてR,G,B=255,255,0、つまり黄色になるというわけです。

 今となっては、こんなことを知っていても自慢話くらいにしか使い道がありませんが、もしタイルを使っていて思ったような色にならないというときは、この現象が邪魔をしているのかもしれません。



「貧乏人のためのCG講座」トップへ サイトトップへ