キャラクターイラストの描き方を知りたい人向けの記事です。
![](https://i0.wp.com/unlimitedream.com/wp-content/uploads/2020/08/aki.gif?w=880&ssl=1)
キャラクターイラストをうまく描きたいんだけど、初心者向けの分かりやすい描き方ないの?
![](https://i0.wp.com/unlimitedream.com/wp-content/uploads/2020/08/fox.gif?w=880&ssl=1)
今回はこんな疑問にお答えしています。
第4回の今回は、【色の塗り方】についてお話しします!
私が受講している「お絵かき講座パルミー」に初心者向けにデジタルでのキャラクターイラストの描き方があったので、実際描きながら数回にわたって紹介します。
前回のおさらい
![フォックス](https://i0.wp.com/unlimitedream.com/wp-content/uploads/2020/08/fox.gif?w=880&ssl=1)
前回は下書きして線画を描きました。今回はこの線画に色を塗っていきます。
![](https://i0.wp.com/unlimitedream.com/wp-content/uploads/2020/11/%E7%B7%9A%E3%81%AE%E5%BC%B7%E5%BC%B1%E3%82%92%E3%81%A4%E3%81%91%E3%82%8B.jpg?resize=516%2C729&ssl=1)
色塗りについて
今回は逆光表現
![フォックス](https://i0.wp.com/unlimitedream.com/wp-content/uploads/2020/08/fox.gif?w=880&ssl=1)
色塗りについては今回は逆光表現にします。
![ネコット](https://i0.wp.com/unlimitedream.com/wp-content/uploads/2020/08/nekot.gif?w=880&ssl=1)
なんで逆光にすんの?
講師の雪詩さひろ先生曰く、影というのは立体感をかなり把握していないとうまく塗れず意外と難しいからだそうです。
逆光は影の付け方が分からなくてもキレイに見れちゃうお手軽な方法なんだそう。
逆光とは?
![アキ](https://i0.wp.com/unlimitedream.com/wp-content/uploads/2020/08/aki.gif?w=880&ssl=1)
逆光について、もう少し詳しく教えてプリーズ。
逆光とは後ろから光が当たる表現です。
やり方としては、ベース色のレイヤーに逆光用の影レイヤーを重ねて、ふちを光らせたり、ハイライトを入れたりすると、こんな感じで逆光表現ができます。
![](https://i0.wp.com/unlimitedream.com/wp-content/uploads/2020/11/%E9%80%86%E5%85%89%E3%81%AE%E4%BE%8B.jpg?resize=360%2C360&ssl=1)
パーツごとにベースカラーを塗る
![フォックス](https://i0.wp.com/unlimitedream.com/wp-content/uploads/2020/08/fox.gif?w=880&ssl=1)
色を塗ります。一色につき1レイヤーごとにベースカラーを塗ります。
塗りのレイヤーは線画の下に作ります。
選択ツールを使って、塗るところを大きく囲い、バケツツール塗って、後で塗透明なところ個別に消します。
1 選択ツールで塗る部分を囲い込み選択する
![](https://i0.wp.com/unlimitedream.com/wp-content/uploads/2020/11/83FAC6CD-4F2A-4630-B985-B23065C6E5F5.jpeg?resize=512%2C478&ssl=1)
2 バケツツールで塗る
![](https://i0.wp.com/unlimitedream.com/wp-content/uploads/2020/11/2222AEAB-7C11-4EA3-BF36-CB18EAA1ABC7.jpeg?resize=512%2C481&ssl=1)
色の微調整は後でしますので、なんとなくの色で塗ります。
3 塗りレイヤーを非表示にして、今度は透明にする部分を選択
![](https://i0.wp.com/unlimitedream.com/wp-content/uploads/2020/11/910E0CC3-0E32-49AC-954B-950E28536004.jpeg?resize=512%2C463&ssl=1)
4 塗ったレイヤーを表示して透明部分を消す
![](https://i0.wp.com/unlimitedream.com/wp-content/uploads/2020/11/411FC2C0-0732-400F-BEC7-C96FF1895D79.jpeg?resize=512%2C468&ssl=1)
5 細かい部分は消しゴムで消す
選択を解除して、消し残しを消しゴムで丁寧に消していきます。
![](https://i0.wp.com/unlimitedream.com/wp-content/uploads/2020/11/76E015D7-1231-4FCA-963A-3EDEA2FC65B5.jpeg?resize=512%2C459&ssl=1)
同様の手順で全てのパーツに色を塗りました。
塗りレイヤーは一つのフォルダにまとめておきます。
![](https://i0.wp.com/unlimitedream.com/wp-content/uploads/2020/11/%E3%83%99%E3%83%BC%E3%82%B9%E3%82%AB%E3%83%A9%E3%83%BC%E3%82%92%E5%A1%97%E3%82%8B-725x1024.jpg?resize=544%2C768&ssl=1)
・選択ツールとバケツツールですばやく塗る!
・パーツごとにレイヤーを分けておくと後で色の調整がしやすい!
色の調整方法
![フォックス](https://i0.wp.com/unlimitedream.com/wp-content/uploads/2020/08/fox.gif?w=880&ssl=1)
色の調整は色相フィルタを使います。
私はメディバンペイントを使っているので、メディバンの「レイヤーフィルタ」の「色相」を使いました。
![](https://i0.wp.com/unlimitedream.com/wp-content/uploads/2020/11/3595EFB0-E54A-45C6-907B-CC2B584E031B.jpg?resize=880%2C614&ssl=1)
背景の作り方
![フォックス](https://i0.wp.com/unlimitedream.com/wp-content/uploads/2020/08/fox.gif?w=880&ssl=1)
背景を作ってみます。
1 キャラクターの後光のような円を作る
塗りレイヤーの下に新しくレイヤーを作って、楕円ツールで図のような円を描きます。
![](https://i0.wp.com/unlimitedream.com/wp-content/uploads/2020/11/DC2421EB-D911-4D73-B290-A9F0D2B58775.jpeg?resize=459%2C571&ssl=1)
2 円をぼかす
円のレイヤーに「レイヤーフィルタ」の「ガウスぼかし」をかけて、円を輪郭をぼかします。
![](https://i0.wp.com/unlimitedream.com/wp-content/uploads/2020/11/7E1F27C1-0D83-4363-A95F-0C4C3AD18DA2.jpg?resize=880%2C614&ssl=1)
3 ステンドグラスタイルを入れる
ぼかした円のレイヤーの上に新しくレイヤーを作ってステンドグラスタイルを入れます。
![](https://i0.wp.com/unlimitedream.com/wp-content/uploads/2020/11/3C187E0E-79DC-4966-A392-D84DE89E3352.jpeg?resize=476%2C619&ssl=1)
4 ステンドグラスのレイヤーを「クリッピング」にする
ステンドグラスのレイヤーを「クリッピング」にします。
![](https://i0.wp.com/unlimitedream.com/wp-content/uploads/2020/11/DADD9F9D-DE35-4C72-8BA2-B6E28C379529.jpeg?resize=240%2C494&ssl=1)
するとこのように、ステンドグラスの描画が下の円のところだけが残り、他は透明になります。
![](https://i0.wp.com/unlimitedream.com/wp-content/uploads/2020/11/D1F6B785-A14C-4169-B58D-68327796EEB1.jpeg?resize=468%2C608&ssl=1)
![アキ](https://i0.wp.com/unlimitedream.com/wp-content/uploads/2020/08/aki.gif?w=880&ssl=1)
え!これどうなってんの?
5 続けて何枚か重ねて完成
続けて色味調整用のレイヤーと、質感用に布テクスチャのレイヤーを重ねて、クリッピングにしてオーバーレイにしました。
![](https://i0.wp.com/unlimitedream.com/wp-content/uploads/2020/11/D75C4956-D097-4BE0-B3D3-17FCCAA7AF15.jpeg?resize=880%2C772&ssl=1)
クリッピングとは?
![アキ](https://i0.wp.com/unlimitedream.com/wp-content/uploads/2020/08/aki.gif?w=880&ssl=1)
クリッピングってなんなの?
![フォックス](https://i0.wp.com/unlimitedream.com/wp-content/uploads/2020/08/fox.gif?w=880&ssl=1)
クリッピングとは、下にレイヤーがあったら、そのレイヤーの描いてある部分からはみ出さなくなる機能です。
![](https://i0.wp.com/unlimitedream.com/wp-content/uploads/2020/11/82B2F314-A349-4B2E-955D-218A4E02FAAC.jpeg?resize=377%2C282&ssl=1)
![](https://i0.wp.com/unlimitedream.com/wp-content/uploads/2020/11/A8A0B03B-FE7E-4E07-82BC-6E42787FEF62.jpeg?resize=370%2C266&ssl=1)
目を塗る
![ネコット](https://i0.wp.com/unlimitedream.com/wp-content/uploads/2020/08/nekot.gif?w=880&ssl=1)
なんで先に目を塗るの?
![フォックス](https://i0.wp.com/unlimitedream.com/wp-content/uploads/2020/08/fox.gif?w=880&ssl=1)
目が塗ってあればモチベーションが上がるじゃん!
というのもあるし、後半で目を塗って表情が違ったと思ったら、直すのが大変になる。
目が塗ってあると、表情のイメージを崩さずに塗っていけるし、もしこの段階で、違う顔だと思ったら、線画に立ち戻って直した方が後で楽になる、とのこと。
1 黒目を青いグラデーションで塗る
黒目のレイヤーの上に新規レイヤーを作ってクリッピングにします。
グラデーションを選択して、設定を「前景」にして、目の範囲に青で塗ります。
![](https://i0.wp.com/unlimitedream.com/wp-content/uploads/2020/11/E1AEFF0C-828A-4111-BC99-3922F8B8C3BE.jpeg?resize=880%2C614&ssl=1)
2 目のグラデーションのレイヤーをクリッピング
グラデーションをかけたレイヤーをクリッピングにします。
![](https://i0.wp.com/unlimitedream.com/wp-content/uploads/2020/11/B3182A3C-E61B-4A8A-BD51-FCDD3DA407D6.jpeg?resize=880%2C577&ssl=1)
黒目以外の部分が透明になります。
3 目の下の方を削る
目の下の方を消しゴムで図のように消します。
![](https://i0.wp.com/unlimitedream.com/wp-content/uploads/2020/11/7D945D2F-BCBE-49D0-93BA-D6E818EE21C3.jpeg?resize=880%2C382&ssl=1)
4 白いグラデーションをかける
黒目と青いグラデの間にレイヤーを作って、削った部分に対して白いグラデーションをかけます。
![](https://i0.wp.com/unlimitedream.com/wp-content/uploads/2020/11/2B24D464-CBB2-47BE-A3C5-AA1F2F82671A.jpeg?resize=880%2C382&ssl=1)
濃すぎたらレイヤーの不透明度を下げます。
5 瞳孔を塗る
レイヤーを作って、濃い青で瞳孔を塗ります。
![](https://i0.wp.com/unlimitedream.com/wp-content/uploads/2020/11/9E7CE073-67A6-4EE6-94D2-9318406B3F7A.jpeg?resize=880%2C362&ssl=1)
6 ハイライトを入れる
ハイライト用のレイヤーを線画より上に作って、目のハイライトを描きます。
![](https://i0.wp.com/unlimitedream.com/wp-content/uploads/2020/11/48739EF2-A16D-42FC-9A27-6678DA66FC32.jpeg?resize=880%2C319&ssl=1)
以上で完成しました!
![](https://i0.wp.com/unlimitedream.com/wp-content/uploads/2020/11/C67DF9DE-4B88-4481-BFD8-A7B738A6AFCC.jpeg?resize=512%2C468&ssl=1)
影を落とす
逆光の影をつけます。影は塗りレイヤーに上にかけます。
1 塗りレイヤーをフォルダにまとめる
塗りレイヤーをフォルダにまとめて、そのフォルダの上に影レイヤーを作ります。
![](https://i0.wp.com/unlimitedream.com/wp-content/uploads/2020/11/A261986D-8404-457F-8223-7971F13FE393.jpeg?resize=335%2C529&ssl=1)
2 塗りを選択範囲にする
塗りの部分を選択範囲にします。(以下はメディバンペイントの方法です)
塗りをまとめたフォルダを選択して、選択ツールの「描画部分の選択」を選びます。
![](https://i0.wp.com/unlimitedream.com/wp-content/uploads/2020/11/C95F3042-40C8-4706-A959-76B395258790.jpeg?resize=308%2C348&ssl=1)
するとキャラクターの塗られた部分が全て選択されます。
![](https://i0.wp.com/unlimitedream.com/wp-content/uploads/2020/11/28F19091-1C6D-413D-BCFC-C274DE7D4249.jpeg?resize=401%2C512&ssl=1)
3 バケツツールで塗る
影レイヤーを選択して、バケツツールで選択範囲を塗りつぶします。
![](https://i0.wp.com/unlimitedream.com/wp-content/uploads/2020/11/578A5BAB-680C-400D-855B-23F6B56B5D7C.jpeg?resize=880%2C695&ssl=1)
4 レイヤーを乗算にする
影レイヤーを乗算に変更します。
![](https://i0.wp.com/unlimitedream.com/wp-content/uploads/2020/11/7B4038FD-845A-4A4B-8361-CC8C25A2E680.jpeg?resize=880%2C863&ssl=1)
まとめ
今回はここまでです!
![](https://i0.wp.com/unlimitedream.com/wp-content/uploads/2020/11/%E5%BD%B1%E3%82%92%E3%81%A4%E3%81%91%E3%82%8B-725x1024.jpg?resize=544%2C768&ssl=1)
- 逆光表現は影の付け方が分からなくてもキレイに見えちゃう
- ベースカラーは1パーツ1レイヤーごとに塗る
- 色の調整はフィルタの色相を使う
- 目を先に塗って表情の印象をチェック
- 塗り部分を選択範囲に変更すれば重ね塗りに便利
- 背景は素材を流用してカンタン作成
![フォックス](https://i0.wp.com/unlimitedream.com/wp-content/uploads/2020/08/fox.gif?w=880&ssl=1)
レイヤーごとに色を塗り分けたりしておくと、後で色味調整がいくらでもできるのは便利です。
![ネコット](https://i0.wp.com/unlimitedream.com/wp-content/uploads/2020/08/nekot.gif?w=880&ssl=1)
クリッピングマスクは重ねする時に塗る部分とそうでない部分を区別できるので便利だなあ。
![アキ](https://i0.wp.com/unlimitedream.com/wp-content/uploads/2020/08/aki.gif?w=880&ssl=1)
背景作るのは大変そうだし苦手意識あるんだけど、フリー素材を使えばカンタンにできるんだね。
今回ご紹介したように、パルミーでは初心者向けにわかりやすい講座は他にもたくさんあります。
リンクを下に貼っておくので気になる方はチェックしてみてください。
![フォックス](https://i0.wp.com/unlimitedream.com/wp-content/uploads/2020/08/fox.gif?w=880&ssl=1)
次回は最終回「イラストの仕上げ方」をお送りします!
以上フォックスでした。それでは、また!
※無料お試しでイラスト・マンガを学ぶ
最近はイラストのオンライン教室も増えており、在宅で勉強できるパルミーは良いかもしれません。パルミーは1週間の無料体験があるので、これを使ってイラスト・マンガの基礎を学ぶのもありです。
![](https://i0.wp.com/unlimitedream.com/wp-content/uploads/2020/11/02_1720_348.png?resize=880%2C178&ssl=1)
今回参考にしている講座
![](https://i0.wp.com/unlimitedream.com/wp-content/uploads/2020/11/63.jpeg?resize=640%2C360&ssl=1)
本記事で使用した機材
私は普段iPad Proで制作しています。机でもベッドでも外でも、好きなところでお絵かきができるので愛用しています!
[…] 【初心者向け】キャラクターイラストを描いてみる④【色の塗り方】 […]