この記事には広告が含まれています。
こんにちは、イラレ常人です。
今回は、美しいフリーグラデーションを作る方法を5つ、ご紹介します。
無料で完成素材をダウンロード↓
フリーグラデーションイラスト – No: 22120520/無料イラストなら「イラストAC」をイラストACでチェック!
因みに、フリーグラデーション機能はイラレのバージョンのCC2019以降に加えられたものなので、それ以前のバージョンでは使うことができません。
あらかじめご了承くださいませ。
フリーグラデーションは言葉通り、自由な形でグラデーションをかけられる機能ですが、その反面、なかなか思い通りに着色できないこともあるかと思います。
![](https://irarecreate.com/wp-content/uploads/2022/11/5aaf5d371fe746be35114da370301656-1024x576.jpg)
そこでこの記事では、グラデーションの形を定形化してみました。
これからご紹介する形を覚えれば、作業時間の短縮につながるはずです。
![](https://irarecreate.com/wp-content/uploads/2022/11/484f53d4971688b8966def6406bd3bf6-1024x576.jpg)
では、さっそくご紹介していきます。
対角スマイル型
まず1つ目は「対角スマイル型」です。
![](https://irarecreate.com/wp-content/uploads/2022/11/ae3e682c7194bdd20650ff0030cfb350-1024x576.jpg)
基本操作の確認も兼ねて、フリーグラデーションのかけ方からやっていきます。
長方形ツールで、四角形を作ります。
![](https://irarecreate.com/wp-content/uploads/2022/11/a7593f1c94b640f21067554b2485b647-1024x576.jpg)
塗りはとりあえず「黒」にしておきます。
線は「なし」です。
![](https://irarecreate.com/wp-content/uploads/2022/11/a4dc38b000d20e518a3a95c32119e00a-1024x576.jpg)
そうしたら、この四角形を選択ツールで選択した状態で、
![](https://irarecreate.com/wp-content/uploads/2022/11/294c3f0731c9a1195d6ebedaab53ca99-1024x576.jpg)
グラデーションパネルを開き、「フリーグラデーション」を選択します。
![](https://irarecreate.com/wp-content/uploads/2022/11/03936bbf93b9e5d3acb06bd83b573d23-1024x576.jpg)
これでフリーグラデーションがかかったので、着色するポイントを設定していきます。
![](https://irarecreate.com/wp-content/uploads/2022/11/1cbed8d938251a17196945946602026d-1024x576.jpg)
「対角スマイル型」ということで、ポイントの配置は下図のようになります。
![](https://irarecreate.com/wp-content/uploads/2022/11/e4c154eaed135555cd6a92a65e872082-1024x576.jpg)
スマイルの目の部分は、グラデーションパネルの「描画」というところを「ポイント」にした状態で、
![](https://irarecreate.com/wp-content/uploads/2022/11/a0446cffff9bb7e9062cff974ec1ef40-1024x576.jpg)
すでに設定されているポイントをドラッグすれば、完了です。
![](https://irarecreate.com/wp-content/uploads/2022/11/e1ccc89741808966d5fdb0cb9a5f85a1-1024x576.jpg)
続いて、スマイルの口の部分は、「描画」のところを「ライン」に切り換えて配置します。
![](https://irarecreate.com/wp-content/uploads/2022/11/a29e28582fc15b2546a4b9822d8b59a6-1024x576.jpg)
この状態で、下図(1枚目)のように左クリックで点と点をつなげていけば、3つ目の点を配置するときに曲線になります。
![](https://irarecreate.com/wp-content/uploads/2022/11/153799ef1d3cdaa9018303018c5c3e8a.gif)
![](https://irarecreate.com/wp-content/uploads/2022/11/928637db0fb420c41ee6949bba375fbd-1024x576.jpg)
口を描き終わったら、escキーを押して、曲線を切ります。
![](https://irarecreate.com/wp-content/uploads/2022/11/a921ddbf047beb5fd8058c67c52b774e-1024x576.jpg)
同じ要領で、対角にも口を描きます。
![](https://irarecreate.com/wp-content/uploads/2022/11/dad0419f091ea400a5d8551afe523007-1024x576.jpg)
これが終わったら、再び「描画」を「ポイント」に切り換え、着色していきます。
![](https://irarecreate.com/wp-content/uploads/2022/11/67eb2a18a70385932750fe323cc7f990-1024x576.jpg)
ポイントをダブルクリックすれば、カラーパネルが表示され、色を編集することができます。
![](https://irarecreate.com/wp-content/uploads/2022/11/9545a34a490cc015d675a9458de1a03a-1024x576.jpg)
これで字幕(下図参照)のように色を設定します。
![](https://irarecreate.com/wp-content/uploads/2022/11/15331e09898cc3d63f3cc83c55b66e46-1024x576.jpg)
ポイントとしては、使う色の系統は多くても3種類に収めることと、
![](https://irarecreate.com/wp-content/uploads/2022/11/4070843925c327f51183e1e6eabf742f-1024x576.jpg)
どこか一点だけは、周りより少し明るい色を設定することです。
![](https://irarecreate.com/wp-content/uploads/2022/11/35bac03bdb6bd112c99229ec3f2071af-1024x576.jpg)
色が多いと汚く映る可能性が高いですし、
![](https://irarecreate.com/wp-content/uploads/2022/11/4c2ef96f9123070a54e689ef8bca0afb-1024x576.jpg)
全体的に暗い色を設定すると、グラデーションがくすんで見えてしまいます。
![](https://irarecreate.com/wp-content/uploads/2022/11/852dc0e04b45e961f2e807cceb55be88-1024x576.jpg)
これは「対角スマイル型」に限らず、これからご紹介するものにも共通することです。
山型
続いて「山型」です。
![](https://irarecreate.com/wp-content/uploads/2022/11/68a017c09940ba99fc0d1a340c6b9881-1024x576.jpg)
これは「描画」が「ライン」のみで形成されたものです。
![](https://irarecreate.com/wp-content/uploads/2022/11/055aca2e12cbcd67760eb4d8bcef0775-1024x576.jpg)
不要なポイントは、左クリックで選択した状態で、back space(delete)を押せば、消すことができます。
![](https://irarecreate.com/wp-content/uploads/2022/11/cabfe034f9ca0406f92a38d95a6ac232-1024x576.jpg)
ラインの配置箇所は、下図のようになります。
色は字幕の通りです。
![](https://irarecreate.com/wp-content/uploads/2022/11/1184d29aa259489ee4c6bae938e14371-1024x576.jpg)
入江型
続いて「入江型」です。
![](https://irarecreate.com/wp-content/uploads/2022/11/f96e0328277734065fee622dd69b620b-1024x576.jpg)
これは、「ポイント」と、「ライン」から作る輪っかで形成されたものです。
![](https://irarecreate.com/wp-content/uploads/2022/11/65246ee8def913e744f8fbb45ce28f6b-1024x576.jpg)
ラインは、始点と終点を結ぶと輪っかになります。
![](https://irarecreate.com/wp-content/uploads/2022/11/011a49c610fd921b5e8b79b627bf194c-1024x576.jpg)
![](https://irarecreate.com/wp-content/uploads/2022/11/cdbf4641b2224f1cbf4208beb78d0a10-1024x576.jpg)
それを入江の両サイドに配置し、河口にはポイントを配置します。
色は字幕(下図参照)の通りです。
![](https://irarecreate.com/wp-content/uploads/2022/11/7e93767334fdcceb9ed01cdd0ff865fa-1024x576.jpg)
10型
![](https://irarecreate.com/wp-content/uploads/2022/11/ad4ba0e26d27cb9e8e404fd7bb55378b-1024x576.jpg)
これは数字の「10」の形通りです。
「描画」の「ライン」で下図のように配置します。
![](https://irarecreate.com/wp-content/uploads/2022/11/b9c3926d28a7532c5872d46d838e9730-1024x576.jpg)
復習ですが、ラインを切りたいときは、escキーです。
色は字幕(下図参照)の通りです。
![](https://irarecreate.com/wp-content/uploads/2022/11/508f1eabd0ad938a6a41d8873d95f9b0-1024x576.jpg)
ISI型
![](https://irarecreate.com/wp-content/uploads/2022/11/463ae2936225b8cf55a4152dc63163e0-1024x576.jpg)
これもローマ字の「ISI」の形通りです。
「描画」の「ライン」で下図のように配置します。
![](https://irarecreate.com/wp-content/uploads/2022/11/05078992489b7919f6d3c55d983fd162-1024x576.jpg)
色は字幕の通りです。
![](https://irarecreate.com/wp-content/uploads/2022/11/6ac3a315ba38b1e244ebe4c9d4569a65-1024x576.jpg)
小技
以上、美しいフリーグラデーションを作る方法5つでした。
これを元に自分なりにアレンジを加えて、もっと美しいグラデーションを作ってみるものありです。
ポイントやラインの配置を少し変えるだけで全く違った映り方になることもあるので、ぜひ、あなた自身の目で見て、色を着けていただきたいと思います。
因みに、フリーグラデーションのかかった図形を選択ツールで選択した状態で、ここの「オブジェクトを再配色」を押すと、
![](https://irarecreate.com/wp-content/uploads/2022/11/253f08c3ce961cd0ad9863c184b9b5c9-1024x576.jpg)
下図のようなパネルが開くので、
![](https://irarecreate.com/wp-content/uploads/2022/11/75074edd7903d63b5221554c25c36f78-1024x576.jpg)
ちょっと色合いを調整したいときは、下図のようにハンドルをドラッグしたり、
![](https://irarecreate.com/wp-content/uploads/2022/11/04e21581b7bc248c2a24982a8be4c019.gif)
下図マーキング部分のボタンとバーから明度や彩度を変えれば、
![](https://irarecreate.com/wp-content/uploads/2022/11/38c3397c3df01319d798b64debdec378-1024x576.jpg)
調整が可能です。
![](https://irarecreate.com/wp-content/uploads/2022/11/28ffe86c6ce3156bca8c6ca9f65f4d63-1024x576.jpg)
今回の記事は、ここまでです。
最後までお読みいただき、ありがとうございます。
無料で完成素材をダウンロード↓
フリーグラデーションイラスト – No: 22120520/無料イラストなら「イラストAC」をイラストACでチェック!
コメント