「ヤルハラ/ドット絵Tips」の編集履歴（バックアップ）一覧はこちら
「ヤルハラ/ドット絵Tips」(2006/08/24 (木) 09:35:42) の最新版変更点
追加された行は緑色になります。
削除された行は赤色になります。
このページはNYSDLで公開しています（転載可）
著者：丼
*ドット絵TIPS
ドット絵講座は本とかもいろいろ出てますが
デジファミのが出来がいいです。
http://www.enterbrain.co.jp/digifami/digiweb/dot_teck/
そのほかにもWeb上にコツはたくさん転がっています。
http://seri.sakura.ne.jp/%7Etakano/html/fr_dot.htm
http://www.rocket.ne.jp/~nao/drawtechs.htm
いろんな作風があるんで、
自分の方向性に合ったやり方でやるといいでしょう。
ここではデジファミの講座のを補足する感じで書きます。
*キャラクターを描く流れ
自己流でいいんですけども参考までに。
画像は左から順に書き進めていってます。
&ref(kouza1.png)
１）シルエットを描く
ドット絵って、ゲーム中あんまり凝視するような事がないので、
細部よりも全体のバランスが大事だったりします。
シルエットの時点で可愛くなければ、最終的に可愛くならない事が多いです。
２）塗り分け
適当に色つけー。
３）一通りのパーツを描き、ドットの並びや、形を整える
この時点でドットの並びが汚いと、
描いていくうちに、だんだん形が歪んでいっちゃいます。
リボンも付けました。パーツは大きめに描かないと
ごちゃごちゃしてよく分からなくなっちゃいます。
４）模様を描く
あんま細かくはできないのでほどほどに。
５）シルエット再確認
大分元の形から離れたので、形を再チェックしています。
ちょっと猫背だったかな。
６）大体完成
ファミコンだったらこの程度で十分ってクオリティまでもってきます。
ここからバリバリ描き込むぜ！！
７）描き込み
うおりゃあああああ！！
陰影じゃあ陰影をつけまくれー！！
&ref(kouza2.png)
この描き込みがドット絵の神髄なんですよね！
でも何かこれ雑に見えるような……
じゃあ陰影とっちゃおう。
&ref(kouza3.png)
あっこっちの方がいいかも。
グラデーションは使いすぎると逆に汚く見えてしまいます。
特に表示サイズが小さい場合（＝解像度が高い）、
陰影を付けると見づらくなる事があります。
&ref(kouza4.png)
解像度が高い場合は、陰影よりもアンチエイリアスを優先するといいでしょう。
右の方がいいよねって言いたいんだけど
微妙に失敗して違いの分からない感じだ。
まあ好きずきなんですけど。
■5/31追記
&ref(kouzaa1.png)
&ref(kouzaa2.png)
すんませんやっぱ微妙だったので修正しました。
このように、ドット絵を極める道には終わりが無いのだった……
すんません素人ドッターですんません
*陰影
５色で球体を描いてみましょう。
&ref(kouza5.png)
こうする人多いんじゃないかな。
ただ５色だときついですし、このやり方だと
フルカラーでも段差が見えることがあります。
&ref(kouza6.png)
こういう場合、グラデーションの幅を狭くすると
なめらかに見えます。（マッハバンドが消える感じ？）
その代わり質感はテカテカした感じになりますが。
&ref(kouza7.png)
これも５色です。
いろいろ工夫してみてください。
*アンチエイリアス
&ref(kouzaa3.png)
宝石がキラーンて光ってるよみたいな。
左が一番最初に描いた奴ですが、
「キラーン」の尖り具合が足らないすね。
真ん中みたいにすればよろしい。
どうなってるかっちゅうと
&ref(kouzaa4.png)
こうなってます。
線の色は薄ければ薄いほど、細く見えます。
ので、キラーンの先に行けば行くほど線の色を薄くする
↓
先に行けば行くほど細く見える
↓
尖って見える
という案配でございます。
一番右のは丁寧にアンチエイリアスかけましたけど、
効果はいまいちだ！
*アンチエイリアスはぼかしじゃなーいよ
（注）
丼はオーバーサンプリングの考え方に基づいて
アンチエイリアスを行っています。
ので他のサイトや本の説明とは異なることがあります。
デジファミのドット絵講座の、アンチエイリアスの項には
「線や色の境界をなじませる」と説明がありますが、
細かい事を言うとこれは誤りです。
説明は面倒いんで端折ります。(*_*)
&ref(kouzaa5.png)
&ref(kouzaa6.png)
左が元画像、中央がアンチエイリアスあり、右がぼかしを適用したものです。
中央は、元画像よりもなめらかで精細な印象があるのに対し、
右はぼやけてる上に曲線が歪んでしまっています。
アンチエイリアスとぼかしは
似た効果のような印象がありますが、
実際は真逆です。
ぼかしは、画像の情報を「失う」のに対し、
アンチエイリアスは、中間色を使って
１ピクセルよりももっと小さい情報を表現しようとします。
つまり画像の情報を「補う」ことです。（手作業になります）
そもそもこのアンチエイリアスという用語が誤解の元になっているとは思います。
ただ、アンチエイリアスという技法も、キャラサイズが大きくなるに従って、
だんだんいらない技法化している傾向にあります。
昔の９８のエロゲーなんてほんとに凄かったのになあ……
*タイルパターン
説明は省きますが、
現在では模様やテクスチャ表現以外にはほとんど使われることはありません。
MdNから出ているドット絵の本の人は
上手いんですがタイルパターン使いすぎです。
画面が荒れますので使うときは注意してください。
*質感表現
昔は布や岩を描くとき、
タイルパターンでざらざらした感じを出していたものですが、
実はざらざらした感じはタイルパターンじゃなくても表現できます。
その辺はまた来週。
このページはNYSDLで公開しています（転載可）
著者：丼
*ドット絵TIPS
ドット絵講座は本とかもいろいろ出てますが
デジファミのが出来がいいです。
http://www.enterbrain.co.jp/digifami/digiweb/dot_teck/
そのほかにもWeb上にコツはたくさん転がっています。
http://seri.sakura.ne.jp/%7Etakano/html/fr_dot.htm
http://www.rocket.ne.jp/~nao/drawtechs.htm
http://elfice.hp.infoseek.co.jp/dot_kouza/dotekouza.htm
いろんな作風があるんで、
自分の方向性に合ったやり方でやるといいでしょう。
ここではデジファミの講座のを補足する感じで書きます。
*キャラクターを描く流れ
自己流でいいんですけども参考までに。
画像は左から順に書き進めていってます。
&ref(kouza1.png)
１）シルエットを描く
ドット絵って、ゲーム中あんまり凝視するような事がないので、
細部よりも全体のバランスが大事だったりします。
シルエットの時点で可愛くなければ、最終的に可愛くならない事が多いです。
２）塗り分け
適当に色つけー。
３）一通りのパーツを描き、ドットの並びや、形を整える
この時点でドットの並びが汚いと、
描いていくうちに、だんだん形が歪んでいっちゃいます。
リボンも付けました。パーツは大きめに描かないと
ごちゃごちゃしてよく分からなくなっちゃいます。
４）模様を描く
あんま細かくはできないのでほどほどに。
５）シルエット再確認
大分元の形から離れたので、形を再チェックしています。
ちょっと猫背だったかな。
６）大体完成
ファミコンだったらこの程度で十分ってクオリティまでもってきます。
ここからバリバリ描き込むぜ！！
７）描き込み
うおりゃあああああ！！
陰影じゃあ陰影をつけまくれー！！
&ref(kouza2.png)
この描き込みがドット絵の神髄なんですよね！
でも何かこれ雑に見えるような……
じゃあ陰影とっちゃおう。
&ref(kouza3.png)
あっこっちの方がいいかも。
グラデーションは使いすぎると逆に汚く見えてしまいます。
特に表示サイズが小さい場合（＝解像度が高い）、
陰影を付けると見づらくなる事があります。
&ref(kouza4.png)
解像度が高い場合は、陰影よりもアンチエイリアスを優先するといいでしょう。
右の方がいいよねって言いたいんだけど
微妙に失敗して違いの分からない感じだ。
まあ好きずきなんですけど。
■5/31追記
&ref(kouzaa1.png)
&ref(kouzaa2.png)
すんませんやっぱ微妙だったので修正しました。
このように、ドット絵を極める道には終わりが無いのだった……
すんません素人ドッターですんません
*陰影
５色で球体を描いてみましょう。
&ref(kouza5.png)
こうする人多いんじゃないかな。
ただ５色だときついですし、このやり方だと
フルカラーでも段差が見えることがあります。
&ref(kouza6.png)
こういう場合、グラデーションの幅を狭くすると
なめらかに見えます。（マッハバンドが消える感じ？）
その代わり質感はテカテカした感じになりますが。
&ref(kouza7.png)
これも５色です。
いろいろ工夫してみてください。
*アンチエイリアス
&ref(kouzaa3.png)
宝石がキラーンて光ってるよみたいな。
左が一番最初に描いた奴ですが、
「キラーン」の尖り具合が足らないすね。
真ん中みたいにすればよろしい。
どうなってるかっちゅうと
&ref(kouzaa4.png)
こうなってます。
線の色は薄ければ薄いほど、細く見えます。
ので、キラーンの先に行けば行くほど線の色を薄くする
↓
先に行けば行くほど細く見える
↓
尖って見える
という案配でございます。
一番右のは丁寧にアンチエイリアスかけましたけど、
効果はいまいちだ！
*アンチエイリアスはぼかしじゃなーいよ
（注）
丼はオーバーサンプリングの考え方に基づいて
アンチエイリアスを行っています。
ので他のサイトや本の説明とは異なることがあります。
デジファミのドット絵講座の、アンチエイリアスの項には
「線や色の境界をなじませる」と説明がありますが、
細かい事を言うとこれは誤りです。
説明は面倒いんで端折ります。(*_*)
&ref(kouzaa5.png)
&ref(kouzaa6.png)
左が元画像、中央がアンチエイリアスあり、右がぼかしを適用したものです。
中央は、元画像よりもなめらかで精細な印象があるのに対し、
右はぼやけてる上に曲線が歪んでしまっています。
アンチエイリアスとぼかしは
似た効果のような印象がありますが、
実際は真逆です。
ぼかしは、画像の情報を「失う」のに対し、
アンチエイリアスは、中間色を使って
１ピクセルよりももっと小さい情報を表現しようとします。
つまり画像の情報を「補う」ことです。（手作業になります）
そもそもこのアンチエイリアスという用語が誤解の元になっているとは思います。
ただ、アンチエイリアスという技法も、キャラサイズが大きくなるに従って、
だんだんいらない技法化している傾向にあります。
昔の９８のエロゲーなんてほんとに凄かったのになあ……
*タイルパターン
説明は省きますが、
現在では模様やテクスチャ表現以外にはほとんど使われることはありません。
MdNから出ているドット絵の本の人は
上手いんですがタイルパターン使いすぎです。
画面が荒れますので使うときは注意してください。
*質感表現
昔は布や岩を描くとき、
タイルパターンでざらざらした感じを出していたものですが、
実はざらざらした感じはタイルパターンじゃなくても表現できます。
その辺はまた来週。
表示オプション
横に並べて表示：
変化行の前後のみ表示：
