この記事には広告が含まれています。
こんにちは、イラレ常人です。
今回は、うっすらと雲がかかった幻想的な夜空を作っていきます。
無料で完成素材をダウンロード↓
夜空背景イラスト – No: 22372400/無料イラストなら「イラストAC」をイラストACでチェック!
それでは、さっそく本編にいきましょう。
※解説画像の下に入っている字幕は、解説動画を作ったときに入れたものです。 この記事では動画のスクリーンショットを断片的に入れているので、字幕の文章が成り立っていないことがあります。 あらかじめご了承ください。
フリーグラデーションで背景を作る
まず、背景を先に作っておきます。
長方形ツールに切り換え、アートボードと同じサイズの四角形を作ります。
![](https://irarecreate.com/wp-content/uploads/2021/12/8edfec1077662d7312ad46aa1f720094-1024x576.jpg)
![](https://irarecreate.com/wp-content/uploads/2021/12/30808e3e615868ec2d6181cdc4609515-1024x576.jpg)
塗りは「フリーグラデーション」というものを使います。
これは縦や横、円形といった一定の方向にグラデーションをかけるものではなく、好きな方向にグラデーションをかけられるものです。
今作った四角形を選択した状態で、グラデーションパネルから「フリーグラデーション」を選び、さらに「ポイント」を選びます。
![](https://irarecreate.com/wp-content/uploads/2021/12/59c63c57fd57ada6e714b0003d407b15-1024x576.jpg)
![](https://irarecreate.com/wp-content/uploads/2021/12/5e34c6639b7c5e49f62715f8d6d9b762-1024x576.jpg)
![](https://irarecreate.com/wp-content/uploads/2021/12/21a1a9441ed954801e708df6cdb791e8-1024x576.jpg)
この状態で四角形を左クリックすると、クリックしたところにポイントが出てきましたね。
ここを基準に色を変えることができます。
![](https://irarecreate.com/wp-content/uploads/2021/12/3751da20476f31fb663dc6eefbcbb291-1024x576.jpg)
左クリックで、四角形の中に3つのポイントを下図のように配置します。
![](https://irarecreate.com/wp-content/uploads/2021/12/47788fcdd1b8546ee9bfa60ce6ebb79e-1024x576.jpg)
次に「ポイント」から「ライン」に切り換え、下図(2枚目)のように、左クリックでポイント同士を繋げてラインにします。
![](https://irarecreate.com/wp-content/uploads/2021/12/5df9721838fc017fdd304acc8981a052-1024x576.jpg)
![](https://irarecreate.com/wp-content/uploads/2021/12/eed865231055b033b6b95edf3b8a7b47.gif)
![](https://irarecreate.com/wp-content/uploads/2021/12/9dc68c74a4916d91aec6c062a0b59374-1-1024x576.jpg)
ここまできたら、それぞれのポイントの色を設定します。
ポイントをダブルクリックすれば、カラーパネルが出てくるので、そこから変えることができます。
![](https://irarecreate.com/wp-content/uploads/2021/12/d2fb1400fcb70e4b8dbfb3964eea359e-1024x576.jpg)
この記事では下図のように設定しました。
![](https://irarecreate.com/wp-content/uploads/2021/12/3ecf27a33362832255dbc74eb7c89050-1024x576.jpg)
終わったら別のツールに切り換えて、編集を終了します。
因みにフリーグラデーションの編集は、グラデーションツールに切り換わっているときにだけできます。
再編集したいときは選択ツールでオブジェクトを選択してから、グラデーションツールに切り換えましょう。
![](https://irarecreate.com/wp-content/uploads/2021/12/7074c2670f039eba54c069507d357fcc-1024x576.jpg)
![](https://irarecreate.com/wp-content/uploads/2021/12/e9ff643f1dc2ae54c9debd0e559bef83-1024x576.jpg)
これで背景は完了。
しばらく触らないので、選択ツールで選択した状態で、ctrl(⌘) + [ 2 ]でロックしておきます。
![](https://irarecreate.com/wp-content/uploads/2021/12/193e3a752f4fab7c244ce1b208a7e241-1024x576.jpg)
散布ブラシで星を作る
次は星を作っていきます。
これは「散布ブラシ」というものを使って表現します。
楕円形ツールに切り換え、直径「10mm」の正円を作ります。
塗りは黒で、線はなしです。
![](https://irarecreate.com/wp-content/uploads/2021/12/4c95552965ce3a771efdfe9af43af2b6-1024x576.jpg)
![](https://irarecreate.com/wp-content/uploads/2021/12/61f9be44ff76a009eb25fb7ce3ca3685-1024x576.jpg)
![](https://irarecreate.com/wp-content/uploads/2021/12/ced80b0c07bba8d144954c3c630e514f-1024x576.jpg)
そうしたら、この正円を選択した状態でブラシパネルを開き「新規ブラシ」を選びます。
![](https://irarecreate.com/wp-content/uploads/2021/12/e48eb09a5374b8ac436f87ad3090bab6-1024x576.jpg)
![](https://irarecreate.com/wp-content/uploads/2021/12/8ab06925bf2ee90fe546c003154c5ed3-1024x576.jpg)
すると下図のようなウィンドウが出てくるので「散布ブラシ」を選んでOKを押します。
![](https://irarecreate.com/wp-content/uploads/2021/12/851e97d09abe75c8da43307cb7247e21-1024x576.jpg)
さらに「散布ブラシオプション」というウィンドウに切り換わるので、下図のように設定、
![](https://irarecreate.com/wp-content/uploads/2021/12/d478dca9cb4636bfd3a11e5ba3824a00-1024x576.jpg)
「方式」というところは「彩色」にします。
![](https://irarecreate.com/wp-content/uploads/2021/12/e45786b9ec53ce33805bd74d1e5a8ccc-1024x576.jpg)
黒い塗りのオブジェクトを「彩色」にすることで、ブラシの色はここ(下図2枚目)から自由に変えることができます。
![](https://irarecreate.com/wp-content/uploads/2021/12/6c48f60495da93d1df47e54a47cfccb8-1024x576.jpg)
![](https://irarecreate.com/wp-content/uploads/2021/12/5051f73c4fc31ca39ff93e227757347d-1024x576.jpg)
これらの設定が終わったらOKを押して、このウィンドウを閉じます。
これで散布ブラシの登録が完了したので、試しにブラシツールに切り換え、下図(3枚目)のように適当に線を引きます。
![](https://irarecreate.com/wp-content/uploads/2021/12/418db8d890a5214551460090c0528ddc-1024x576.jpg)
![](https://irarecreate.com/wp-content/uploads/2021/12/198dfd737f8d61b881d4b6c5734e332e-1024x576.jpg)
![](https://irarecreate.com/wp-content/uploads/2021/12/6c6ec3e1bb1830e726ea51cc103ca39d.gif)
星は透過の具合を変えた方が奥行きが出るので、ブラシで3本程度線を引いたら、1本を残してあとの2本は、透明パネルから不透明度を30%程度にすると良いかもしれません。
![](https://irarecreate.com/wp-content/uploads/2021/12/7c0209f2699ee59416a36aee98c99282-1024x576.jpg)
![](https://irarecreate.com/wp-content/uploads/2021/12/b755d5908144c04fc674d6d7584edabf-1024x576.jpg)
![](https://irarecreate.com/wp-content/uploads/2021/12/642387ba0bed0d13b9a4ac99d5669e92-1024x576.jpg)
これで星も完了です。
![](https://irarecreate.com/wp-content/uploads/2021/12/483ee0a218ee2046baa8c227dd1b4516-1024x576.jpg)
楕円形を変形させて雲を作る
最後は雲を作ります。
楕円形ツールに切り換え、下図(2枚目)くらいの大きさで円を作ります。
塗りは白で、線はなしです。
![](https://irarecreate.com/wp-content/uploads/2021/12/d11d5962bf8cd1b95d64d43ade919219-1024x576.jpg)
![](https://irarecreate.com/wp-content/uploads/2021/12/8a82f2fd6542ef4157c8f2a6bf73066a-1024x576.jpg)
そうしたら、この円を選択した状態でアピアランスパネルを開き「fx」から「パスの変形」「ラフ」へと進んでいきます。
![](https://irarecreate.com/wp-content/uploads/2021/12/ebb2640409cbb42a3b88461b429bd056-1024x576.jpg)
すると下図のようなウィンドウが開くので、字幕のように設定して、OKを押します。
![](https://irarecreate.com/wp-content/uploads/2021/12/3e752654bf20ca891976febb154ff38c-1024x576.jpg)
そのままの状態で、再度「fx」「パスの変形」へと進み、今度は「ランダム・ひねり」へと進んでいきます。
![](https://irarecreate.com/wp-content/uploads/2021/12/66b96fb1dc729f007e45b50457d03aba-1024x576.jpg)
そして、字幕のように設定して、OKを押します。
![](https://irarecreate.com/wp-content/uploads/2021/12/27f12fa872c20c484fd4bbbb79788ed3-1024x576.jpg)
これをぼかして、不透明度を変えれば雲も完了です。
「fx」から「ぼかし」「ぼかし(ガウス)」へと進み、字幕(下図2枚目)のように設定して、OKを押します。
![](https://irarecreate.com/wp-content/uploads/2021/12/43a000e4bc80fe34020303d1580ae5b4-1024x576.jpg)
![](https://irarecreate.com/wp-content/uploads/2021/12/50887ead882a2a1349db1bddbbb91609-1024x576.jpg)
そうしたら、不透明度を30%程度にします。
![](https://irarecreate.com/wp-content/uploads/2021/12/d78830351126b1f9b1b3f20f912f475d-1024x576.jpg)
これで雲の素ができたので、いくつかコピーして、バランス良く夜空に配置します。
![](https://irarecreate.com/wp-content/uploads/2021/12/c25a941cad994656c6c91109d83678e5-1024x576.jpg)
お手軽なコピー方法は、選択ツールで雲を左クリックしたまま、alt(option)を押してドラッグ、コピーしたいところで全てを離します。
![](https://irarecreate.com/wp-content/uploads/2021/12/77abdfc58b0a41a0726e368a44d5f3ed-1024x576.jpg)
![](https://irarecreate.com/wp-content/uploads/2021/12/223ed0192c59fffad1be9c9461596f70.gif)
この方法で一つひとつ雲を配置しつつ、それぞれが違う形になるようにちょっとずつ変形させます。
![](https://irarecreate.com/wp-content/uploads/2021/12/5af1bb8094bebc2d8f50ac3b7afd1695-1024x576.jpg)
それが終わったら、最初の方にロックしたフリーグラデーション塗りの四角形を、alt(option) + ctrl(⌘) + [ 2 ]でロック解除します。
![](https://irarecreate.com/wp-content/uploads/2021/12/ec1da17df8085be613a29c75f6d68bca-1024x576.jpg)
最後は、アートボードからはみ出た不要な部分に対してクリッピングマスクをかければ、夜空の完成です。
![](https://irarecreate.com/wp-content/uploads/2021/12/941b0f536071d23f4325dd367749b94d-1024x576.jpg)
【クリッピングマスクのかけ方】
1.長方形ツール(ショートカット:M)などでマスクをかけたいオブジェクトの前面に重ねるように四角形を配置
2.配置した四角形とマスクをかけたいオブジェクトを一緒に選択して右クリック
3.「クリッピングマスクを作成」を実行すれば、マスクがかかる
最後までお読みいただき、ありがとうございます。
無料で完成素材をダウンロード↓
夜空背景イラスト – No: 22372400/無料イラストなら「イラストAC」をイラストACでチェック!
コメント