ドット絵講座 in WEB
第二回 2007/06/13 製作
●第3章 線を描く
では今回は、線を描く時の注意点を何点か説明していきます。
「線を描くのに、注意する程の事があるのか?」と、お思いの皆様はベクターデータで頑張っていて下さい。
とりあえず極端な例を下に示します。
|
この図は恒例の「EDGE」で作成しました。
左がフォントをそのまま呼び出した図で、右がそれに手を加えた図です。
左図には「ユ」や「ク」に「ジャギー」が明確に発生していますが、右図はそれを抑えています。 |
「ジャギー」とは何か。
すんばらしく簡単に言ってしまうと、「線のギザギザ」です。
付け加えて言うならば「エイリアシング」の一種です。
ここでの「エイリアシング」とは何かと言うと、「ジャギー」や「線のせん断」や「モアレ」や「タイヤの逆回転現象」などの、なんだか見ていて気持ち悪いっぽい現象の事で、それを無くそうと頑張るのが「アンチエイリアシング」です。
はい、じゃあ「アンチエイリアシング」頑張っていきましょう。
用語とかは別に覚えなくても良いと思います。
3-1. おかしいところをみつけます
|
左の様な線画を用意しました。
今回はこの線画の線を修正しつつ、にょろ〜んしていきましょう。 |
|
直すところに赤丸をつけてみましたが、どうみても全部です。
どうして直すのかと言うとジャギーが発生しているからですね。
ドット絵そのものがジャギーとも言えますから、ジャギーが生じるのは当たり前なのですが、抑えられる所は出来る限り抑えていきたいものです。
最終的には見栄えがよろしければ良いのですから、ぶっちゃけるとジャギーが発生していても良いです。
おっとこの講座の意味が無くなってきたぞ。 |
3-2. 曲線の基本は「大中小中大」
|
曲線の基本は「大中小中大」です。
ここでの大きさは曲線の曲がりにくさを表します。
感じとしては左図の様な具合です。
何を言っているのかわかりにくいと思いますが、なんとなくで良いので理解して下さい。
頑張って文章で伝えるならば、
「曲線部における、実際に描こうとしている曲線の接線と、それに垂直で交わる直線側から見て、実際に描こうとしている曲線の角度が大きいと『大』、小さいと『小』となる」
とでも言うべきでしょうか。
それとも、
「鈍角の部分(左図で言う『大』)は1列のドット数を多くし、鋭角の部分(左図で言う『小』)は1列のドットの数を少なくする様にする」(右図参照)
と言うと、少しはわかり易くなるでしょうか?
理論で言うとわかり難いかもしれませんが、実際にやってみると「なんだそんな事か」と思うかもしれませんね。
「……4、3、3、3、2、2、1、2、2、3、3、3、4……」
と、ドットを打ちながら口に出しているかもしれません。
妹に気持ち悪がられるのでやめておきましょう。 |
|
3-3. おかしいところをなおします
では早速、「3-2」を使って「3-1」を直していきましょう。
派手にグチャグチャなので(とは言っても下絵なんてこんなものかもしれませんが)、どこから手をつけていいか悩みますけれども、まずは髪の毛からやっていきましょうか?
|
もう本当に「3-2」を使っていくだけです。
「…3322211223345…」とかポチポチやっていきます。
曲線の曲がり具合によってパターンを色々と変えましょう。
緩やかな曲線を描こうとして、
「…3322(21112)2233…」
でやってみたが、思ったよりも曲がりが急だった場合に、
「…3322(12121)2233…」
にしてみるなど、色々とパターンをためしてみます。
ただ、(12121)などの特殊なパターンだと、右図の様に繋ぎ目が少々不自然になってしまう可能性がある諸刃の剣です。
まぁちょっと位くらい不自然でも良いんじゃないですか?
では次は輪郭などに挑戦してみます。
|
|
|
色を塗る際にもやる事は一緒です。
「3-2」を使って境界線をひいた後、そこに色を流し込むだけです。
|
今回は線の描き方をやりました。高度になった様で、内容は無いようです。
次回は「線画の作り方」をやりたいと思います。
ドット絵と言うよりもデッサン系の話になるかもしれませんが、興味があればどうぞ。
ニコニコ動画で、EDGEを使ってドット絵を描く動画が上がっていたので紹介しておきます。
作業の流れが講座の内容とは異なりますが、デッサンに自信があるならそちらの方が遥かに効率的ですので真似してみるのも良いかもしれません。
ニコニコ動画を見られる人は見てみても良いのではないでしょうか。
http://www.nicovideo.jp/watch/sm437781
http://www.nicovideo.jp/watch/sm3318354
http://www.nicovideo.jp/watch/sm1601673
http://www.nicovideo.jp/watch/sm1895545
ではまた次回に。
1<< >>3
(文、絵:gouache) |