減色ソフトを使うのだっ!

フィル「うわー、この講座も久しぶりね」

ハム 「ほかの事で忙しいからな」

フィル「むぅ〜、ハムちゃんがそんなだから、最近、私の出番が無いのよ? 私はこのサイトの看板娘だって事分かって る?」

ハム 「看板"娘"? どこにいるんだ、娘は」

ぐしゃあああああああああっ!

ハム 「前触れも無しか!」

フィル「ハムちゃん、血飛んでる飛んでる。他の部屋でやってよ、この部屋の調度品は高いんだから」

ハム 「どこのアディーンだ、お前はっ! ……まぁいい。本題に入ろう」

フィル「今日は何をするの?」

ハム 「うむ、今日はフォトショップユーザーにはあんまり関係ない講座だ。というか、俺もフォトショ使いの一人だから、この 盲点に長らく気づかなかった」

フィル「タイトルに、減色ソフトって書いてあるね」

ハム 「そう。フォトショップは初めから優秀な減色機能がついてるから、減色ソフトが(一応)必要無い。が、フォトショユーザ ーで無い人はコレが無いとなかなか減色できない」

フィル「そういうもんなの?」

ハム 「そういうもんだ。まずは、減色について話す前に、色数というものについて説明しよう」


色数について(若干難しい話なんで、前半分からないとか興味ないという方は飛ばしても可)

ハム 「一言で言えば、使える(表示できる)色の数だ」

フィル「ぶっちゃけたわね」

ハム 「単純明快なほうが分かりやすいだろ。でだ、フィリス。二進法って知ってるか?」

フィル「二進法? 当たり前でしょ、私はシステム・ガイアの管理責任者……」

ハム 「うわあああああっ、こんなところでネタばれすんなっ!!」

フィル「うふふ、ごめんなさい、つい」

ハム 「このやろう、わざとやりやがって……二進法ってのは、0〜1の数字を使って考えてく方法で、2になったら位が上が るやり方だな。普通、俺達が使ってる数字は10進法だ(0〜9まで使って10になったら位が上がる)。
    この辺のことを詳しく勉強したかったら、各自調べること」

フィル「普通、コンピューターは2進法を使うわね。でも、それと関係あるの?」

ハム 「うん、実はこの色数も2進法で決まってる。いわゆる"ビット数"って奴だな。8ビットカラー、16ビットカラーなどなど… …手っ取り早く、このビットカラーが使われてる物を見たかったら、コントロールパネルから画面の設定から、ディスプレイの 色数の設定を見るといい」

フィル「ハムちゃんのパソコン、32ビットだね」

ハム 「あぁ。その辺の説明は後で詳しくやるとして、じゃあ、フィリス。1ビットカラーって何色(なんしょく)だと思う?」

フィル「2色」

ハム 「即答しやがった、この女……まぁ、そのとおりだ。1ビットって、0,1の二つの数しかないから、二色、つまり黒と白し か表現できない。
    じゃあ、2ビットカラーは?」

フィル「00、01、10、11で4色」

ハム 「その通り。じゃあ、3ビットカラーは?」

フィル「000、001、010、011、100、101、110、111で8色だよ」

ハム 「ブラボー! その調子で書き出すとこんな感じ」

4ビット 16色=2の4乗
8ビット 256色=2の8乗
16ビット 65,536色=2の16乗
24ビット 16,777,216色(1667万7216色)=2の24乗
32ビット 4,294,967,296色(42億9496万7296色)=2の32乗(ただし、実際に42億色使ってるわけではなく、24ビット +透明色など)

フィル「後半、すごい数だよねー……」

ハム 「まったくだ。このうち、イラストの世界でよく出てくる色数は、1ビット、8ビット、24ビットだな。昔のパソコンは、2ビット、 4ビットしか表示できなかったらしいが、良く知らん。
    1ビットをモノクロ二階調と呼ぶし、16ビットカラー(+15ビットカラー)をハイカラー、24ビットカラーをフルカラー(またはトゥルーカラー)と呼ぶ。一般的に、だけど」

フィル「ふむふむ」

ハム 「ちなみに、さらっと流してたけど、念のため書いておくと、上の「○色」ってのは、1ピクセル当たりに使える色の数だ からな。それぞれのピクセル(画像を思いっきり拡大すると、小さな点の集まりであることがわかる。あの点一つ一つをピクセ ルという)において、8ビットなら256色使える(というより表現できる)、ということだし、ハイカラーだと6万5535色使えるという ことだ」

フィル「気になってたんだけど、6万5536色とか、どうやって作ってるの?」

ハム 「いい質問だ。光の三原色を使ってる」

フィル「光の三原色って、いわゆるRGB(赤、緑、青)?」

ハム 「そう。ディスプレイは色の三原色(赤、青、黄)ではなく光の三原色を使い、この3色それぞれにビット数を割り当て る。16ビットだと赤と青が5ビット、緑6ビットを割り当てるし、24ビットだと赤、青、緑にそれぞれ8ビット(256階調)ずつ割り当 てる(256の3乗が1667万7216)」

フィル「24ビットは、分かりやすいね。フォトショップで、Rいくつ、Gいくつ、Bいくつって設定するし、16進法表記(FFFFFF =白とか)でもあるもんね」

ハム 「その通り。
    さて、話を元に戻そう。これら何ビットカラーという物を実際にイラストの世界でどう使うのかまとめてみた」

1ビット = モノクロ二階調(白黒マンガの原稿を印刷する時などに使う)
8ビット = 256色を明るさの情報として利用する=グレースケール、いわゆる一般的な白黒画像
16ビット = ……何に使ってるんだろう? 良く知らない、ごめんなさい。
24ビット = jpegなど。フルカラー、トゥルーカラーと呼ばれる。デジカメなどで取り込んだ一般的な写真の画像はコレ。
32ビット = ちゃんと確認してないけど、psd形式(フォトショップの保存形式)はコレを使ってるはず。基本、「色」の情報と しては24ビット(つまり、赤、緑、青それぞれ256階調ずつ)が最高。では、残りの8ビットはと言うと透明度など補助データと して使われる。アルファチャンネルがそれ。パソコンのディスプレイはコレ(少なくとも俺のは)だし、ツクールXPは利用して いる(らしい)。

ハム 「こんな感じだ。さて、フィリス、ここで質問」

フィル「何? スリーサイズなら教えないわよ」

ハム 「聞くか。つか、『胸がでかい』ぐらいしか設定作って無いから、スリーサイズなんぞ聞かれても答えられん」

フィル「うわっ、人のネタばれは指摘しておいて、自分は楽屋ネタやるわけっ!?」

ハム 「やかましい。それより質問だ」

フィル「なによ?」

ハム 「ツクール200Xで使ってる『256色』って何カラーだと思う?」

フィル「さぁ、パソコンの前のみんなも一緒に考えてみましょう!

ハム 「何やってんだ、お前。世界観壊すような事言うな」

フィル「アンタが言うな


閑話休題

ハム 「考えた?」

フィル「考えたわよ」

ハム 「ほぅ、じゃあ答えは?」

フィル「わざわざ聞くぐらいだから、256色(=8ビットカラー)じゃないっ!」

ハム 「この女はっ……!」

フィル「だってわかんないんだもん! 『200Xは256色の画像しか使えない!』ってのは常識でしょ? 8ビットカラーじゃな いの?」

ハム 「あぁ、まぁ、俺もいじわるな質問をしたんだがな。実は、ツクール200XやXP(どちらも、主にドット絵だな)で使う『い わゆる256色』ってのは、実際8ビットカラーではないんだ」

フィル「じゃあ、なによ?」

ハム 「たとえば、edgeなど、256色の画像作製ソフトを使うとき、色を作るにはどうやっているか思い出してみろ」

フィル「RGBを設定するよ。R(赤)200、G(緑)96、B(青)42みたいに」

ハム 「RGBそれぞれ256色ずつだろ? じゃあ、合計何色?」

フィル「256×256×256……1667万7216色、24ビットだ!」

ハム 「そう。でも、実際24ビットカラー(フルカラー)の画像(たとえばjpeg)は、ツクール200Xにインポートできない。
ここで出てくるのが、『インデックスカラー』だ」

フィル「インデックスカラー……フォトショップにはあるよね。そういえば、確かにこれにしないと200Xで使えないや」

ハム 「そう。インデックスカラーとは、カラーパレット(またはカラーマップなど、いくつか呼び名がある)に色を設定して、そ こから色を呼び出して表示する方法だ。このカラーパレットに256個、色を設定できるから、『256色』と呼ばれるんだ」

フィル「お〜〜〜〜〜。でも、なんでそんな事するの?」

ハム 「24ビットって1667万7216色だろ? すげぇ多いじゃん。多いとどうなると思う?」

フィル「う〜んと、容量が大きくなるのかな?」

ハム 「その通り。webやゲームに使うために、容量(読み込み速度やダウンロード速度に直結する)を軽くしようとしたのが コイツだ。1600万以上と256じゃ、比べ物にならんだろ?」

フィル「うん、そうだね」

ハム 「ドット絵をやる人は、初めからカラーパレットに色を作っていく(webセーフカラーやウィンドウズシステムカラーなど、 始めから色が決まっている物を使うこともある)。これなら、減色する必要は無いよな、初めからインデックスカラーなんだも ん」

フィル「うん。でも、フルカラー(トゥルーカラー)で画像を作ると、すごいたくさんの色を使ってる……うん、分かった!
    減色っていうのは、要するに、たくさんの色を使っている画像の、その色の数(たとえば1000色)をカラーパレットの色 の数(256色)に合わせるって事、すなわち、フルカラーをインデックスカラーに直す事なのね!」

ハム 「その通り! だから、『色を減らす』というわけだ」


減色ソフトを使おう!

ハム 「減色とはいかなるものか、少しは分かったみたいだな」

フィル「えっへん」

ハム 「減色とは、フルカラーをインデックスカラーにするということ。でも、人間が、ひとつひとつカラーパレットを作り直して たらキリが無い(というか無理)から、これをソフトに任せる事にする」

フィル「便利な世の中よね〜」

ハム 「うむ。で、実は、ウィンドウズには初めから減色機能のあるソフトが入っている」

フィル「えっ!? そうなの」

ハム 「うむ。アクセサリにあるペイントがそうだ」

フィル「なーんだ、じゃあ、ペイントがあれば何の問題も無いじゃない」

ハム 「そう思うだろ? そんなに簡単にいかないのよ」

フィル「え?」

ハム 「試してみればすぐ分かるけど、減色はしてくれるんだけど、むちゃくちゃな色になる。初めからあるパレットに無理矢 理当てはめてるのか、パレット作るプログラムに問題があるのか、良く分からないけど。とにかく、使えない」

フィル「ははぁ、フォトショップ使ってると、気づかないなぁ……ハムちゃん、良く知ってるのね」

ハム 「友達がやって(というか、やらせた気がする)失敗した」

フィル「そ、そうなんだ……」

ハム 「減色という作業もプログラムがやる物だから、ソフトの性能に依存するんだ。ちなみに、フォトショは結構優秀」

フィル「じゃあ、フォトショップ使えばいいじゃん」

ハム 「持ってる人はな。持って無い場合、どうする?」

フィル「諦めたらぁ?」

ハム 「……お前、もう帰れ

フィル「わぁぁっ、ごめんなさい! ちょっとふざけてみただけでっ!」

ハム 「ったく。そういう場合、減色ソフトというのがある。フリーで公開されているものもあるから、探してみるのもいいだろう。 一応、一つ紹介しておく」

Padie
http://www.vector.co.jp/soft/win95/art/se063024.html

ハム 「正直ね。びびった。フォトショップより綺麗に減色してくれる(マジで)
    論より証拠、百聞は一見にしかず。並べて見よう」


元の画像。24ビット(フルカラー)BMP画像

フォトショップ 綺麗だけど、少しディザが出てる。

Padie 剣の中央の宝玉に注目。
ココが一番分かりやすい。

ペイント ドンマイ(笑

フィル「すごいじゃん! じゃあ、コレ一つあれば安心だね!」

ハム 「うん。実は、俺もツクール2000用のイベントCGはコレで減色してる。
    そうそう、俺も最初戸惑ったから一応書いておくけど、このソフトはフルカラーBMPを読み込んで、256色BMP(あ るいは他の色数や、PNG形式)で保存してくれるソフトだ。Jpegやpngは読み込めないから気をつけてな(よく見れば、マニ ュアルに書いてあったけど)」

フィル「ハムちゃん御用達ね」

ハム 「そういって箔がつくぐらい有名になりたいもんだ……どうでもいいけど。
    とにかく、フォトショップを持って無い人は、インデックスカラーの画像を作りたい場合、直接作るか、減色ソフトを利 用する必要がある。覚えておこう。
    ちなみに、余談だがPixiaには減色機能がついてない(と公式ページのQ&Aに書いてあった)。ので、Pixiaユーザー の人も減色ソフトを使う必要があるぞ」


フィル「ふぃ〜、久しぶりの講座だったね」

ハム 「役に立ってるのか、謎だけどな。まぁ、結構大勢の人が見てくれてるみたいだから、また機会があったら何か書くけ どさ」

フィル「これからも頑張りましょ〜!」

おしまい
 backbackback