ari.illust

背景イラストレーターのariが描き方を説明するブログ

背景イラストの描き方

簡単な「海」・「川」の描き方

投稿日:2017年9月27日 更新日:

動画【ariの背景イラストの描き方 No.18】のadobe Photoshopを利用した「水の描き方(その1)」を説明していきます。


水もいろいろなパターン、シチュエーションがあるので、今回は1回目ということで海・川の描き方を説明しています!

水は色々なパターンがあるのですが、いつものように楽に描いてみよう!というテーマで説明していきます。

 

それでは早速、簡単な海の描き方を説明していきます。

海の描き方を説明した後には、水の上に物体が乗っている状態の描き方も説明していますので、併せてご覧ください。

 

海の描き方

(1)下地の準備

グラデーションで描いた台形を用意します。
奥の方が濃く、手前の方が薄くなるように描きます。

 

奥の方になると、目から見える角度(視野角)が浅くなるのでより反射します。
手前はあまり角度が付かないため、反射せず水が透過して見えます。

 

海を想像してみるとわかりやすいですね。

 

 

(2)白波(泡)を描く

太陽に反射して見える白波を描いていきます。
色は水色あたりが良いと思います。

奥に行くにつれて白波は小さくなっていきますので、ブラシサイズを変更しながら、筆圧をかけながら描いていってください。

 

 

(3)ハイライトを描く

白色に設定し、全体に入れるのではなく、要所要所に入れていきます。
この時にハイライトレイヤーは別にしておき、描画モードを「オーバーレイ」「スクリーン」に変更してもいい味が出るので、好みで変更してみてください。

 

 

(4)影を入れる

濃ゆい色を設定し、白波の下あたりに塗ると立体感が出てきます。

※今回は光を2段階しか描いていませんが、光をソフト円ブラシなどのボケ味のあるブラシで不透明度を20%ぐらいにして、光のライン周りをほんのりと光らせるとさらに透明度が出てきます。

 

光や影の入れ具合によっても海の表情は変わってきます。
右下のイラストは荒々しい海のようなイメージですね。

 

 

(5)加筆して完成!

手前部分も光、影を入れて加筆していきます。

 

 

参考イラストの紹介

以前描いたイラストです。

 

この水面の表現は、先ほど説明した描き方と同じように描いています。

 

泡も簡単な描き方がありますので、次回で説明をしたいと思います。

動画では細かく説明をしているので、是非参考にご覧ください。

 

 

それでは次は、水の上に物体が浮いているイラストの描き方の説明です。

 

水の上に物体が浮いているイラストの描き方

例えばこのように丸い物体があるとき

右の緑色で描いたイラストのように、水面がへこんだようになりますので、へこんだところに光が当たって明るくなったりします。

 

簡単に表現するには、そのへこんだところや周りに光の波紋を入れるとそれだけで浮いているように見えます。

 

その後、影を入れたりハイライトを入れるとリアルになっていきます。

 

底が浅い場合は、底部分にも影を入れたり、手前には薄い色を追加したりするとより透明感が出ます。

 

 

参考イラストと解説

手前は反射せずに底の方が見えます。
奥にある水面は光の反射で風景が映ります。

 

なので、手前の方にいる魚は見えますが、奥の方は見えませんね。
透明度によって変わってはきますが、基本はそのようだと思っておいて大丈夫です。

 

こちらは、以前私が描いたイラストです。
イラストに小川が入っていますので、参考に持ってきました。

(すみません、赤文字でちょっと見づらいですね。下に書いているようなことが書かれています。)

水面は黒のような暗めの色を使用しています。
浅い川なので、底の色が出ているためでもあります。

また、木の間から入ってきている空の色が反射して、明るい色も入っています。
同じように川の淵辺りは、草の反射した色も入れています。

 

真ん中あたりは段差や流れが急になっていることもあり、空気が含まれて白い泡、波が多くたっているように描いています。

 

 

水は色々な表情があるので、ぜひ色々な海、川など様々な水を描いてみてください。

 

それでは、動画【ariの背景イラストの描き方 No.18】のadobe Photoshopを利用した「水の描き方(その1)」の説明は以上になります。

次回は「水の描き方(その2)」になりますので、是非次回もご覧ください。

 

また、何か意見感想、分からない事等ありましたらメールまたはコメントにてご連絡ください。

それでは良いPhotoshopライフをお送りください!!

 

 

 

よろしければチャンネル登録もお願いします!
https://www.youtube.com/user/aribgillust/feed

-背景イラストの描き方
-

執筆者:


  1. […] 前回は、外側から見た海の描き方の説明をしました。 […]

comment

メールアドレスが公開されることはありません。 * が付いている欄は必須項目です

関連記事

ゲームマップイラストに使えるヴィネット「建物外観」の描き方part3

動画【ariの背景イラストの描き方 No.22】のadobe Photoshopを利用した「建物外観の描き方(その3)」を説明していきます。   今回も前回から引き続き建物の外観の描き方を解 …

簡単オリジナル!「木のブラシの作り方(木の描き方part2)」

動画【ariの背景イラストの描き方 No.04】のadobe Photoshopを利用した「木のブラシの作り方(木の描き方part2)」を説明していきます。       …

ファンタジーイラストに使える「クリスタル」の描き方

動画【ariの背景イラストの描き方 No.17】のadobe Photoshopを利用した「クリスタルの描き方」を説明していきます。 今回はクリスタルの描き方の説明になります。 クリスタルといっていま …

ゲームマップイラストに使えるヴィネット「建物外観」の描き方part2

動画【ariの背景イラストの描き方 No.21】のadobe Photoshopを利用した「建物外観の描き方(その2)」を説明していきます。   今回も前回から引き続き、ゲームマップのイラス …

グラデで一発!「空の描き方」

動画【ariの背景イラストの描き方 No.05】のadobe Photoshopを利用した「空の描き方」を説明していきます。       空は、簡単に描ける方法があるので …

検索

このブログについて

このブログについて

背景イラストレーターのariが描き方を説明するブログです。

Adobe Photoshopによる背景イラストの描き方講座の動画や、描いた背景イラスト等を載せています、背景描きたい!興味がある!という方は是非ご覧ください。

プロフィール


 

プロフィール

ari
鹿児島の背景イラストレーター

Youtubeで背景イラストの描き方動画を上げています。

Twitter:@arimac02
Pixiv:ari


 

Adobe Photoshopのオリジナルブラシ無料配布はこちら

仕事絵・オリジナル絵のGalleryはこちら

お仕事の依頼など、何かありましたらご連絡ください。連絡先はこちら