フォトショップで描き方講座

髪の塗り方
サイトマップ Ｑ＆Ａ ＢＢＳ 特集 リンク

　■０．髪の塗り方　もくじ
　ホーム 　　　　講座TOP
　←前の講座
　次の講座→ 　次↓

　１．セル塗りとは？

　２．ベースの作成

　３．影１段目

　４．影２･３段目

　５．ブラシで仕上げの影入れをする

　６．ハイライトを入れる

　７．明るさなどの微調整

　８．完成イメージ

　■１．セル塗りとは？
　ホーム 　　　　講座TOP
　←前の講座 　ページ頭↑
　次の講座→ 　次↓
　髪の毛はセル塗り中心で塗っていきます。

●セル塗りとは

　セル塗りとは、色と色の境界線がはっきりして、 アニメのようなイメージに仕上がる塗り方です。 アニメのコマ絵を構成するセル画からセル塗りと呼ばれるようになったようです。

●セル塗りに向いているパーツ

　セル塗りで最も綺麗に塗れるパーツは髪の毛です。 髪の繊維の流れが表現しやすく、パスを使うことにより、 作業も楽になるからです。
セル塗り(髪)
　肌の塗り方で説明したぼかし塗りで髪を塗った場合、 細いブラシで根気よく一本一本丁寧に塗らないと、美しい流れが表現できません。
☆注意：右図の髪はセル塗りの上にぼかし塗りで効果を加えてあります。
【参考サイト】
ただいま募集中です。（自己推薦も受け付けます。）

　■２．ベースの作成
　ホーム 　　　　講座TOP
　←前の講座 　ページ頭↑
　次の講座→ 　次↓

●色塗りの前に･･･　(図Ａ・図Ｂ)

　ベースの作成前に、ベースと影を置くレイヤーの準備をしておきます。 下地以外のレイヤーはすべて見えなくしておきましょう(図Ａ)。
　レイヤーを新規作成(髪)し、１、２、３、Ｓ、Ｈと新規レイヤーを作成しながら、 レイヤーをクリッピングしていきます(図Ｂ)。 これを１グループとし、下地の色分けをした数だけグループ作成をしておきます。

●ベース(基礎)の作成　(図Ｃ)

　髪レイヤーをアクティブにし、下地から髪の部分の色を抽出します。 メニューより、選択範囲→色域指定とし、許容量を０にして、OKします。 下地の選択した色が選択範囲で囲われます。
　次に、髪の色を選択し、メニューより、編集→塗りつぶしとして髪レイヤーを塗りつぶします(図Ｃ)。 別グループも同様にして作業します。

●影入れガイドの作成　(図Ｄ)

　次に、新規レイヤー(ガイド)を作成します。 髪の毛の流れを決めるため、簡単なガイドラインを作成します。 あらかじめ、ペンツールを使って、髪のハイライトの部分を決めておきます(図Ｄ)。 ハイライトの流れを決めておくと、ここから先の作業が非常にスムーズになります。
☆ポイント：
　下絵段階で影指定しておくのも作業が楽になる手です。 セル塗りで特に多く見ますが、ゲーム等の設定本にそのような資料を見ることが出来ます。
ベースの作成
【参考サイト】
deztec.jp　：　 Top　→　？　→　塗り分け線の作成(直)

　■３．影１段目
　ホーム 　　　　講座TOP
　←前の講座 　ページ頭↑
　次の講座→ 　次↓
　やり方が少々複雑なので簡単な例から説明します。参照：ペンツールの使い方

●影の入れ方　(図Ａ・図Ｂ・図Ｃ・図Ｄ)

　簡単にまとまった髪があり、緑のガイド線が引かれているものとします(図Ａ)。 この髪に１段階目の影になる部分にパスを配置します(図Ｂ)。
　まず、点１にアンカーを置き、点２、点３･･･と続けてアンカーを置いていきます。 すると、ガイド線の周りを囲むような形で点７にたどり着きます。
　このまま塗りつぶすと、ハイライトを塗りつぶすことになるので、 髪の周りを塗りつぶす必要があります。 よって、点８〜点23まで、髪全体を囲い込むようにアンカーを置きます(適当でよい)。
　点15〜17のように途中にガイドがあるような場合は、先ほどと同様に、ガイドを囲むようにアンカーを置きます。 最終的に点23のように始点付近に置けたら終了です。
☆注意：始点と終点を結んだ直線が髪に触れないようにしましょう。
　このパスを塗りつぶすとパス全体が塗りつぶされるわけですが(図Ｃ)、実際はレイヤーをクリッピングしているので、 髪のベースからはみ出すことはありません(図Ｄ)。
塗り方の例
　ホーム 　　　　講座TOP
　←前の講座 　ページ頭↑
　次の講座→ 　次↓

●影(１段目)を入れる　(図Ａ・図Ｂ)

　まず、作成した１レイヤーをアクティブにし、ガイドレイヤーを見えるようにしておきます。 ガイドが邪魔な場合は、不透明度を下げるなどして、薄くしておきましょう。
　次に、ペンツールを使って、先ほどの要領で、パスを配置します(図Ａ)。 複雑そうに見えますが、ガイドに沿って作業するだけです。
参照：ペンツールの使い方
　配置が終わったら、一段暗い色で塗りつぶしをします(図Ｂ)。
セル塗り１段目
【参考サイト】
ただいま募集中です。（自己推薦も受け付けます。）

　■４．影２･３段目
　ホーム 　　　　講座TOP
　←前の講座 　ページ頭↑
　次の講座→ 　次↓

●影(２段目)を入れる　(図Ａ・図Ｂ・図Ｃ)

　２レイヤーをアクティブにし、ガイドレイヤーを見えなくしておきます。
　塗り方は先ほどとほぼ同様で、明るい部分を囲うようにパスを配置します(図Ａ)。
☆ポイント：
　所々にとげが生えるような感じでパスの配置をすると細かい繊維の表現が出来ます(図Ｂ)。 ただし、方向を誤ると逆に流れを失うので注意。
　最後は塗りつぶして、第２段目の影は完成です(図Ｃ)。

●影(３段目)を入れる　(図Ｄ)

　３段目の影も２段目と同様に作業していきましょう(図Ｄ)。
☆ポイント：
　髪の毛の影は３段以下が最適です。 それ以上増やしても、キャラクターを縮小するなどした場合に、潰れてしまうので意味がないからです。
セル塗り２〜３段目
【参考サイト】
ただいま募集中です。（自己推薦も受け付けます。）

　■５．ブラシで仕上げの影入れをする
　ホーム 　　　　講座TOP
　←前の講座 　ページ頭↑
　次の講座→ 　次↓
　本来、セル塗りにブラシは使いませんが、他のパーツは基本的にぼかし塗りをつかっているので、髪だけセル塗りだと浮いてしまいます。 よって、最後に、ブラシで影入れをしていきます。

●ぼかし塗りで全体をなじませる　(図Ａ・図Ｂ・図Ｃ・図Ｄ)

　Ｓレイヤーをアクティブにし、乗算モードになっていることを確認します。
　図Ａ(前髪)、図Ｃ(後髪)はブラシの影を入れる前の段階です。 これに矢印のように、ブラシをいれていきます。 色は３段目の影の色と同じか、若干暗い色にとどめておきます。
☆ポイント：
　後ろ髪(長い髪)は繊維に沿って、前髪(短い髪)は繊維の直角方向に流すように塗っていくと、ハイライトが綺麗に入りやすくなります。
　ブラシを入れた後は、図Ｂ、図Ｄのようになります。 他のパーツとなじんで自然な感じの色合いになっていると思います。
☆ポイント：ぼかしでなじませると、後の光学処理で髪のツヤがより冴えるようになります。
ぼかし塗りで影入れをする
【参考サイト】
ただいま募集中です。（自己推薦も受け付けます。）

　■６．ハイライトを入れる
　ホーム 　　　　講座TOP
　←前の講座 　ページ頭↑
　次の講座→ 　次↓
　ハイライトの入れ方は様々にありますが、今回は髪の繊維の流れを重視した塗り方について紹介します。

●ハイライトを入れる　(図Ａ・図Ｂ)

　まず、Ｈレイヤーをアクティブにします。 次に、一番明るい部分の中で、特に強い光が当たっている部分を選び、パスを配置します(図Ａ：わかりやすいように他のハイライトのラインを青で塗った)。 大きなまとまり１本につき、ライン１本といった感覚で配置します。
　次に、Ｈレイヤーを複製(Ｈ２)し、レイヤーモードを覆い焼きにします。 メニューより、フィルタ→ぼかし→ぼかし(ガウス)とし、半径を決めてぼかします。 ハイライトのライン周辺がぼんやり明るくなったと思います(図Ｂ)。
ハイライトの入れ方
【参考サイト】
ただいま募集中です。（自己推薦も受け付けます。）

　■７．明るさなどの微調整
　ホーム 　　　　講座TOP
　←前の講座 　ページ頭↑
　次の講座→ 　次↓
　とりあえず、ハイライトを入れれば作業は完了ですが、まだ美しくありません。 ここでは、濃くしたり、明るくしたりするといった微調整の方法について説明します。

●髪にツヤを与える　(図Ａ・図Ｂ・図Ｃ・図Ｄ・図Ｅ・図Ｆ)

　まず、髪の毛関係のレイヤー(主線は含まない)以外をすべて見えなくします(図Ａ)。 次に、髪の毛関係のレイヤーの上に、新規レイヤー(Ｔ髪)を作成します。 Altキーを押しながら、メニューより、レイヤー→表示レイヤーを結合(スタンプ結合)とします。
☆ポイント：
　スタンプ結合はレイヤーをそのまま残して見える部分をアクティブレイヤーに結合します。
　スタンプしたレイヤーは、乗算モードにします(図Ｄ)。 不透明度(塗り)は適度に調整しましょう。 やや深い色合いになったと思います(図Ｃ)。
　次に、乗算したレイヤーを複製し、覆い焼きモードにします(図Ｆ)。 不透明度(塗り)の数値は低め(20以下)に抑えるのがポイントです。 明るさと奥深さ、髪のツヤが増しました(図Ｅ)。
光学調整の基本方法
【参考サイト】
ただいま募集中です。（自己推薦も受け付けます。）

　■８．完成イメージ
　ホーム 　　　　講座TOP
　←前の講座 　ページ頭↑
　次の講座→ 　次↓

●完成イメージ

　完成した他のパーツも表示しています。 セル塗りで塗った髪に、ブラシで影入れをしていくことで、他のパーツとも色合いのバランスが取れていることが伝わりますか？
　
　私の塗り方は、淡い色をベースに、少しずつ暗い色を乗せていって、最後にハイライトを入れるといった塗り方です。 この他に、暗い色をベースに、少しずつ明るい色を乗せて、最後にハイライトを入れるといった塗り方もあります。 前者より、後者の方が囲い込みなどの作業がない分、作業ペースが若干速いですが、 ハイライト以外にも、影のすべての流れを把握している必要があります。
　このような作業の効率化に関しては、現在も研究中です。
完成イメージ
【参考サイト】
ただいま募集中です。（自己推薦も受け付けます。）
　ホーム 　　　　講座TOP
　←前の講座 　ページ頭↑
　次の講座→
■リンクについて
詳細はこちらです
サイト名：　フォトショップでCG講座
リンクに関する詳細はこちら 		当サイトはリンクフリーです。事前事後のご連絡は必要ありません。
リンクは、必ず下記アドレスに設定いただくようにお願い致します。
サイトURL：　http://www.d4.dion.ne.jp/~bbbb/cg_kouza/
自動更新バナー：　http://www.d4.dion.ne.jp/~bbbb/cg_kouza/mb_00x.jpg
■注意事項
このサイトに使用されている絵・文章・ソースなどの無断転載を禁止致します。
Don't reprint the image-file of this homepage.
■管理者サイト
管理者サイト：Atelier Unicorn Atelier Unicorn
http://www.d4.dion.ne.jp/~bbbb/
管理者：一角獣
メールはこちらから