チュートリアル記事

初級

5 分

カラーグラデーションの作成

Illustratorの様々なグラデーションを知り、線形と円形のグラデーションをアートワークに適用しましょう。

チュートリアルを Illustrator で表示
アプリを操作しながら学ぶ

このサンプルファイルは、このチュートリアルの学習内容の練習に使用できるAdobe Stock素材です。このチュートリアル以外でサンプルファイルを使用する場合には、Adobe Stock のライセンスを購入してください。このサンプルファイルの使用に適用される利用条件については、フォルダー内のReadMeファイルを参照してください。

学習内容:アートワークに線形と円形のグラデーションを作成、適用、編集する

グラデーションとは

グラデーションとは、複数のカラーの段階的変化、または同じカラーの濃淡カラーの段階的変化です。

デフォルトの線形グラデーションを適用する

選択したアートワークの線や塗りにグラデーションを適用することができます。方法は以下のとおりです。

1. グラデーションを適用する対象のアートワークを選択します。

2. アートワークのどの部分にグラデーションを適用するかによって、プロパティパネルで、「塗り」のカラーまたは「線」のカラーをクリックします。表示されたパネルで「スウォッチ」オプションを選択すると、デフォルトのグラデーションスウォッチがいくつか表示されます。デフォルトの「ホワイト、ブラック」グラデーションを適用します。

注意: デフォルトの「ホワイト、ブラック」グラデーションスウォッチが表示されない場合は、ウィンドウ/スウォッチを実行してスウォッチパネルを表示後、スウォッチパネルのパネルメニューからスウォッチライブラリを開く/初期設定スウォッチ/プリントを選択します。表示されたパネルで、目的のスウォッチをクリックしてグラデーションを適用します。

ヒント: Illustratorのデフォルトのグラデーションを順に試してみましょう。スウォッチパネルのパネルメニューからスウォッチライブラリを開く/グラデーションを選択すると、様々な種類のグラデーションライブラリが表示されます。

グラデーションのカラーを編集する

グラデーションを適用した後でも、アートワークのグラデーションは編集できます。

  • スウォッチパネルを表示させたまま、「グラデーションツールオプション」をクリックしてグラデーションパネルを表示させます。

グラデーションパネルでは、グラデーションの種類、グラデーションの角度、グラデーションのカラーなどを調整できます。グラデーションは、パネル下部のグラデーションスライダーに表示されます。スライダーの下にある円(カラー分岐点)はグラデーションのカラーを表します。

グラデーションのカラーを調整する方法:

  • グラデーションスライダーの下にあるいずれかのカラー分岐点(円)をダブルクリックします。カラーオプションが表示されるので、カラーを変更します。

  • グラデーションにカラーを追加するには、グラデーションスライダーのすぐ下にポインターを重ねます。ポインターの横に「+」記号が表示されたらクリックします。カラー分岐点をドラッグして、グラデーションのブレンド方法を調整します。

  • カラー分岐点を削除するには、そのカラー分岐点をクリックして選択し、グラデーションスライダーの外にドロップするか、スライダーの右端にあるごみ箱アイコンをクリックします。

アートワークのグラデーションを変更する

グラデーションパネルのオプションを調整する以外にも、アートワークのグラデーションの方向と長さを調整することができます。

  1. ツールバーからグラデーションツールを選択します。選択したアートワークに、グラデーションスライダーとカラー分岐点を示すグラデーションガイドが表示されます。アートワーク上のカラー分岐点をダブルクリックしてカラーを編集、カラー分岐点をドラッグ、グラデーションスライダーの下をクリックして新しい分岐点を追加するなどの操作ができます。

  2. グラデーションの方向と長さを変更するには、アートワークを選択したまま目的の方向にドラッグします。ドラッグする角度でグラデーションの方向が決まり、ドラッグする距離でグラデーションの長さが決まります。

ヒント: グラデーションのカラーを入れ替える(反転する)には、グラデーションパネルの「反転グラデーション」ボタンをクリックします。

グラデーションを再利用できるようにスウォッチとして保存する

  • シェイプを選択した状態で、プロパティパネルの「塗り」のカラーをクリックし、「スウォッチ」を表示します。「新規スウォッチ」ボタンをクリックして、グラデーションに名前を付けて保存し、別の場所にも適用できるようにします。

グラデーションの種類を円形グラデーションに変更する

適用したグラデーションを別の種類に変更することができます。

  • プロパティパネルの「塗り」のカラーを使用して、他のシェイプの塗りにグラデーションを適用します。

  • 種類を円形に変更するには、グラデーションパネルの上部、またはプロパティパネルの「グラデーション」セクションにある、「円形グラデーション」ボタンをクリックします。

  • グラデーションツールを使用して、アートワーク内のグラデーションを調整できます。


Adobe Stock提供元

Zaniman

twindesigner

twindesigner

プレゼンター

Brian Wood

2023年5月24日

Illustrator でこれらのチュートリアルをお試しください

ベクターを使用してイラストやグラフィックを作成