グラデーションの概要

最終更新日 : 2026年2月11日

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

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

グラデーションの種類

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

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

注意：

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

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

A. 線状グラデーション B. 円形グラデーション C. 自由形状グラデーション

ヒント :

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

グラデーションガイド

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

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

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

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

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

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

事前定義されたグラデーションを適用する

円形グラデーションの適用

学ぶ

アプリ内のステップバイステップのビデオチュートリアルと実践的なガイダンスで学習できます。

コミュニティ

ディスカッションに参加し、回答を見つけ、専門家から学び、知識を共有することができます。

Adobe Home

お気に入りの Creative Cloud アプリ、サービス、ファイル管理などにアクセスできます。