Illustratorでグラデーションを使っていると、線形や円形では表現しきれない場面に直面することがあります。複数の色を好きな位置に配置し、より自由に混ぜ合わせたいときに力を発揮するのが「フリーグラデーション」です。
この記事では、フリーグラデーションの概要から適用手順、ポイントモードとラインモードの使い分け、色の細かな調整方法まで順を追って解説します。後半では、印刷物として仕上げる際に見落としがちな色の問題についても取り上げています。
イラレのフリーグラデーションとは？
フリーグラデーションとは、オブジェクト内の好きな位置に色を配置し、複数の色を自由に混ぜ合わせられるIllustratorのグラデーション機能です。Illustrator CC 2019で追加され、従来の線形グラデーションや円形グラデーションでは難しかった、多色で複雑な色表現を作成できるようになりました。
フリーグラデーションでは、オブジェクト内に配置した分岐点ごとに異なる色を設定できます。分岐点同士は自動的に滑らかにブレンドされるため、複数の色が自然に溶け合うグラデーションを直感的に作成できます。
光が当たっているような立体感や、ホログラムのような多色表現も比較的手軽に作成できるため、バナーやポスターの背景、ロゴデザインなど幅広い用途で活用されています。
なお、フリーグラデーションは塗りにのみ適用でき、線には使用できません。また、Illustrator CC 2019で追加された機能のため、それ以前のバージョンではフリーグラデーションを新規作成・編集するための機能は使用できません。利用する際は、使用しているIllustratorのバージョンを確認しておきましょう。
フリーグラデーション機能の使い方
フリーグラデーションには、ポイントモードとラインモードという2つの描画方法があります。作りたいデザインに合わせて使い分けることで、イメージに近い表現を作りやすくなります。
フリーグラデーションを適用する方法
フリーグラデーションの適用は、オブジェクトを選択して機能を呼び出すだけです。順番に確認していきましょう。
1：オブジェクトを選択する
フリーグラデーションを適用したいオブジェクトを選択します。塗りが「なし」の場合は適用できないため、あらかじめ任意の色を設定しておきましょう。
2：フリーグラデーション機能を選択する
グラデーションパネルを開き、「種類」から「フリーグラデーション」を選択します。グラデーションパネルは、メニューバーの「ウィンドウ」→「グラデーション」から表示できます。
フリーグラデーションを適用すると、オブジェクトの四隅などに丸いアイコンが表示されます。これが分岐点です。各分岐点に色を設定することで、グラデーションを作成していきます。
ポイントモードとラインモードの違い
フリーグラデーションには、ポイントモードとラインモードの2種類があります。
| ポイントモード | ラインモード |
| 任意の場所に色の分岐点を配置する 色が自然に溶け合う 背景や有機的な多色表現に向いている |
線に沿って色を流す 色に方向性や動きを持たせられる 光の筋や流線表現に向いている |
ポイントモードは自由で有機的な多色表現に、ラインモードは方向性のある表現に適しています。どちらが正解というわけではないため、作りたいデザインのイメージに合わせて選びましょう。
フリーグラデーションの調整方法
フリーグラデーションを適用した後は、分岐点の追加、色の変更、位置の移動、削除を組み合わせながら、仕上がりを調整していきます。
基本的な操作は次のとおりです。
色の分岐点を追加する
オブジェクト内の何もない場所をクリックすると、新しい分岐点を追加できます。分岐点を増やすほど表現の幅は広がりますが、色の調整は難しくなります。慣れるまでは3〜4点程度を目安にするとよいでしょう。
分岐点に割り当てる色を変更する
分岐点をダブルクリックすると、カラーパネルやスウォッチが表示され、色を選択できます。もう一度クリックするとパネルが閉じます。スポイトツールで既存の色を取得したり、不透明度を調整して半透明にしたりすることも可能です。
分岐点の適用範囲を調整する
分岐点はドラッグで移動できます。また、分岐点の周囲に表示されるスプレッドを調整すると、色が影響する範囲を変更できます。色の境界をはっきり見せたい場合は小さく、なめらかに混ぜたい場合は大きく設定しましょう。
分岐点を移動させる
分岐点は、ドラッグ操作で自由に移動できます。位置を変えるだけでグラデーション全体の印象が変わるため、色を混ぜ合わせるような感覚でポイントを少しずつ動かしながら仕上がりを確認するのがコツです。
分岐点を削除する
不要になった分岐点は、選択した状態でDeleteキーを押すと削除できます。分岐点をオブジェクトの外側へドラッグしても削除できます。
誤って削除してしまった場合は、Ctrl+Zで操作を元に戻せます。Macの場合は、Command+Zを使用してください。
【ラインモード】曲線と直線を切り替える
ラインモードでは、通常は曲線が描画されます。直線を引きたい場合は、WindowsはAltキー、MacはOptionキーを押しながらクリックしてください。
また、Escキーを押すとラインの作成を終了できます。曲線と直線を使い分けることで、より自由なグラデーション表現が可能になります。
こちらの記事では、彩度と明度の違いについて解説しています。 デザインの質を高める実践的な方法も取り上げているため、ぜひあわせてご覧ください。
注意！PCモニターと実際の印刷物では色が異なる
フリーグラデーションでデザインを作成する際に注意したいのが、PCモニターで見える色と実際の印刷物の色は一致しない場合があることです。
モニターはRGB（光の三原色）、印刷物はCMYK（インクの四原色）で色を表現するため、特に鮮やかなオレンジやピンク、ビビッドブルーなどは印刷時にくすんで見えることがあります。
実際に、株式会社NEXERとWAVEの共同調査では、印刷物の発注・制作で困った経験がある人のうち、最も多い悩みとして挙げられたのが「色の仕上がりが想定と違った」でした。
フリーグラデーションは複数の色を組み合わせる機能だからこそ、色の管理が重要です。
印刷物を作成する場合は、あらかじめIllustratorのカラーモードをCMYKに設定し、印刷時の仕上がりを意識しながら制作を進めましょう。
色の再現性に不安がある場合は、WAVEのコールセンターへご相談ください。データ作成ガイドやテンプレートも用意しているため、入稿前の不安を解消しながら制作を進められます。
まとめ
イラレのフリーグラデーションは、ポイントモードとラインモードを使い分けながら、分岐点の位置・色・スプレッドを調整できる機能です。従来のグラデーションでは難しかった、複雑な多色表現を作成できます。
ポイントモードは、方向性のないやわらかな色の広がりを作りたいときに適しています。ラインモードは、光の筋や流線のように、色の動きや方向性を表現したいときに便利です。
色数は3〜4色程度に絞ると濁りにくく、全体をきれいにまとめやすくなります。分岐点の位置やスプレッドを少しずつ調整しながら、イメージに近い仕上がりを目指しましょう。
デザインが完成したら、印刷はWAVEにお任せください。色の仕上がりに不安がある場合でも、コールセンターに電話1本で相談でき、データ作成ガイドやテンプレートを活用することで入稿までスムーズに進められます。
フリーグラデーションで作り上げた表現を、画面上だけで終わらせるのはもったいないものです。WAVEなら、こだわって作成したデザインを印刷物として形にできます。
WAVEでは名刺・ポスター・パンフレットをはじめ、チラシ印刷や中綴じ冊子など多彩な印刷物をネット通販で承っています。 デザイン制作のご相談も可能ですので、お困りの際はぜひお問い合わせください。
この記事を書いた人：WAVEブログ編集部 デザインチーム
お客様からご依頼いただいたデザイン制作や、自社パンフレット・サンプル等の作成を担当しています。プロの視点から、見映えを良くするコツやデザインに関する役立つアイデアを発信していきます！
» WAVEブログ編集部 デザインチームの記事一覧を見る
