出雲寺ぜんすけ空の描き方【イラスト背景講座】ツイートシェアはてブLINEPocketこんにちは出雲寺ぜんすけ(‎@blankcoin)です。それでは、さっそく空背景の描き方を説明したいと思います。背景と言ったらやっぱり最初は空背景ですよね。僕も最初にCGで背景を描いたのは人物の後ろに空背景を描いたものだったと思います。グラデーションで空のベースを描きます。グラデーションツールで縦にグラデーションをかけただけの状態ですね。この時点で雲一つない青空背景と言えなくもないですがやはり空背景といえば雲ですよね。いうわけで、雲を描いていきます。雲のアタリを描きます下書きといった感じで、どこに雲を配置するか描いていきます。今回はてきとうに描いてますが、この段階でランダム感をしっかりつけているとあとあと楽になります。※ランダム感に関してはランダム感の項目を参照してください。ブラシで塗りつぶします。最初からあたりをとるときに、塗りつぶしてこの状態にしてもいいですね。雲を指先ツールで馴染ませます。リアル系の雲の場合は普通の指先ツールでいいと思いますが、アニメ背景風の雲にするために筆っぽさを出すために指先タイプを変えます。画像にあるようなザラザラした感じの指先にします。強さを80%程度にします。同様に全体を指先で馴染ませます。ここまでできれば、後の作業はこれの繰り返しです。小さいちぎれた雲や陰に同様に指先で馴染ませればいいのです。離れた小さな雲を追加します。大きな雲の近くにブラシで白をちょんちょんと置いていきます。小さな雲を馴染ませます。小さな雲も同じように指先で馴染ませます。遠景の雲をレイヤーマスクで半透明にします。空気遠近法によって遠近感を出すため遠くの雲を薄くします。近くの雲と見え方が違うのでそれを表現することでリアリティを出すというわけです。具体的には、レイヤーウィンドウの下のほうにあるレイヤーマスクを追加ボタンを押すと、レイヤーマスクができますので、薄くしたいところをブラシで塗るなりグラデーションツールを使うなりします。※PhotoshopCSからはクリッピングマスクという名称になっています。グループ化すると、てきとうに塗ってもはみ出さないので、便利です。グループ化のショートカットはctrl+Gです。グループ化解除はctrl+Shift+Gです。グループ化したいレイヤーの間でaltを押してアイコンが変わったら左クリックでもグループ化できます。同じ操作でグループ化解除もできます。雲の陰を指先ツールで馴染ませます。雲を描いたときと同じように指先で馴染ませていきます。次に二段目の陰を入れるために、今描いた一段目の陰を薄くします。レイヤーウィンドウの不透明度を50%ほどにします。雲の二段目の陰を入れるために陰の色をのせます。2影というように、影の中でもより暗い部分を塗ったりしますが、それと同じように二段目の陰を入れます。指先でならしながら形を調整していきます。遠景の雲を描きます適当に白を置いていきます。指先ツールで横に伸ばします。遠景のわりに雲を薄くする遠景のわりに雲が濃いので薄くします。レイヤーウィンドウの不透明度を50%~60%ほどにします。薄いのでたいして見えないですが、あるとないのでは仕上がりが違います。濃すぎると近くの雲との違いがなくなり、遠近感がでなくなってしまいます。ここまでで、とりあえず雲の完成です。手を加えるだけで、雰囲気が変わります。基本は諧調の項目で書かれていることを空に適用しているだけです。諧調の項目で書いたとおり、明度の諧調の変化が背景を良くします。そのために、空に明るい部分を作ります。明るくするのは普通に考えて太陽のある方向でしょう。画面の左側に白を薄くのせます。エアブラシ系のボケ足の広いブラシで直径大きくします。ブラシの端のあたりを使います。レイヤーウィンドウでレイヤーモードを変えます。通常からオーバーレイにします。白い光だったのが、色の変化のある光に変わったと思います。明度の諧調だけでなく色相の諧調にもこれで少し幅がでました。オーバーレイだけだとオーバーレイ的な色味が強すぎるので、白い色をオーバーレイのレイヤーの上にのせて落ち着かせます。そのためにまずオーバーレイのレイヤーを複製します。レイヤーモードをスクリーンにします。明るい部分の微調整をします。お好みでやってください。これでだいたいできました。レベル補正なぜレベル補正をするかといいますと、絵をあまり描いてない人は意識せずにいると色味も明度も変化のない灰色の絵を描いてしまうことが多いからです。ここで灰色の絵といっているのは、彩度ことだけを言っているわけでなくメリハリのないぼんやりした絵のことを言っています。他人の描いた絵を見ると気が付くのですが、意外と描いている本人は気がつきにくいので、チェックの意味でもレベル補正をしてみるといいと思います。それでは実際にレベル補正を行ってみましょう。あとでブラッシュアップしたりする場合を考えて、レイヤーが分かれた状態にしておきたいので調整レイヤーでレベル補正を行います。調整レイヤーを使うことで後からレベル補正の度合いをやりなおしやすいというのも利点です。【調整レイヤー】レイヤーウィンドウの下のほうにある調整レイヤーの作成ボタンを押します。下に広がった中からレベル補正を選択します。するとレベル補正のダイアログボックスが開きます。白と黒の三角を移動させて調整します。基本的に何もない部分をなくすように三角を寄せます。この図の場合は右端まで黒い部分があるので白三角は右端のままでいいでしょう。左端は黒い部分がないので図のあたりまで寄せます。絵によっては、クドくなりすぎたり逆に物足りなかったりするので、絵を見ながら調整してください。・OKを押すと、レベル補正の調整レイヤーができます。再調整したい場合は、矢印のところをダブルクリックするとレベル補正のダイアログボックスが開きます。これで、空の完成です。時間の許すかぎりがんばってください。この講座の画像はこちらのサイトから統合前PSDの無料サンプル(体験版)をダウンロードできます。この講座の動画講座CG背景講座[青空講座]この内容は僕の執筆した書籍でも解説しておりますので合わせてご参考いただければと思います。コメントをキャンセルメールアドレスが公開されることはありません。*サイト次回のコメントで使用するためブラウザーに自分の名前、メールアドレス、サイトを保存する。自然物の描き方【イラスト背景講座】トップページへRECOMMENDこちらの記事も人気です。2008.11.24星の軌跡の描き方【イラスト背景講座】プロフィール出雲寺ぜんすけ(‎@blankcoin)ゲーム会社等で社内デザイナーイラストレーターとして16年勤め、2D背景だけでなく、武器やアイテム画像、バナー、スタンプなど2Dグラフィック業務を幅広く担当。アートディレクターやグラフィックチームのマネージャー、美術監督などを経験し、2019年にフリーランスとして開業独立しました。【背景CGテクニックガイド】も書店にて発売中です。COIN(ブランクコイン)ここはフォトショップで背景画を描いている出雲寺ぜんすけのサイトです。「そういえば、今までキャラしか描いてなかったけど、背景画ってどう描いたらいいんだろう?」というかたのためのサイトです。「背景のイラスト講座はないのか!?」と、たどり着いた方に満足いただけるよう、日々精進しています。アニメ、ゲーム、イラストの背景を描くときに役立てば幸いです。