この記事は2分で読めます

【Illustrator】フリーグラデーションでグラデーションの幅を広げよう

  • 投稿日
  • 更新日

あとで読む

【Illustrator】フリーグラデーションでグラデーションの幅を広げよう

今回はIllustratorでフリーグラデーションを作成する方法について解説します。

複雑なグラデーションを作ることができ、デザインの幅が広がるのでぜひマスターしてみてください。

イッパイアッテナ

はじめまして、イッパイアッテナです。

ITと教養で、優秀なネコの手となり、あなたのあらゆる問題を解決します。あなたの相談役だったり、デザイナーだったり、広報だったり、わたしたちは”イッパイ”の顔をあなたに見せることができます。

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

フリーグラデーションとは「線形グラデーション」や「円形グラデーション」よりも、より自由なカスタムができるグラデーションのことです。

今回はこのようなグラデーションを作ってみたいと思います。

フリーグラデーションを作成する

STEP
長方形を作成する

今回は長方形にフリーグラデーションを適用させていきます。
長方形ツールを選択し、任意の大きさで長方形を作成します。このとき、色は「なし」以外であれば何色でも問題ありません。

STEP
グラデーションパネルを開く

グラデーションパネルを開き、フリーグラデーションをかけていきます

グラデーションパネルが表示されていない場合、メニューバーの[ウィンドウ]→[グラデーション]を選択することで開くことができます。

STEP
フリーグラデーションをかける

先ほど作成した長方形が選択されていることを確認し、グラデーションパネルの種類の左から3番目の「フリーグラデーション」をクリックします。

これでフリーグラデーションが適用されました。

STEP
色を調整する

四隅に丸いポイントが表示されており、このポイントを動かすことでフリーグラデーションの色の適用範囲を変更することができます。

ポイントの移動

ポイントをドラッグすることでお好みの位置にポイントを移動することができます。

色の変更

色を変更したいポイントを選択した状態でグラデーションパネルを開きます。塗りを選択し、カラーピッカーから好きな色を選ぶことで色を変更することができます。

色の適用範囲の変更

ポイントを選択すると丸の点線小さな丸いポイントが出現します。この小さな丸いポイントをドラッグすることによって、色の適応範囲を変更することができます。

ポイントの追加

新たに色を加えたい箇所をクリックをすることでポイントが追加されます。
ポイントを削除したい場合はポイントを選択した状態で下記のキーを押してください。

Mac

Return

Windows

Enter

STEP
完成

こちらでフリーグラデーションが完成しました。

おわりに

今回はIllustratorでフリーグラデーションを作成する方法について解説をしました。

フリーグラデーションを使用することによってより自由度の高いグラデーションを作成できるので、ぜひ試してみてください!

この記事で使用したデータの
ダウンロードはこちら

利用規約 ※必ずお読みください

この記事を書いた人

よかったらシェアしてね!
  • URLをコピーしました!
  • URLをコピーしました!

Web制作について相談してみませんか?

必須は必須項目です。弊社へお問い合わせいただく方は、下記の「個人情報の取り扱いについて」を必ずお読みください。

会社名

任意

お名前

必須

メールアドレス

必須

電話番号

任意

お問い合わせ内容

必須