この記事には広告が含まれています。
こんにちは、イラレ常人です。
今回はイラレのフリーグラデーションに焦点を絞って、その使い方や活用方法を記事にしました。
それでは、さっそく本編にいきましょう。
フリーグラデーションって?
まず「フリーグラデーションって何?」というお話ですが、これは2019年以降のイラレで使える、カスタム要素の高いグラデーションのことです。
カスタムと聞くと、細かい設定を自分でやらなきゃいけないのかと思う方もいらっしゃるかもしれませんが、その設定は極めて感覚的にできるようになっているので、面倒ではありません。
「ここの色を変えたい!」と思ったら、そこにポイントを合わせて色を選ぶだけです。
![](https://irarecreate.com/wp-content/uploads/2022/03/de40778f68fe66f12343c9ba7e133348-1024x576.jpg)
![](https://irarecreate.com/wp-content/uploads/2022/03/6ad37440e33f6755464d80679a3f3680-1024x576.jpg)
きっとあなたのデザインの幅も広がると思うので、ぜひこの記事でフリーグラデーションを習得していただきたいと思います。
フリーグラデーションの基本操作
まず、長方形ツールで適当な大きさの四角形を作ります。
線はなしで、塗りは白となし以外なら、何でもOKです。
![](https://irarecreate.com/wp-content/uploads/2022/03/b12df095201c9f2a4b847c3d88e54372-1024x576.jpg)
![](https://irarecreate.com/wp-content/uploads/2022/03/0e378a55641a5ade516ad1dad20453a9-1024x576.jpg)
次に、この四角形を選択した状態で「グラデーションパネル」を開き、「フリーグラデーション」を選択します。
![](https://irarecreate.com/wp-content/uploads/2022/03/0eb25211b0bb803baba490ea2a5cc69c-1024x576.jpg)
すると四角形にフリーグラデーションが適用され、四隅に色を設定するポイント(下図マーキング部分)が現れました。
![](https://irarecreate.com/wp-content/uploads/2022/03/9223d88303ab17ef810afa941e0bbcc9-1024x576.jpg)
ポイントをダブルクリックすると、色を設定するウィンドウが出てきます。
![](https://irarecreate.com/wp-content/uploads/2022/03/768edeb5d7073f4534503d0a814895c9-1024x576.jpg)
![](https://irarecreate.com/wp-content/uploads/2022/03/05a3ef95f394946857d2c3a2a6ee6aeb-1024x576.jpg)
もう一度クリックすると、ウィンドウが閉じます。
![](https://irarecreate.com/wp-content/uploads/2022/03/92de604113280bddb08472f5e14bec29-1024x576.jpg)
さらに、色の占める割合はこの点線の円(下図参照)をドラッグすると、変えることができます。
![](https://irarecreate.com/wp-content/uploads/2022/03/f89160b08130c8a76d5b291a047f695f-1-1024x576.jpg)
![](https://irarecreate.com/wp-content/uploads/2022/03/80b83ba912e328a4d45ed12219792c10.gif)
因みにこの円のことを「スプレッド」といい、コントロールバーやグラデーションパネルから数値で設定することもできます。
![](https://irarecreate.com/wp-content/uploads/2022/03/7c53c86b68ffec55efd2dbc140a7fd7f-1024x576.jpg)
またグラデーションの不透明度もコントロールバー、グラデーションパネルから設定することもできます。
![](https://irarecreate.com/wp-content/uploads/2022/03/ac821ad27e36f7e2633fd107b950063e-1024x576.jpg)
あとフリーグラデーションということでポイントの位置をドラッグでずらしたり、増やすこともできます。
![](https://irarecreate.com/wp-content/uploads/2022/03/7bd40c9732b6ab1fa58fc95c3c1ef26d.gif)
ポイントを増やす場合は「グラデーションカラーポイントを作成」を押し、図形の中の適当なところを左クリックすれば、増やすことができます。
![](https://irarecreate.com/wp-content/uploads/2022/03/738198690a6943f776e906ee418db038-1024x576.jpg)
![](https://irarecreate.com/wp-content/uploads/2022/03/bad8897570b525804ce63393f2ad6352-1024x576.jpg)
また、このポイント同士はつなげることもできます。
「ラインにグラデーションカラーポイントを作成」を押すと、左クリックしたポイントに沿って色を置いていくことができます。
![](https://irarecreate.com/wp-content/uploads/2022/03/16b3c00533da154db0e819ebcd835ca1-1024x576.jpg)
![](https://irarecreate.com/wp-content/uploads/2022/03/205242500e4af0559709c44ca81f6232.gif)
普通に左クリックすると曲線を描きながらラインができていきますが、alt(option)を押しながら左クリックすると直線を描くこともできます。
![](https://irarecreate.com/wp-content/uploads/2022/03/d8046b69ed6773c87637bbfe1675b7d6.gif)
ただしラインのフリーグラデーションには決まりがあり、ライン同士を交差させることはできませんので、ご注意ください。
このラインを切りたいときは、escを押せば切ることができます。
![](https://irarecreate.com/wp-content/uploads/2022/03/8816f3e665ebe82b31441dd4f302a788-1024x576.jpg)
ポイント自体の削除はポイントを選択した状態で、backspace(delete)を押せば可能です。
![](https://irarecreate.com/wp-content/uploads/2022/03/b879fdc8dde71b7284f17e263a800786-1024x576.jpg)
![](https://irarecreate.com/wp-content/uploads/2022/03/784fde5254d7c8f94381013d6c705cd3-1024x576.jpg)
![](https://irarecreate.com/wp-content/uploads/2022/03/a0c662e6dfce9bcf0524544cf5a83ca2-1024x576.jpg)
もしフリーグラデーションの編集モードが解除されてしまった(ポイントが消えた)場合は、グラデーションがかかった図形を選択した状態で、グラデーションパネルの「グラデーションを編集(G)」を押せば、再度編集することができます。
![](https://irarecreate.com/wp-content/uploads/2022/03/48752cb6d433a4790b6453cbc6fa79c2-1024x576.jpg)
![](https://irarecreate.com/wp-content/uploads/2022/03/234c43c95992fec97e6159ad7b7cfa5f-1024x576.jpg)
![](https://irarecreate.com/wp-content/uploads/2022/03/e86e997cf84c70b97857478aa6219ca8-1024x576.jpg)
フリーグラデーション活用法3選
基本操作を確認したところで、活用法を3つご紹介します。
背景に活用
まず1つ目は、フリーグラデーションをそのまま背景に活用する方法です。
これは特に説明することはないですが、星空のバックにしたり、ホログラムみたいにしたりと、ひらめき次第でいろんな場面に使えそうですね。
![](https://irarecreate.com/wp-content/uploads/2022/03/16b0604d275bc90463068ed32fae4c8b-1024x576.jpg)
ロゴに活用
2つ目はロゴへの活用です。
フリーグラデーションを使ったロゴとして有名なのは、インスタグラムのロゴですね。
これはおそらく、基本となるロゴにクリッピングマスクでフリーグラデーションをかけているのだと思います。
![](https://irarecreate.com/wp-content/uploads/2022/03/6c83323543a5b17474bb51f9623aa214-1024x576.jpg)
![](https://irarecreate.com/wp-content/uploads/2022/03/5f82eaa315c0e483fa6f4ad56f53da4b-1024x576.jpg)
クリッピングマスクとは、前面の図形に合わせて背面のオブジェクトを切り抜く機能です。
マスクは文字に対しても適用できます。
文字を上、フリーグラデーションを下にして2つを選択し、右クリックから「クリッピングマスクを作成」を押せば、このようにマスクがかかります。
![](https://irarecreate.com/wp-content/uploads/2022/03/b12f409e53632c20828615088a5305cd-1024x576.jpg)
![](https://irarecreate.com/wp-content/uploads/2022/03/17bd05166032370bfb8b719431744f6f-1024x576.jpg)
写真に活用
3つ目は写真への活用です。
フリーグラデーションのかかった図形を写真の上に重ねます。
![](https://irarecreate.com/wp-content/uploads/2022/03/1ae44fcfbd60fae744aa247b4acfb7cf-1024x576.jpg)
![](https://irarecreate.com/wp-content/uploads/2022/03/783f0ef0193b288ca6efcb3f3ec815bb-1024x576.jpg)
そして、フリーグラデーションを選択した状態で「透明パネル」を開き、「描画モード」から任意のモードを適用すると写真に変化が生まれます。
![](https://irarecreate.com/wp-content/uploads/2022/03/8faf13c3e41c595cbaae54d7245a3d0a-1024x576.jpg)
![](https://irarecreate.com/wp-content/uploads/2022/03/a124f44dd8e66db72ce75d5fd7fe9b1f-1024x576.jpg)
ちょっと映えない写真だったとしても、フリーグラデーションを重ねれば、おしゃれな写真に早変わりするかもしれません。
おまけ
最後に、役に立つかもしれない素敵な機能をご紹介します。
このフリーグラデーションはたくさんの色を設定できる分、再配色するのが非常に面倒です。
どれくらい面倒かというと、シールの剥がれ残りを取るくらいです。
そんな悩みを解決してくれるのが、下図の「オブジェクトの再配色」という機能。
自分で設定した色のトーンに合わせて、イラレが自動的に再配色を行ってくれます。
![](https://irarecreate.com/wp-content/uploads/2022/03/576256b2ffb1d63bf84d0f5b6fcf5fc6-1024x576.jpg)
![](https://irarecreate.com/wp-content/uploads/2022/03/4ce93662d903b959a1834adcb8b0de2e.gif)
調整が終わったら適当な場所を左クリックすれば、このウィンドウは閉じます。
![](https://irarecreate.com/wp-content/uploads/2022/03/4afac28426b2e0818f837b909d425938-1024x576.jpg)
今回の記事はここまでです。
フリーグラデーションの素晴らしさが伝われば幸いです!
最後までお読みいただき、ありがとうございます。
コメント