グラデーションの概要

最終更新日 : 2026年8月12日

Illustrator のさまざまな種類のグラデーションについて説明します。

グラデーションを適用して、カラー間のスムーズな変化を作成します。

グラデーションとは、あるカラーから別のカラーへの徐々のブレンド、あるいはあるカラーの濃淡の徐々のブレンドです。 グラデーションを使用すると、カラーブレンドを作成してベクターオブジェクトに立体感を加えたり、アートワークにライトとシャドウの効果を加えたりできます。 グラデーションの作成、適用、変更は、グラデーションパネル、グラデーションツール、コントロールパネルから行うことができます。

グラデーションの種類

Illustrator では、次の 3 種類のグラデーションを作成できます。

  • 線状グラデーションある点から別の点にカラーを一直線にブレンドするには、このグラデーションを使用します。
  • 円形グラデーションある点から別の点にカラーを円形にブレンドするには、このグラデーションを使用します。 
  • フリーグラデーション描画が滑らかで自然に見えるように、シェイプ内でカラー分岐点を指定した順序またはランダムな順序で徐々にブレンドするには、このグラデーションタイプを使用します。 フリーグラデーションは次の 2 種類のモードで適用できます。
    • カラー分岐点の周囲に色をブレンドするには、このモードを使用します。
    • 線の周囲に色をブレンドするには、このモードを使用します。
メモ

線状グラデーション円形グラデーションは、オブジェクトの塗りに適用することができます。 フリーグラデーションは、オブジェクトの塗りにのみ適用できます。


左側は線状グラデーションを使用した太陽と炎、中央は円形グラデーション、右側はフリーグラデーション。
線状、円形、フリーグラデーションを使用して色を描画します。

A. 線状グラデーション B. 円形グラデーション C. フリーグラデーション 

ヒント

カラー分岐点とは、グラデーションガイド上(線状グラデーション円形グラデーションの場合)、もしくはオブジェクト上(フリーグラデーションの場合)の点のことです。グラデーションのカラーをコントロールします。 カラー分岐点のカラーを変更してグラデーションを設定します。 

グラデーションガイド

線状グラデーションと円形グラデーションでは、ツールバーのグラデーション ツールを選択すると、アートワークにグラデーションガイドが表示されます。 グラデーションガイドとは、始点、終点、中間点、および始点と終点の 2 つのカラー分岐点を示すスライダーです。

グラデーションガイドの表示/非表示を切り替えるには、表示 グラデーションガイドを表示または表示グラデーションガイドを非表示を選択します。

グラデーションガイドを使用して、線状グラデーションの角度、位置、広がりを変更したり、円形グラデーションの焦点、原点、広がりを変更したりできます。 グラデーションガイドがオブジェクトに表示されたら、グラデーションパネルまたはグラデーションガイドを使用して、新しいカラー分岐点を追加したり、個々のカラー分岐点に新しい色を指定したり、不透明度設定を変更したり、カラー分岐点を新しい場所にドラッグしたりすることができます。

ウィンドウグラデーションを選択して、グラデーションパネルにアクセスします。

線状および円形グラデーションガイドでは、グラデーションスライダーの円形の端(始点)をドラッグしてグラデーションの原点の位置を変更し、矢印の端(終点)をドラッグしてグラデーションの範囲を調整します。 終点にポインターを置くと、回転カーソルが表示されます。このカーソルを使用すると、グラデーションの角度を変更できます。

フリーグラデーションを使用すると、オブジェクトの任意の場所にカラー分岐点を配置することができます。 そのため、フリーグラデーションにはグラデーションガイドは必要ありません。