112250

ホーム | 日記 | プロフィール

【フォローする】【ログイン】

フンストンの１００禁ブログ！

プロフィール

フンストン

うすた京介先生のファンサイトにギリギリ成りきれないブログ･･･ポエム（笑）とかアイコン（仮）とかイラスト（骨）とかあとその他変な企画（アレ）とかやってますよ(≡ε≡)～♪ あ、あと日記（？）とかもやってるんだった(≡∇≡;)

フォローする

カレンダー

カテゴリ

期間限定画像倉庫

コメント新着

眼鏡バカ@ さんくす歌いやすけりゃいいのだよ(　´，_ゝ`)

無料@ アクセス記録ソフト無料楽天アクセス記録ソフト! <smal…

和尚@ ハゲプレイｗｗｗｗｗいやー坊主にして良かったよｗｗｗｗｗｗ…

痴女と痴男@ どこでもしゃぶるのな＾＾うおっぷ！！！エレベーターでフェラし…

きゃすぱぁ@ パパぱあパパぱあああいいいい！！！！！！！乙パイの心地良さに勝るものはありまへ…

< 新しい記事

新着記事一覧(全305件)

過去の記事 >

2006/08/31

第3粒：「色塗りの基本～テクニック＆裏技(？)～｣

(4)

テーマ：ドット絵･アイコン･バナー(13)

カテゴリ：気まぐれ、どっと絵講座(≡ε≡)～♪

ついにやってきた三粒目の講座！
今回でやっと色塗りに入れます(≡ε≡)～♪

1.色を作る
　プラモデルを組み立てる場合、説明書に指定されている色の塗料を買ってきて使えばいいのですがドット絵の場合は自分でその色を作らなければいけません。色を作るといっても絵の具のように色と色を混ぜたりする必要は無く「カラーピッカー｣(ウィンドウズの場合オーロラのような大きな色の継ぎ目の無いパレット)でほしい 「色合い｣･色の｢鮮やかさ｣･色の｢明るさ｣ を指定するだけです。
　こういうのは色彩の勉強をしていた人にかなり有利ですね。べつにしてなくても時間をかけて身につければいいだけですが･･･。でも、これ使えると使えないのとでは今後の作品にもだいぶクオリティの差が出てくるのでやっぱり慣れておいたほうがいいですよ(≡ε≡)～♪

っとそんな話はいいとしてまず肌色を作ってみましょう(≡∇≡)～♪

1.まずカラーピッカーを出さないといけませんね･･･
　パレットの中でもっとも使わなさそうな色、とりあえず紫色とかを選びます。そしてパレット
の選んだ紫色のところをダブルクリックしてください。
肌　01

2.このウィンドウの右半分は 「色の作成｣ というボタンを押すと表示されます。
　右半分が出たら今度はその色を選ぶところ(オーロラみたいなやつ)の中にある ＋の真中を殴ってバラバラにしたようなヤツ をドラッグして 黄色っぽいオレンジ色 を作ってください。作っている色はカラーピッカーの下の窓に表示されています。
黄色っぽいオレンジ色 ができたら、「明るさ｣のつまみを上下にドラッグして白に近づけてみてください。白までの途中に肌色に見える色があるはずなのでそこでドラッグを止めてください。

3.色ができたら作り置きです。
｢色の追加｣ というボタンを 激しく連打して の欄が全部肌色で埋まるようにして下さい。

　この肌色はこれから作る肌色のグラデーションのベースになる色なので、しっかり納得いくまで作り直してください。 後で変更が利きません！！

2.色を塗る＆追加する

1.とりあえず塗る！！
クッキー　03

　試し塗りの上から塗っちゃってください。っとその前に！！
コピーをとっておいてください！！

2.色を塗ったら自分で作ったパレットの左から２番目にも塗ってください。
２番目

2.グラデーションを作る。
1.もう一度パレットのさっき作った肌色をダブルクリックしてカラーピッカー(色の編集)を出してください。
肌　02

出ましたか？出たら↑の図の順番で操作して少し明るめの肌色を作ってください。
クッキー　04

できた色を手元のイラストを見てその通りに(見えるように)塗ります。

　ほっぺたの明るくなった部分を塗りました。ついでに目の白めの部分との境目にもアンチ･エイリアシング(後で説明します)をしておきました。そして作った色を自分で作ったパレットにも塗って残しておきます。

2.ついでに帽子と背景が真っ白でまぶしくて、肌色が肌色になっているか判断し辛かったので背景を灰色に、帽子は元の絵に近い色にしておきました。

3.影の色のグラデーションをつくる。
　またまたカラーピッカーを開いてください。
肌　03

↑の手順で色を作ってください。色の「鮮やかさ｣を下げる理由は 自然な色を作るためです。
「鮮やかさ｣を下げずに色を暗くしようとして「明るさ｣だけの値を下げると肌色が一旦オレンジ色になって(元々オレンジ色の明るさを上げて作った肌色だからオレンジ色になる)それから黒に近づいていくというグラデーションなってしまいます。それを防ぐためです。
　自分の肌を見ていただければ分かると思いますが、オレンジ色の部分なんてどこにも無いですよね。
クッキー　05

↑色ができたら自分で作ったパレットにも塗っておいてください。

4.そしてこの作業を繰り返します。
肌　04

↑一番濃い色は顔の輪郭線に使うので他の色よりちょっと暗めにしておきます。

3.アンチ･エイリアシング
　ちなみにアンチ･エイジングとは違います(≡ε≡)～♪

1.アンチ･エイリアシングとは画面のギザギザ感(これをジャギーという)をなくすことです。

　　　　　　　↑
　ここに２本の毛が生えています。

左のほうはかなり傷んでいます。右のほうはアンチ･エイリアシングを施してあるのでキューティクルがしっかりしていてコシもいいです。

よぉ～く見比べてください。(○ε○)

実はコレ黒･灰(濃)･灰(薄)･白の四段階のグラデーションしか使っていません！！
そして重要な特徴が･･･
　1.毛の太さや形を変えないようにしている。
　2.直線部分には必要ないので使っていない。
　3.線(毛)の角度によって適用度が違っている。
　(浅い角度ほど良く使う･逆に９０度と４５度には殆ど使わない)
などあげられる･･･。

これをアイコンを描くときにもやるわけです。

2.実際にやってみますよ(≡ε≡)～♪

　　　ここで 裏技登場！！

3. 左ボタンの色→右ボタンの色 コマンド！！
　左ボタンで選んだ色を右ボタンで選んだ色に 置き換える 裏技です。

やり方は･･･
　1.「スポイトツール｣で灰色を選ぶ(左クリック)
　2.「スポイトツール｣で顔の輪郭用に作っといた色を選ぶ(右クリック)
　3.「消しゴムツール｣を選択して(このとき消しゴムは一番小さいのにしておく)
　4. 右ドラッグ で灰色の線の上をなぞると･･･
↓あ～ら不思議！！ｄ( ﾟ∇≦)⌒☆
クッキー　07

　灰色だったとこだけが塗りたい色(右のボタンの色)に！！！
とりあえずこの技は マジック消しゴム とでも名づけておきましょう。

4.手元のイラストに近づける
クッキー　08

↑耳や首は陰になっていたので一段階くらい色にしました。このとき塗った色が暗すぎたり明るすぎたりした場合は(肌色のグラデーションを作った後ペイントを閉じていなければ)、またカラーピッカーを開いて「製作した色｣を編集しなおせます。

クッキー　09

↑輪郭、特にあごの辺りにジャギー(ギザギザ感)が目立つので作っておいた中間色でアンチ･エイリアシングを施しました。線の角度が４５度の頬には必要ないので(もしここに使うと画像がぼやけた感じになってしまう)使いませんでした。また顔の外側はまだ色が決まっていないので、輪郭の内側にだけアンチ･エイリアシングしました。

4.仕上げ

1.肌色の部分を塗るのにやってきたことを、他のパーツでもやります。
　ここはプラモデルと同じようにパーツごとに一つ一つ順番に色を作りながら塗っていきます。そのほうがパレットも扱いやすく、色も作りやすいです。
クッキー　10

↑最後にジャギーが目立たない色を背景に塗って完成です。

　ここでワンポイントアドバイス(≡∇≡)ノ
　　･輪郭の色は黒っぽい濃い灰色に近い色にする！
　理由→そうする事でパーツ同士の関係が浮いて見えなくなるから。
　でも色の薄いものの輪郭では逆に不自然になってしまうので、やらない方がいいよ。

おまけ
アイコン(描きかけ)

最初に作っといた型を元にこんな事もできる･･･

　どうしてもやりたい人は上の髪の毛を用意して練習してみてください。

今日はここでおしまい(≡∇≡)ノシ
あ～長かったぁ～･･･腹へったぁ～(ノｘ＿ｘ)ノ

次回予告！(○ε○;)

　第４粒：アニメgifを作ろう･･･(≡皿≡;)疲れたよ･･･

お気に入りの記事を「いいね！」で応援しよう