Illustrator 基本編 090 グラデーションパレットとグラデーションツール（7分49秒）

Illustratorのグラデーションツールでオリジナルのグラデーションを作成してみます。

前回、「第8回目パスの連結で簡単イラスト」で作成した缶のイラスト使用します。

→（旧）Illustrator 基本編 080 パスの連結で簡単イラスト

概要

グラデーションカラーを適用する
グラデーションカラーの変更方法
グラデーションカラーの登録方法
スウォッチパレットの切り替え表示
グラデーションの種類を変更する
グラデーションカラーの追加と削除
グラデーションツールの使用方法

補足・ポイント

グラデーションカラーを適用する時

塗りの設定を前面にして、グラデーションパレットの「グラデーションの塗り」をクリックします。

CS5までは、基本的に「塗りの色」にしかグラデーションをかけることができませんでしたが、CS6以降は、「線の色」にもグラデーションを設定することができるようになりました。

グラデーションカラーの変更方法

グラデーションカラーは、目的に合わせて、RGB、HSB、CMYKを選びます。

印刷物にはCMYK、モニター画面（Web）の場合は、RGBを選びます。

今回は、簡単にカラースペクトルから色を選びましたが、RGB、HSB、CMYKそれぞれの数値を入力して色を指定したり、RGBの場合は、カラーコードを直接入力して指定することもあります。

HSBでの指定では、H（色相）、S（彩度）、B（明度）を基準にして色を指定します。

ちなみに、私は、HSBでの指定を便利に使っています。

これに関しては、また詳しく解説できればいいなーと思っています。

PhotoshopでのHSBでの色の指定方法はこちらで解説しています。

→Photoshop基本編 020 シェイプツールでボタンを作る（CS5）

スウォッチパレットのカラーをグラデーションに適用する時の注意点

スウォッチパレットのカラーをドラッグしてグラデーションのスライダーに重ねます。

スウォッチパレットのカラーをクリックで選択してしまうと、単色のカラーに切り替わってしまうので注意しましょう。

この動画でのpsdファイルは以下からダウンロードできます。

Tomoko Fukumoto

フリーランスWebデザイナー・Webスクール講師。子育てをしながら、趣味で始めたネットショップからWebを活用したビジネスの楽しさにはまり、Web屋の道を歩む。 Web制作業務に加え【Webデザインを学びながらビジネス力も身につける体験型スクール＆コミュニティ】を運営。フリーランスでWebデザイナーを目指す方々のサポートに注力している。

https://freelance.web-creators-tips.com/mail-course/