より自然でなめらかなカラーブレンドが可能なフリーグラデーションを適用、編集し、クリエイティブな表現を実現しましょう。

必要な情報

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

学習内容:フリーグラデーションを作成して、アートワークに適用する

フリーグラデーションとは

Illustratorでは、フリーグラデーションを使用することで、シェイプ内でカラー分岐点を段階的またはランダムにブレンドし、グラデーションが自然で滑らかに見えるようにします。フリーグラデーションは、次の 2 つのモードで適用できます。

  • ポイント:カラー分岐点をオブジェクト内の独立したポイントとして作成する場合は、このオプションを選択します。
  • ライン:カラー分岐点をオブジェクト内の線セグメント上に作成する場合は、このオプションを選択します。

フリーグラデーションを適用する

  1. 左側のツールバーからグラデーションツールを選択します。アートワークをクリックして、デフォルトの「ホワイト、ブラック」グラデーションを適用します。
  2. プロパティパネルで「フリーグラデーション」ボタンをクリックし、フリーグラデーションに変更します。フリーグラデーションは、適用するアートワークによって見え方が異なります。これは、Illustratorの「コンテンツに応じる」テクノロジーにより、周囲のアートワークや様々な要因にもとづいてカラーが適用されるからです。

グラデーションの「種類」を変更すると、アートワークに一連のカラー分岐点が表示されます。カラー分岐点の数とカラーは、適用するアートワークによって異なります。

カラー分岐点を編集する

各カラー分岐点に対し、以下の操作ができます。

  • カラー分岐点のカラーを変更するには、カラー分岐点をダブルクリックして、カラーオプションのパネルを表示するか、またはカラー分岐点を選択して、プロパティパネルで「塗り」のカラーをクリックします。
  • カラー分岐点を削除するには、BackspaceキーまたはDeleteキーを押すか、あるいは選択しているアートワークの境界の外側にカラー分岐点をドラッグします。
  • 新しくカラー分岐点を追加するには、選択したアートワークの境界内をクリックします。
  • カラー分岐点を移動するには、カラー分岐点をクリックしたままドラッグします。

ヒント:複数のカラー分岐点のカラーを一括変更するには、編集したいカラー分岐点をShiftキーを押しながらクリックして選択し、プロパティパネルで「塗り」のカラーをクリックして、カラーを設定します。

グラデーションのラインを作成する

カラー分岐点を使用してカラーを追加できるほか、ラインを作成し、それに沿って同じカラーまたは異なるカラーをブレンドすることができます。グラデーションのラインを作成すると、そのパスに沿ったカラーをより立体的に見せる効果があります。

  • プロパティパネルで、「ライン」オプションを選択します。
  • 選択したアートワーク内をクリックしてポイントを設定し、ラインを描画します。
  • 別のスポットをクリックして、曲線を描画します。
  • パスが完了するまでクリックを続けます。

ポイントはドラッグして位置を変更できます。パス上のポイントをダブルクリックすれば、そのカラーを編集できます。ポイントを削除するには、BackspaceキーまたはDeleteキーを押し、新しいポイントを追加するには、ライン上をクリックします。

  • 描画を終了するには、Escキーを押します。

ポイントを再編集する

ラインと関連付けられていないカラー分岐点を個別に編集するには、プロパティパネルの「ポイント」オプションを選択します。その後、ポイントを選択し、編集します。

05/10/2021

Adobe Stock提供元:jack1e

プレゼンター:Brian Wood

このページは役に立ちましたか。