フリーグラデーション機能を利用した複雑なグラデーションの作成

Illustratorでフリーグラデーション機能を利用して、複雑なグラデーションを作成する手順を紹介します。

手順

Illustratorを起動します。
フリーグラデーション機能を利用した複雑なグラデーションの作成:画像1

[長方形ツール]を利用して長方形を描画します。
フリーグラデーション機能を利用した複雑なグラデーションの作成:画像2

描画した長方形が選択された状態で、ツールパレットの[グラデーションツール]のボタンをダブルクリックします。
フリーグラデーション機能を利用した複雑なグラデーションの作成:画像3

[グラデーション]ウィンドウが表示されます。
フリーグラデーション機能を利用した複雑なグラデーションの作成:画像4

グラデーションウィドウの[種類]の欄の一番右の[フリーグラデーション]のアイコンをクリックします。
フリーグラデーション機能を利用した複雑なグラデーションの作成:画像5

フリーグラデーションが作成されました。長方形の角に近い位置にある丸印がグラデーションのポイントになります。
フリーグラデーション機能を利用した複雑なグラデーションの作成:画像6

グラデーションポイントのカラーの変更

グラデーションポイントをクリックします。クリックするとグラデーションポイントが選択されます。選択されたグラデーションポイントには点線の円が表示されます。
フリーグラデーション機能を利用した複雑なグラデーションの作成:画像7

左側のツールパレットのカラー部分をダブルクリックし、カラーパレットから変更したい色を選択します。今回は赤色を選択しました。変更後の画面が下図になります。
フリーグラデーション機能を利用した複雑なグラデーションの作成:画像8

別のグラデーションポイントをクリックして選択します。
フリーグラデーション機能を利用した複雑なグラデーションの作成:画像9

同様の手順でカラーを変更します。右下のグラデーションポイントには青色を設定しました。
フリーグラデーション機能を利用した複雑なグラデーションの作成:画像10

左下のポイントに緑、左上のポイントに黄色を設定しました。
フリーグラデーション機能を利用した複雑なグラデーションの作成:画像11

グラデーションポイントの移動

グラデーションポイントを移動してグラデーションを変化させます。移動したいグラデーションポイントをクリックして選択します。選択されたグラデーションポイントには点線の円が表示されます。
フリーグラデーション機能を利用した複雑なグラデーションの作成:画像12

ドラッグするとグラデーションポイントを移動できます。
フリーグラデーション機能を利用した複雑なグラデーションの作成:画像13

グラデーションポイントの追加

グラデーションポイントが4つありますが、ここにグラデーションポイントを追加します。
フリーグラデーション機能を利用した複雑なグラデーションの作成:画像14

グラデーションポイントのない場所をクリックすると新しいグラデーションポイントを追加できます。
フリーグラデーション機能を利用した複雑なグラデーションの作成:画像15

追加したグラデーションポイントをクリックして選択し、カラーを変更します。
フリーグラデーション機能を利用した複雑なグラデーションの作成:画像16

グラデーション開始位置の変更

グラデーションの開始位置(強度)を変更します。グラデーションの開始位置を設定するグラデーションポイントをクリックします。グラデーションポイントに点線の円が表示され選択状態になります。
フリーグラデーション機能を利用した複雑なグラデーションの作成:画像17

点線の円形の下側の四角のハンドル部分をドラッグします。点線の円形の大きさが変わり、グラデーションの開始位置(強度)が変わります。
フリーグラデーション機能を利用した複雑なグラデーションの作成:画像18

フリーグラデーション機能を利用した複雑なグラデーションの作成:画像19

グラデーションポイントの削除

グラデーションポイントを削除します。削除したいグラデーションポイントをクリックして選択します。グラデーションウィンドウの[停止]セクションにあるゴミ箱のアイコンのボタン分岐点を削除)をクリックします。
フリーグラデーション機能を利用した複雑なグラデーションの作成:画像20

グラデーションポイントが削除できます。
フリーグラデーション機能を利用した複雑なグラデーションの作成:画像21

同じ手順を繰り返し、グラデーションポイントを削除します。
フリーグラデーション機能を利用した複雑なグラデーションの作成:画像22
フリーグラデーション機能を利用した複雑なグラデーションの作成:画像23



マルチグラデーションが作成できました。
フリーグラデーション機能を利用した複雑なグラデーションの作成:画像24

フリーグラデーション機能を利用した複雑なグラデーションの作成:画像25

AuthorPortraitAlt
著者
iPentecのメインデザイナー
Webページ、Webクリエイティブのデザインを担当。PhotoshopやIllustratorの作業もする。 最近は生成AIの画像生成の沼に沈んでいる。
作成日: 2018-10-25
Copyright © 1995–2025 iPentec all rights reserverd.