ありがとう!利用者数200万人突破!
会員登録をしてPamieをもっと楽しもう!
最短20秒で無料登録完了!

泡や水中など水の描き方講座:イラストやアニメの背景の描き方 [Ari先生Vol.19]

この講座はAri先生による背景イラストの描き方講座です。イラストやアニメなどで必要な背景の描き方について解説しています。この回では前回に続いて水の描き方、特に泡や水中について解説していきます。

イラレポ
  • STEP.1 下塗り

    Play button l
    大まかなグラデーションを塗っていきます。
  • STEP.2 泡

    Play button l
    泡の描き方を解説していきます。
  • STEP.3 水辺

    Play button l
    水辺の描き方を解説していきます。

この講座の内容

キャラクターは描けるけど、背景や自然物を描くのはちょっと苦手...
そんな方にオススメなのが水中などの水の描き方について、前回に引き続き解説していきます。
泡の描き方水中の描き方をぜひ参考にしてみてくださいね!


水中を描く:下塗りから仕上げまで

水の下塗り

今回は前回の水の描き方講座で扱わなかったの描き方を解説していきます。
まずは水の中を描きます。
適当な大きさの四角を描き、その中をグラデーションツールを用いて塗りつぶします。今回は上が水面、下が川底となるようにグラデーションをかけています。

グラデーションで水中を描く

グラデーションをかけ終えたら、ソフトエアブラシを用いて不透明度を変化させながら加筆して、グラデーションをより細かくしていきます。

水中の不透明度を変化させる

さらに水中に差し込む光を描く際にも、同様にエアブラシを用いることで直線的な光を描くことができます。
光が強くなりすぎた場合には、レイヤーをスクリーン等に変更することで調整が可能です。

エアブラシで水中の光を描く

空や雲、草木の描き方を身につける!

背景イラストに必要な自然の描き方の知識を全3回で集中して学ぶ!講師は背景イラストの技術書を手がけるgarnet先生。

詳細はコチラ!
詳細はコチラ!

水中を描く:泡の描き方

ここから、水中の泡を実際に描いていきます。下のイラスト左手に、泡の完成イメージを事前に描いています。

水中の泡を描く

まず『ハードラウンド』のツールを用いて、水中の底部分の濃い色で泡の形を描きます。
泡の形も様々ですが、今回は円形の泡を描いていきます。

ハードラウンドを用いる

泡は周囲の色を反射するので、今回は左上方向から光が差し込んでいる設定で、ハイライトを入れていきます。
まず泡の上部分にハイライトを入れ、同様に泡の内部にもハイライトを入れていきます。
泡は透明なので、内部には泡の背部の色を塗っています。

泡にハイライトを入れる

ソフトエアブラシを用いて、さらに細かい部分を描きます。
光の当たっている部分に、点で強くハイライトを入れるとよりリアルな泡を描くことができます。

細かい部分を描く

水を描く:水辺の描き方

次に、水辺の描き方を以前描いた下のイラストを用いて解説していきます。

水辺を描く

まず、水の位置を決めます。
下のイラストでは、レイヤーを『スクリーン』にして水の位置をしています。

水の位置を決める

水の位置の決め方としては、レイヤーを『通常』にして水の色と範囲を下のように決め、その後でレイヤーを『スクリーン』あるいは不透明度を変更することで上のように描くことができます。

不透明度を変更する

水の位置を決めた時点では完全に透明になってしまって不自然なので、ハイライトを入れたり、暗めの影を入れることでよりリアルな水辺を描いていきます。
今回のイラストでは、水と建物が接している部分にハイライトを入れ、手前にいくにしたがって水の深さを暗い影を用いて表現しています。

水の深さを暗い影で表現

さらに水辺の際の部分にハイライトを入れ、波紋も同様にハイライトで表現します。

波紋を描く

ハイライトを入れた部分や波を描いた部分に暗い影を描き、細かい部分まで描写していきます。
その際に、周囲の建物の色や自然の色を水面に描くとリアルな印象が与えられると思います。

水面に周囲の色を入れる

以上でAri先生による「泡や水中などの水の描き方講座」は終了です。
動画講座では、さらに詳しく解説を行っているので記事よりも理解しやすくなっています。ぜひチェックしてみてくださいね!

イラレポ

先生プロフィール

Ari
背景イラストレーターのariと申します。 主にゲーム、映像、雑誌等の背景、風景イラスト制作を行っています。 本講座が何かの参考になれば幸いです。 それでは、よろしくお願いします。

この講座の制作環境

OS : Mac OS X 10.6
ソフト:Photoshop CS4
ペンタブ:Wacom Intuos4