【イラストレーターの便利な機能】グラデーションについて

Illustratorで制作したオブジェクトにグラデーションの色設定を行う方法を紹介します。

人気記事イラストレーターの使い方を初心者に優しく伝授
人気記事Illustrator初心者におすすめのイラストレーターの本。人気ランキング10選（公開中）

【最新】『写真・画像編集用ソフト の 売れ筋ランキング』はこちら

グラデーションの作り方

Illustratorで作成したデータにグラデーションの設定を行いたい場合は、グラデーションパネルを使用します。画面上に表示されていない場合は、メニュー「ウィンドウ」→「グラデーション」で表示できます。

グラデーションを設定したいオブジェクトを選択し、グラデーションパネルで塗りまたは線のどちらにグラデーションを設定するか選択します。

塗りまたは線のどちらかを選択し、グラデーション（クリックして有効に）の箇所をクリックすると、白と黒のグラデーションが設定されます。

グラデーションの色の変更

設定したグラデーションの色を変更する場合は、グラデーションパネルとカラーパネルを使用します。グラデーションパネルのグラデーションスライダー左下の箇所をクリックしてから、カラーパネルで色を選択します。

カラーパネルでマゼンタ100％を選択すると、白から黒のグラデーションから、ピンクから黒のグラデーションに変更できました。

同様にグラデーションスライダー右下の箇所をクリックしてから、カラーパネルで色を変更します。カラーパネルでシアン100％を選択すると、ピンクからブルーのグラデーションが設定できました。

グラデーションの色の割合変更

２色のグラデーションが設定できましたが、色の割合を変更することができます。どちらかの色の割合を多くしたい場合などはこの設定を行います。

グラデーションスライダー上部のひし形部分をドラッグすることで、左側の色と右側の色の割合を変更することができます。

グラデーションパネル下側の「位置」の数値を選択または、直接入力しても変更可能です。

グラデーションの色の反転

グラデーションの色を反転したい場合は、グラデーションパネルの塗りと線ボタン下側の色の反転グラデーションボタンをクリックすると反転します。

グラデーションの向きの変更

グラデーションパネルの角度の数値を変更することで、グラデーションの向きを自由に変更することができます。

グラデーションの種類の変更

グラデーションの種類には右から左に色が変わっていくような「線形グラデーション」と、中心から外側に色が変わっていくような「円形グラデーション」、自由度が高い「フリーグラデーション」があります。

グラデーションパネルの「種類」から円形を選択すると、グラデーションの種類が変更できます。
円形グラデーションも線形グラデーションと同様に、色の割合や角度、縦横比などを変更してグラデーションの設定を行うことができます。

フリーグラデーションを選択すると、「ポイント」と「ライン」の2つのオプションを選択できます。

ポイントを選択するとグラデーションの色の分岐点を独立した点としてグラデーションの設定ができ、ラインを選択すると色の分岐点を線のセグメント上に作成することができます。

3色以上のグラデーションの設定

3色以上を使用したグラデーションを設定することも可能です。

グラデーションパネルのグラデーションスライダーの下の部分でクリックすると、色が追加されますので、カラーパネルで任意の色に設定することで3色のグラデーションが設定できます。

グラデーションの色をどんどん追加すれば虹のようなグラデーションを設定することも可能です。

追加したグラデーションの色を減らしたい場合は、削除したい色のマークをグラデーションパネルの外側にドラッグすると色を削除することができます。

イラストレーターの使い方講座

イラストレーターの基本操作から応用まで、実際の画面をもとに機能説明、操作方法を解説しています。