この記事には広告が含まれています。
こんにちは、イラレ常人です。
今回は、高級感を演出させる「ラグジュアリー背景」を作っていきます。
無料で完成素材をダウンロード↓
ラグジュアリー背景(金)イラスト – No: 23584528/無料イラスト/フリー素材なら「イラストAC」をイラストACでチェック!
それでは、さっそく本編にいきましょう。
イラレのカラーモードを確認する
まず、イラレのカラーモードの設定を確認しておきます。
現在は「CMYK」になっているので、光の表現が得意な「RGB」に変えます。
RGBは、web等で使われる映像に適したカラーモードです。
![](https://irarecreate.com/wp-content/uploads/2023/03/480fc9bb099b3521bffc23c6de57d958-1024x576.jpg)
方法は簡単で、下図の手順で変えることができます。
![](https://irarecreate.com/wp-content/uploads/2023/03/de84747ba4f766f527331b037b026b1f-1024x576.jpg)
ついでに、カラーパネルもRGB仕様にしておきます。
![](https://irarecreate.com/wp-content/uploads/2023/03/2d2fb1da9ba243e2f6cce2b4d977cc90-1024x576.jpg)
ここ(下図参照)を押して「RGB」を選ぶだけで、OKです。
![](https://irarecreate.com/wp-content/uploads/2023/03/3e8a3fb7368256a2cf566a63921ede8d-1024x576.jpg)
最背面の背景を敷く
そうしたら、最背面の背景を敷いておきます。
長方形ツールに切り換え、
![](https://irarecreate.com/wp-content/uploads/2023/03/d41fbbee423be7e5561c092b32a7bba5-1024x576.jpg)
アートボードと同じ大きさの四角形を配置します。
![](https://irarecreate.com/wp-content/uploads/2023/03/163156dc1384d11d830c80248b72ca75-1024x576.jpg)
塗りは「グラデーション」で、線は「なし」です。
![](https://irarecreate.com/wp-content/uploads/2023/03/4e7acc93730dcfcd89df38099cc8b795-1024x576.jpg)
さらにグラデーションは、フリーグラデーションに切り換えます。
選択ツールで四角形を選択した状態で、
![](https://irarecreate.com/wp-content/uploads/2023/03/51689d3408e1714365213eda7b8374a5-1024x576.jpg)
グラデーションパネルを開き、「フリーグラデーション」を押せば切り替わります。
![](https://irarecreate.com/wp-content/uploads/2023/03/c8f154349b4edb8406f7a25cf4a7a725-1024x576.jpg)
それと同時に四角形の中に色を設定するマル(下図マーキング部分)が表示されるので、
![](https://irarecreate.com/wp-content/uploads/2023/03/2ef956afdc071044d84e934b3bf7d8f6-1024x576.jpg)
このマルをダブルクリックすれば色を変えることができます。
![](https://irarecreate.com/wp-content/uploads/2023/03/70a01f41b97cf7d51116e998f241d311-1024x576.jpg)
パネル以外のところを左クリックすれば、パネルを閉じることができます。
今回は字幕(下図参照)のように設定しました。
![](https://irarecreate.com/wp-content/uploads/2023/03/f7586f4fae2eafd44e1159ab6d836dbd-1024x576.jpg)
因みに、フリーグラデーションの編集はグラデーションツールに切り換わっている時にだけ行うことができます。
マルが消えてしまった場合は、選択ツールで四角形を選択した状態でグラデーションツールに切り換えましょう。
![](https://irarecreate.com/wp-content/uploads/2023/03/083eb37c1b2d7a3b6615ca961ae5abda-1024x576.jpg)
設定が終わったら、これはしばらく触らないので、ロックしておきます。
選択ツールで四角形を選択した状態で、
![](https://irarecreate.com/wp-content/uploads/2023/03/ff7611ecd976d411f689f6ebc58121cb-1024x576.jpg)
ctrl(⌘) + [ 2 ]でロックできます。
![](https://irarecreate.com/wp-content/uploads/2023/03/82c97a76143d5dc0f05b4e79919a5e21-1024x576.jpg)
円弧のオブジェクトを作る
次は、円弧の形をしたオブジェクトを作っていきます。
長方形ツールに切り換え、
![](https://irarecreate.com/wp-content/uploads/2023/03/e1ef79ad1526608691a98e4c58c7f3cd-1024x576.jpg)
下図のように横長の四角形を作ります。
サイズは特に決めてないです。
塗りは字幕の通りで、線は「なし」に設定します。
![](https://irarecreate.com/wp-content/uploads/2023/03/68b0b7da7fe5814461a5f7eb72b90d28-1024x576.jpg)
そうしたら、これにグラデーションメッシュをかけます。
グラデーションメッシュはオブジェクトの一部の色を変えることができるものです。
選択ツールで四角形を選択した状態で、
![](https://irarecreate.com/wp-content/uploads/2023/03/8692724ecd0b954714fbffb145fb7a1c-1024x576.jpg)
下図の手順で「グラデーションメッシュを作成」へと進んでいきます。
![](https://irarecreate.com/wp-content/uploads/2023/03/2c8448669f4160cda30e86ecdfec8fda-1024x576.jpg)
すると下図のようなウィンドウが開くので、字幕のように設定して、OKを押します。
![](https://irarecreate.com/wp-content/uploads/2023/03/1d6e4ae197d3c7e970bcee749a05596f-1024x576.jpg)
そうしたら、この横長四角形の上の辺だけ不透明度を「0%」にします。
ダイレクト選択ツールに切り換え、下図マーキング部分のポイントを選択します。
![](https://irarecreate.com/wp-content/uploads/2023/03/d22408c1b6384d57415dc07e221c417f-1024x576.jpg)
さらに透明パネルを開き、不透明度を「0%」にします。
![](https://irarecreate.com/wp-content/uploads/2023/03/1d4a9c97b85122acdce445bb6f79f0fd-1024x576.jpg)
ここまできたら、これを円弧の形に変形させます。
![](https://irarecreate.com/wp-content/uploads/2023/03/4e4dbcbcc74a2c4f36faa710ee55db97-1024x576.jpg)
選択ツールでこれを選択した状態で、
![](https://irarecreate.com/wp-content/uploads/2023/03/c2eb8094e0cef44328a412e910ebaa47-1024x576.jpg)
アピアランスパネルを開き、「fx」から「ワープ」「円弧」へと進んでいきます。
![](https://irarecreate.com/wp-content/uploads/2023/03/ccdf9a0cffbf7dd720bc663c42794c18-1024x576.jpg)
下図のようなウィンドウが開くので、字幕のように設定して、OKを押します。
![](https://irarecreate.com/wp-content/uploads/2023/03/a991ff5ac0bc44818f76d112c913aabe-1024x576.jpg)
では、この円弧の形を確定させます。
これから、このオブジェクトを回転させていくのですが、円弧の形を確定させないまま回転を行うと、下図のように変な動きをしてしまいます。
![](https://irarecreate.com/wp-content/uploads/2023/03/8676d3eb83364660adf0b1faa7145399.gif)
理由は、オブジェクトを回転させても、円弧で設定した数値はそのままだからです。
![](https://irarecreate.com/wp-content/uploads/2023/03/286de1a2c4c4c52270fab2eed01bef9e-1024x576.jpg)
形の確定のさせ方は簡単で、選択ツールでオブジェクトを選択した状態で、
![](https://irarecreate.com/wp-content/uploads/2023/03/277e38e72bd8567d18754f9448fd6844-1024x576.jpg)
下図の手順で行うことができます。
![](https://irarecreate.com/wp-content/uploads/2023/03/e00d6b33f7e1ea07de8358e3b40fd9db-1024x576.jpg)
これで、円弧の形のまま回転させることができます。
![](https://irarecreate.com/wp-content/uploads/2023/03/c6bd3f6fc0dfbdd43dc3a7aa54f505c2-1024x576.jpg)
では、この円弧のオブジェクトをコピーして、回転させたり反転させたりしていきます。
選択ツールの状態で、alt(option)を押したままオブジェクトをドラッグすると、簡単にコピーすることができます。
![](https://irarecreate.com/wp-content/uploads/2023/03/79bd2461c66169cd7bb3cffd94cde63b-1024x576.jpg)
これで円弧のオブジェクトをいくつかコピーして、バランスを見ながら回転や反転を行います。
![](https://irarecreate.com/wp-content/uploads/2023/03/21f6347a80ca50f7a9d40dca66ade21d-1024x576.jpg)
加えて、全ての円弧が不透明度100%だと少しくどい感じがするので、選択ツールで何個か選んで、
![](https://irarecreate.com/wp-content/uploads/2023/03/39ce48f693bf616cfb04471cebc46f80-1024x576.jpg)
透明パネルから不透明度を「30%」程度にしておくと、良いと感じになると思います。
![](https://irarecreate.com/wp-content/uploads/2023/03/d85b5f7dba43ad03246f784c06302ee0-1024x576.jpg)
装飾する
ここからは装飾に入ります。
曲線を加える
ペンツールに切り換え、
![](https://irarecreate.com/wp-content/uploads/2023/03/80b550b0ccb865b22a67e19c9b8e3c6b-1024x576.jpg)
下図のように曲線を引きます。
![](https://irarecreate.com/wp-content/uploads/2023/03/01af29b20a95cbe7e4ffbafb32a071b9-1024x576.jpg)
線幅は字幕(下図参照)の通りで、色は「グラデーション」にします。
![](https://irarecreate.com/wp-content/uploads/2023/03/bc8acec85102279d813ec9d68a2e28f7-1024x576.jpg)
このグラデーションの設定は、フリー素材から引っ張ってきています。
グラデーション素材のダウンロードはこちら↓
グラデーション96種セットイラスト – No: 23249598/無料イラスト/フリー素材なら「イラストAC」をイラストACでチェック!
![](https://irarecreate.com/wp-content/uploads/2023/03/76754917fc2fc03820b3cbb93792e46c-1024x576.jpg)
そうしたら、この曲線の線幅を変えます。
選択ツールで線を選択した状態で、
![](https://irarecreate.com/wp-content/uploads/2023/03/8db15f725d616db81e1a4302522dd219-1024x576.jpg)
「可変線幅プロファイル」を開き、
![](https://irarecreate.com/wp-content/uploads/2023/03/1531c74443809210456d38d61f303c96-1024x576.jpg)
「線幅プロファイル4」に設定します。
![](https://irarecreate.com/wp-content/uploads/2023/03/b981941e83eae9e91a0f90aba0af4367-1024x576.jpg)
![](https://irarecreate.com/wp-content/uploads/2023/03/67e4485185234351b7e11a1d11726189-1024x576.jpg)
そして、この線も2本程度コピーして、
![](https://irarecreate.com/wp-content/uploads/2023/03/e473fb19ff1a8a81424d6b33fd406da2-1024x576.jpg)
回転や反転を行います。
![](https://irarecreate.com/wp-content/uploads/2023/03/d36bcb68bd8c1deee9435e35065a891f-1024x576.jpg)
このタイミングで、これからの工程をやりやすくするために円弧(曲線含む)もロックしておきます。
円弧を選択した状態で、
![](https://irarecreate.com/wp-content/uploads/2023/03/ade64e992a19a44a42a3d8bba85510bb-1024x576.jpg)
ctrl(⌘) + [ 2 ]でロックできます。
![](https://irarecreate.com/wp-content/uploads/2023/03/f1163c4a051730787642bc3a5e1f32bb-1024x576.jpg)
点描を加える
次は、光の点描を加えます。
塗りブラシツールに切り換えて、
![](https://irarecreate.com/wp-content/uploads/2023/03/0fac99469211e60cc2cdd66beb98013d-1024x576.jpg)
線の色を「白」に設定します。
![](https://irarecreate.com/wp-content/uploads/2023/03/af06e7c8bf51080a3349545abfade122-1024x576.jpg)
そして、字幕(下図参照)のショートカットでブラシの大きさを調整し、
![](https://irarecreate.com/wp-content/uploads/2023/03/751637ad8019015b42579b4bb0571c1e-1024x576.jpg)
下図のように左クリックで点を置いていきます。
![](https://irarecreate.com/wp-content/uploads/2023/03/f367a8c36a8d0fdb3e690a75d7899612-1024x576.jpg)
そうしたら、一度点描をまとめて選択して、ctrl(⌘) + [ g ]でグループ化します。
![](https://irarecreate.com/wp-content/uploads/2023/03/de9d2274ae7028b7d664328474f69fb5-1024x576.jpg)
さらに、そのままアピアランスパネルを開き、「fx」から「ぼかし」「ぼかし(ガウス)」へと進んでいきます。
![](https://irarecreate.com/wp-content/uploads/2023/03/1815065aa24868e35d8798db21aea602-1024x576.jpg)
そして、字幕(下図参照)のように設定して、OKを押します。
![](https://irarecreate.com/wp-content/uploads/2023/03/e4f045860871ce383d9af346232bff29-1024x576.jpg)
それが終わったら透明パネルを開き、描画モードを「オーバーレイ」に変えておきます。
![](https://irarecreate.com/wp-content/uploads/2023/03/6d873c23e5da2eb28b4d72c662f7235b-1024x576.jpg)
そうしたら、このグループを2つ程度コピーして、ランダム配置に見えるように大きさを少し変えます。
![](https://irarecreate.com/wp-content/uploads/2023/03/99ef9ea5c81df0d6ffb4ff6d4036cd44-1024x576.jpg)
因みに、shiftを押しながらバウンディングボックスをドラッグすると、等倍でサイズ変更ができます。
![](https://irarecreate.com/wp-content/uploads/2023/03/fc18556304f57ab07e97ed9de9bb62ec-1024x576.jpg)
オーブ(光の表現)を加える
最後に、大きいオーブ(光の表現)を加えれば完成です。
再度、塗りブラシツールに切り換え、
![](https://irarecreate.com/wp-content/uploads/2023/03/0586adf6ac2b994940723875ff94ec19-1024x576.jpg)
ブラシサイズを大きめに設定します。
![](https://irarecreate.com/wp-content/uploads/2023/03/5f34fe2831b05871f47775142c3b9717-1-1024x576.jpg)
そして、まずは適当の場所で良いので、左クリックで描画します。
![](https://irarecreate.com/wp-content/uploads/2023/03/ad780dbd6637d3c3d1f1ccd057b04760-1024x576.jpg)
そうしたら、選択ツールでこれを選択した状態で、
![](https://irarecreate.com/wp-content/uploads/2023/03/786349bf94ec8247e2933b52237fcf84-1024x576.jpg)
アピアランスパネルを開き、「fx」から「ぼかし」「ぼかし(ガウス)」へと進んでいきます。
![](https://irarecreate.com/wp-content/uploads/2023/03/f634407db0123fa6879bcc38a5bea988-1024x576.jpg)
そして、字幕(下図参照)のように設定して、OKを押します。
![](https://irarecreate.com/wp-content/uploads/2023/03/7c0cf1c5bcc35270139b4fc77e0605aa-1024x576.jpg)
さらに、そのまま透明パネルを開き、描画モードを「オーバーレイ」にします。
![](https://irarecreate.com/wp-content/uploads/2023/03/6cc6725a7f6dfe2dd5264d4cc995b114-1024x576.jpg)
ドラッグでオーブを移動させると場所によって見え方が違うので、自分の納得のいくところに配置します。
![](https://irarecreate.com/wp-content/uploads/2023/03/ee8e45a6db96576623760a4e670e7317.gif)
あとは、このオーブを2つ程度コピーして、
![](https://irarecreate.com/wp-content/uploads/2023/03/b9250723549345f24989d03971373a83-1024x576.jpg)
サイズや位置の調整を行います。
![](https://irarecreate.com/wp-content/uploads/2023/03/5064320f40a0e13589f4ddb2bb75f3e1-1024x576.jpg)
そして今までロックしていたオブジェクトを、alt(option) + ctrl(⌘) + [ 2 ]でロック解除して、
![](https://irarecreate.com/wp-content/uploads/2023/03/8a885e741229d25acc07d0f338fd4859-1024x576.jpg)
アートボードからはみ出た部分にクリッピングマスクをかければ、ラグジュアリー背景の完成です。
![](https://irarecreate.com/wp-content/uploads/2023/03/dace62aea1d9596e292fd177a0a8ada3-1024x576.jpg)
最後までお読みいただき、ありがとうございます。
無料で完成素材をダウンロード↓
ラグジュアリー背景(金)イラスト – No: 23584528/無料イラスト/フリー素材なら「イラストAC」をイラストACでチェック!
コメント