空と雲の描き方【デジタルイラスト背景講座】

この記事では空と雲の描き方を解説していきます。
当ブログは長く運営していることもありますので後半のほうに比較的新しい雲の描き方を解説しています。

空の描きかた

空の描き方
それでは、さっそく空背景の描き方を説明したいと思います。

背景と言ったらやっぱり最初は空背景ですよね。

僕も最初にCGで背景を描いたのは人物の後ろに空背景を描いたものだったと思います。

グラデーションで空のベースを描きます。


空の描き方
空のベース

グラデーションツールで縦にグラデーションをかけただけの状態ですね。

この時点で雲一つない青空背景と言えなくもないですがやはり空背景といえば雲ですよね。

というわけで、雲を描いていきます。

雲のアタリを描きます

雲の下書き

下書きといった感じで、どこに雲を配置するか描いていきます。

今回はてきとうに描いてますが、この段階でランダム感をしっかりつけているとあとあと楽になります。

※ランダム感に関してはランダム感の項目を参照してください。

ランダム感 自然物の描き方【デジタルイラスト背景講座】

2007年4月13日

雲を塗りつぶします。

雲の描き方

ブラシで塗りつぶします。最初からあたりをとるときに、塗りつぶしてこの状態にしてもいいですね。

雲を指先ツールで馴染ませます。

指先ツールで馴染ませた雲 指先ブラシタイプ

リアル系の雲の場合は普通の指先ツールでいいと思いますが、

アニメ背景風の雲にするために筆っぽさを出すために指先タイプを変えます。

画像にあるようなザラザラした感じの指先にします。

指先強度

強さを80%程度にします。

同様に全体を指先で馴染ませます。

空の描き方

ここまでできれば、後の作業はこれの繰り返しです。
小さいちぎれた雲や陰に同様に指先で馴染ませればいいのです。

離れた小さな雲を追加します。


離れた小さな雲

大きな雲の近くにブラシで白をちょんちょんと置いていきます。

小さな雲を馴染ませます。

小雲を馴染
小さな雲も同じように指先で馴染ませます。

空の描き方

遠景の雲をレイヤーマスクで半透明にします。

空の描き方

空気遠近法によって遠近感を出すため遠くの雲を薄くします。

遠い雲は自分とその遠い雲の間に大量の空気があり、近くの雲と見え方が違うのでそれを表現することでリアリティを出すというわけです。

具体的には、レイヤーウィンドウの下のほうにあるレイヤーマスクを追加ボタンを押すと、レイヤーマスクができますので、薄くしたいところをブラシで塗るなりグラデーションツールを使うなりします。

 雲の陰を塗ります。

雲の陰
【グループ化】
※PhotoshopCSからはクリッピングマスクという名称になっています。

グループ化すると、てきとうに塗ってもはみ出さないので、便利です。
グループ化のショートカットはctrl+Gです。グループ化解除はctrl+Shift+Gです。

もしくは、グループ化したいレイヤーの間でaltを押してアイコンが変わったら左クリックでもグループ化できます。同じ操作でグループ化解除もできます。

雲の陰を指先ツールで馴染ませます。

陰を指先ツール
陰を指先ツール

雲を描いたときと同じように指先で馴染ませていきます。

cg

雲の陰を薄くします。

不透明度を50%
次に二段目の陰を入れるために、今描いた一段目の陰を薄くします。

レイヤーの不透明度を50%ほどにします。

雲の二段目の陰を入れるために陰の色をのせます。

二段目の陰
二段目の陰

キャラクターのアニメ塗りでも1影 2影というように、影の中でもより暗い部分を
塗ったりしますが、それと同じように二段目の陰を入れます。

いままでと同じように、てきとうに色をのせておいて、指先でならしながら形を調整していきます。

遠景の雲cg

遠景の雲を描きます

遠景の雲cg
適当に白を置いていきます。指先ツールで横に伸ばします。

遠景のわりに雲を薄くする

遠景のわりに雲が濃いので薄くします。
遠景雲
レイヤーウィンドウの不透明度を50%~60%ほどにします。

薄いのでたいして見えないですが、あるとないのでは仕上がりが違います。
濃すぎると近くの雲との違いがなくなり、遠近感がでなくなってしまいます。

ここまでで、とりあえず雲の完成です。

空の効果調整

しかし、ここからが重要です。ちょっと手を加えるだけで、雰囲気が変わります。

基本は諧調の項目で書かれていることを空に適用しているだけです。

諧調の項目で書いたとおり、明度の諧調の変化が背景を良くします。そのために、空に明るい部分を作ります。

明るくするのは普通に考えて太陽のある方向でしょう。

 画面の左側に白を薄くのせます。

エアブラシ系ブラシ

エアブラシ系のボケ足の広いブラシで直径大きくします。

ブラシの端のあたりを使います。

 レイヤーウィンドウでレイヤーモードを変えます。

レイヤーモード レイヤーモード

通常からオーバーレイにします。

白い光だったのが、色の変化のある光に変わったと思います。明度の諧調だけでなく色相の諧調にもこれで少し幅がでました。

 光の色を調整します。

光の色調整

オーバーレイだけだとオーバーレイ的な色味が強すぎるので、白い色をオーバーレイのレイヤーの上にのせて落ち着かせます。

そのためにまず

  • オーバーレイのレイヤーを複製します。
  • レイヤーモードをスクリーンにします。

 明るい部分の微調整をします。

微調整

微調整です。お好みでやってください。

さて、これでだいたいできました。では最後の仕上げです。

レベル補正

なぜレベル補正をするかといいますと、絵をあまり描いてない人は意識せずにいると
色味も明度も変化のない灰色の絵を描いてしまうことが多いからです。

ここで灰色の絵といっているのは、彩度ことだけを言っているわけでなくメリハリのないぼんやりした絵のことを言っています。

他人の描いた絵を見ると気が付くのですが、意外と描いている本人は気がつきにくいので、チェックの意味でもレベル補正をしてみるといいと思います。

それでは実際にレベル補正を行ってみましょう。
ただし、あとでブラッシュアップしたりする場合を考えて、レイヤーが分かれた状態にしておきたいので調整レイヤーでレベル補正を行います。

調整レイヤーを使うことで後からレベル補正の度合いをやりなおしやすいというのも利点です。

【調整レイヤー】

レイヤーウィンドウの下のほうにある調整レイヤーの作成ボタンを押します。
そして下に広がった中からレベル補正を選択します。
 

レベル補正

そうするとレベル補正のダイアログボックスが開きます。
白と黒の三角を移動させて調整します。

基本的に何もない部分をなくすように三角を寄せます。

この図の場合は右端まで黒い部分があるので白三角は右端のままでいいでしょう。

左端は黒い部分がないので図のあたりまで寄せます。

レベル補正1

レベル補正2

絵によっては、クドくなりすぎたり逆に物足りなかったりするので、絵を見ながら調整してください。

・OKを押すと、レベル補正の調整レイヤーができます。

再調整したい場合は、矢印のところをダブルクリックするとレベル補正のダイアログボックスが開きます。

ダイアログボックス

おつかれさまでした。これで、空の完成です。

もっといいものにしたい場合は、調整したりさらに描き込んだり、時間の許すかぎりがんばってください。

空CG

この講座の画像は
こちらのサイト
から統合前PSDの無料サンプル(体験版)
ダウンロードできます。

レイヤー統合前PSD-空講座編-

この講座のGallery

スライドショーには JavaScript が必要です。

この内容は僕の執筆した書籍でも解説しておりますので合わせてご参考いただければと思います。

背景CGテクニックガイド補足

2011年5月27日

雲の描き方

雲の描き方

雲の描き方の変化について

青空の描き方講座を作ってから少々時間がたって僕の雲の描き方も以前と変わってきているのでそこんとこを解説していこうと思います。

まず雲の違いをみるために青空の描き方2007のときの↓この雲レイヤーを今回の空に持ってきます。
空の描き方

そして雲の影色も今回描いたのと比較しやすいように変えてました。以前の雲はこのような具合です。
雲の描き方
今回描いた雲は↓こんなです。
雲の描き方2
それではどのように描き方を変えたのかを次から見ていきましょう。
雲の描き方32

カスタムブラシで雲を描く

まず、ひとつはブラシを自分でカスタマイズしたカスタム筆ブラシで描くようにしたというのがあります。

今回は使用ブラシプリセットを指定していますが、デフォルトのブラシでも。参考にできると思います。

動画の青空講座では通常の筆で描いていますので普通のブラシでもその程度は描けますので、次からの項目を参考にしてみてください。

細かく点描のように雲を描く

木の描き方でもサラッと触れましたがチョンチョンと描いて形をとると良い形になると思います。

雲の描き方6
一筆書きのように形をとるのは頭の中にかなり明確なイメージが固まっている、もしくは資料など参考にする必要があります。

そうでない場合はこの描き方を思い出してみてください。

おそらく、この描き方でうまくいくのは、飛びとびになった点をきっかけにして脳内にストックされている良い雲の形を呼び起こしているのではないかと思います

色々な作品や資料をみて、だれもが普段から良い形というのは脳内にはあるのだと思います。

それゆえ、いいものを見たときに「おお! これはイイ!」と思うのではないでしょうか。

ただ、それを自分で描こうとして、白い紙の上に引き出すには、なにがしらのきっかけというか刺激が必要なのだと思います。

それを引き出すのがこの描き方です。

僕のブラシプリセットをお持ちであれば
この段階で線画のラフを描かずに雲を塗るので  あれば「BC-b 自然ブラシ」を使うとより描きやすいと思います。

しかし、自然ブラシで形をとった状態ですと雲のやわらかさがなくカタいので、それをなじませるためには「BC-d カスタム筆ブラシ」を使ってください。

このプリセットは消しゴムツールも入っているのでそれと併用して雲のふちを馴染ませるように描きましょう。

雲を描くには指先ツールかブラシ&消しゴムツールか!?

まずは以前の雲の描き方の主戦力であった指先ツールですが現在の描き方だとサポート的な役割となっています。

現在はブラシツールと消しゴムツールをメインに形を整えています。

もともと筆の跡のようにできないものかと考えて指先ツールで整えていました。
雲の描き方5
↑こんなのですね。

しかしそれだけではどうしても指先ツールで描いた感がでてしまい、僕の求める雲にするのは困難でした。

そもそも、消しゴムツールとかは設定を変えないとブラシの形にゴッソリ削れてしまいます。

そこで、不透明度や流量を筆圧で調整できる設定にして微妙に削ったりブラシで追加したりすることで形を整えることにしました。

指先ツールを使わなくなったわけではないので今までの講座も合わせてご覧いただき、自分にあった使い方を試してみてください。

薄い雲を描く

次に重要な小手先のテクニックがあります。

これは知ってしまえばできることなのでぜひ活用してみてください。

上の画像で以前の雲と今回のを見比べてみればすぐわかることですが、メインの雲の周りに薄い雲を入れています。

雲の描き方3
こういうのを入れると手軽に良く見せれるポイントなのです。

季節や雲の種類とか特に指定もなく適当に雲描くという場合に使えると思います。
雲の描き方4
薄雲なし                     薄雲あり

僕のブラシプリセットをお持ちであれば
この薄い雲を描くときは「BC-d カスタム筆ブラシ」を使うと描きやすいと思います。
クリスタ版出雲寺ブラシセット

【プロが使うクリスタブラシ】出雲寺ブラシセット_クリスタ版 発売!

2020年6月20日
雲の描き方まとめ
まとめると

  1. ブラシを調節する
  2. ひと筆書きでなく、細かく描く
  3. 雲の調節を指先ツールメインから、「ブラシと消しゴムツール」メインに切り替える。
  4. 薄い雲を入れる。

以上の内容をすることで、このような変化がでました。

もっと良く描けるようになったら、またいずれ紹介します。


拙著デジタルイラストの「背景」描き方事典にも空や雲の描き方を説明しているページがありますのでよろしければそちらも見ていただけたら幸いです!

デジタルイラストの「背景」描き方事典  発売中!!

2015年2月7日

…と、今まではここでこのページは終わりだったのですが……

なんと、拙著【デジタルイラストの「背景」描き方事典】の内容を途中まで公開しちゃいます!!

ここからは書籍版の解説になります。

書籍版 青空と雲の描き方

背景事典の青空と雲
 雲には様々な形がありますが、世界気象機関WMOによって定められた10種類の雲の分類を十種雲形といいます。「巻積雲」「巻層雲」「巻雲」「高積雲」「高層雲」「積雲」「層雲」「層積雲」「積乱雲」「乱層雲」の10種類です。各名称の「巻」「高」「層」「積」「乱」は高さや形などを表しています。高さは「巻」「高」「無し」の3つに分類されます。形は、塊状になった雲の「積」と層のように横に広がった雲の「層」の2種類です。「乱」がついているのは雨を降らせる雲です。
ここでは一年中を通して見ることのでき、「わた雲」とも呼ばれる塊状の雲「積雲」を描きます。

01 雲のない青空を作る

雲のない青空を作る
青空は白と青色の単純な2色のグラデーションで描いてもかまわないのですが、レイヤーを追加して水色から透明のグラデーションを作成して、グラデーションの重ね描きをすることでグラデーションの色に変化を出せます。

 単純に白と青のグラデーションだと中間の色はやや紫よりの色になってしまいますが、グラデーションを重ねることで、青から水色になってから白へと変わるグラデーションになります。このようにひと手間加えることで、様々な空のグラデーションを作ることができるのです。

02 ブラシをカスタマイズする

ブラシをカスタマイズする
雲を描くときは、ブラシの選択が重要です。単純なハード円ブラシだと硬すぎますし、単純なソフト円ブラシだとボケすぎてしまいます。

ここでは、図のような塗りになるブラシを「カスタム筆」ブラシとして作りますが、Photoshopにも多数のブラシが登録されているので、近い塗り味のブラシを探してみてもよいでしょう。

03 雲の見え方の違い

雲の見え方の違い
雲の見え方の違い
画面上のどの位置にあるかによって、雲の形は変わります。アオリになる画面上部に比べて画面下部の雲は横から見ているので横長の形になるのです。すべて同じ形の雲にならないように気をつけます。

04 雲をS字配置する

雲をS字配置する
 しっかり描き込む前に、どのあたりに雲を配置するかを考えておきます。雲が等間隔に整列していると不自然になってしまうからです。不自然にならないようにするには、S字をイメージして雲を配置するとよいでしょう。こうすると主要な雲の横位置がズレるので自然な形に近づくのです。また、S字の構図によって視線を手前から奥へと流すことで、奥行きを感じさせることもできます。

 さらに、雲の描かないグラデーションだけの部分も、空の構図としては重要です。雲の間隔、雲と空のバランスといったレイアウトの要素が空の絵の見栄えには大きく影響します。

05 雲を描く

誠に申し訳ありません!!

ここからは先は書籍での解説になりますので、どうぞよろしくお願い致します!



背景の描き方講座まとめ

背景の描き方講座

2016年10月29日
背景の描き方講座まとめページ
他にも空、山、草原、木などなど、さまざまな背景の描き方を紹介しています!
まとめページから他の背景の描き方も見ていただけたら嬉しいです!
Twitterもやっているので良かったらフォローよろしくお願いします!!
出雲寺ぜんすけ(@blankcoin)


クリスタ版ブラシ


出雲寺ブラシセット

クリスタ版発売

プロのこだわりのオリジナルブラシがついにクリスタ仕様で登場!



コメントを残す

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