[轉帖]１６色ドット絵講座(日文)

xyz123

現在、主流ＯＳはＷｉｎｄｏｗｓ９ｘになり、ＭＳ－ＤＯＳはもう時代遅れ、と言うより化石扱い。
　グラフィック環境もフルカラーが主流で、ＲＰＧのキャラクターも２５６色とかで書いてある現在。
　今更１６色で描こうと思っている人はワンダースワンとかゲームボーイアドバンス、ＰＳのグラフィッカー位かもしれませんね
　あ、韓国のゲームメーカーもそうか（ＣＰ２とかＭＶＳ使ってアーケードゲーム作っているメーカーとか）

　あと今更と言われようがＲＰＧツクール９８等で作品を作っている人達。（ＤＡＮＴＥ Ｉ・IIのエミュレータも一応有るし、ＲＰＧツクール２００ｘシリーズは解像度が低いからなぁ）
　と、言う訳でこのコーナーでは「グラフィックを描きたいけど苦手だ」とか、「誰か教えて」と言う人達に少しでも役に立って欲しくて昔一度作ってみたコーナーを修正しながら作っています
　枯れた技術の再生思考ですが、やる気が出てきたら幸いですぞ

＊表記中に“マップチップ”“キャラチップ”と出てきますが、これはＲＰＧツクールでＭＡＰ用に使うのが“マップチップ（アニメーションは出来ない）”で、主人公とか町人などに使うのが“キャラチップ（アニメーションが出来るし、他の使い方もできる）”です。
　なお、顔グラフィックは“キャラチップ”の表現の一つです（windowsの２００ｘシリーズでは標準機能になってますね）


今更ながら９８風ゲーム用のカラーパレット

マップチップやキャラチップ等に使用しているカラーパレットの配色順はこんな感じで
　便宜上講座上ではこの色で固定しています

　まず、ＲＰＧツクールではカラーパレットの配置にいくつかの決まりがあります。
　パレットを上から１，２と読んでいきます。
１：ウィンドウの背景に使用するカラー。
　ここはキャラチップの場合は透明色になりますから、気をつけて下さい。。
　マップチップの場合は透明色にならず問題なく使えます。
　（透明色もしくは背景色は通常画面上に表示されない色です。）
２～１５：自由指定カラー
１６：ウィンドウの枠と文字。

最後に、参考までにパレットのカラーを書いておきます。
実際の色と微妙に違うかもしれませんがご了承下さい。
番号は一般的なドローツールの番号に準じています。
Ｃ：ＲＥＤ，ＢLUE ，ＧREEN
１：０００，０００，１６４
２，０００，０６４，１８１
３，０００，１６９，１９９
４，０００，２５４，２１５
５，０７３，１３２，０００
６，１３６，２０５，０００
７，１５５，０７５，０００
８，２０４，１４５，０８８
９，２５４，２１２，１７５
10，２５５，２５５，０７４
11，２４７，１５５，０００
12，２４４，０００，０００
13，００５，００５，００５
14，０８４，０８３，０８８
15，１６９，１６８，１７３
16，２５５，２５５，２５５

[此贴子已经被作者于2005-1-20 9:28:12编辑过]

xyz123

色の相性について
そしてグラデーション
１６で背景とキャラクターを同じパレットを使って描く場合、その色数の制限故に同系色はそんなに多用できません。（カラーパレットをモノトーンで統一すると言うやり方も有りますが）
　そのため、アンチェリアスを使う場合に少々問題が出てきます。
　この場合、他系色を加えて代用します、これを補色といいます
　補色は同系色以外の色を使うため、相性が重要なだけでなく使用する面積が多くなるほどその色が目立つのでやりすぎには気をつけましょう
　基本的に肌に使う色にグレイ系統はあまり混ぜない方がよいでしょう。
　ここでは一覧表を載せておきます

キャラクターから背景まで全て同じ１６色で描く場合色が足りないと感じることは多々あります
　その場合シーンに合わせて使わない色を回したりするのでしょうが、それでも足りない場合は２色以上を市松模様のようなタイル状に並べて色を擬似的に作り、補う方法があります。いわゆるタイルパターンですね
　タイルパターンとはドットの一定の間隔によって濃淡を表現する方法です。（分かりやすい例が漫画でよく使われる網掛けやスクリーントーン等です。）



　普通グラデーションと言えば１段目のような多色による段階的に明暗をつけていきます
　２段目はそれを４色に誤差拡散方法で減色したもの
　３段目はタイルパターンを使って７段階×２で書いたもの 　誤差拡散とタイルパターンの一番の違いはコンピュータ（ツール）に処理させるか、作ったパターンの”タイル”で塗っていくかの違いです
　これらのテクニックはwindows9xが普及する前のPC-9800シリーズでは当たり前に使われていました
　今でも携帯ゲーム（携帯電話ゲーム）では結構使われている技術ですね　

xyz123

６４×６４顔グラフィック

とりあえず顔グラフィックの描き方をここでは順に説明していきます。
　まずは６４×６４ドットでの描き方をここでは順に説明していきます。
　このくらいの大きさならスキャナを使わずマウスだけでも描かけますが、スキャナがあれば尚良いでしょう

始めに下絵を紙に描いてそれをスキャナで取り込みます
　取り込むときはグレイスケールでやっておきます

[td]　取り込んだ画像を縮小、２値化 　そのままではゴミが付いたり線が切れたりしているので修正[/td]

[td]　で、大体修正が終るとこんな感じ[/td]

[td]　イメージをつかむために大体の塗り分けをします[/td]

[td]　線を修正しながら陰を付けていきます 　全部が黒い線でも良いのでしょうが、ここでは頬を一段明るい色に変えておきます 　このとき光の当たる位置をちゃんと決めておかないとちぐはぐなのが出来てしまうので注意 　私が描くときは主に左上から日が射している状態にしています[/td]

[td]　顔をアンチェリアスをかけながら塗ってます 　アンチェリアスと言うのはドットの境界線を滑らかにするために一段低い色で塗ることです[/td]

[td]　アンチェリアスを掛けるときはドットの置き方に注意します 　１ドットの差がぱっと見のイメージを決めることも有るくらいなので納得するまで描いたり消したりを繰り返します[/td]

[td]　残りの部分の胴体や髪のハイライト部分にアンチェリアスをして完成 　そのままだと地味だったから左肩は緑に変更してます[/td]

[td]　こっちはタイルパターンも使ってみたタイプ 　好みに合わせてこうするのも宜しいかと

　慣れてくるとこのくらいの大きさなら、１、２時間くらいで完成します。

[此贴子已经被作者于2005-1-20 9:34:22编辑过]

xyz123

１２８×１２８顔グラフィック
次は、１２８×１２８ドットの顔グラフィックを描きます
　行程自体は６４×６４と同じですが、サイズが大きくなった分作業量が増えます
始めに下絵を紙に描いて、それをスキャナで取り込みます
　もしくはタブレットで直描きでも

[td]　次に取り込んだ画像を１２８×１２８に縮小し、２値化（白黒２色）します\\r 　この際に薄い線は消えてしまったりぶつ切りになるので修正します。 　ここは前回と同じですが、線のカスレが多く修正に時間がかかるようなら取り込み作業からやり直す時も有ります[/td]

[td]　修正が終るとこんな感じに 　この後も細部の修正は色々とやっていきます[/td]

[td]　色を乗せてイメージをつかんで[/td]

[td]　黒い線の部分がそのままなのは何ですので一段明るい色で塗ります 　この時”単色マスク→指定領域の反転”で線の色を指定しておけば塗りつぶしが楽になります”[/td]

[td]　影をつけます 　両肩の所の色を変更してます[/td]

[td]　髪のハイライト以外をアンチェリアスを掛け終わった状態[/td]

[td]　髪や眉毛のハイライトや影を入れました　さりげなく目のシャドゥも描き加えてみた 　この時も髪の赤の部分にマスクを掛けておくと作業が楽になります[/td]

[td]　細かい修正をひたすら加えて完成

　今回使った色は１０色で１６色（内１色は透明色）をフルに使ったのでは無いけど、Ｗｉｎでキャラチップ１６色全部以上使えますが、意外と２５６色まるまる全部使ってドット絵を描くのは難しかったりします
　ドット絵を描こうと思う人は、マウス（タブレット）を片手にまずは１６色くらいから初めてみてはどうでしょうか？
　数をこなして慣れることは大事ですよ