『自分の仕事は自分でクリエイト』を目指す新米クリエイターたちのアウトプット用Webマガジン。得意を活かした企画に挑戦中!

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

Illustrator 基本編 グラデーションパレットとグラデーションツール

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ファイルは以下からダウンロードできます。

この記事が気に入ったら
いいね ! しよう

福本 智子

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

Pocket
LINEで送る

関連記事

ログイン

新米クリエイターズ Webメディア部

『自分の仕事は自分でクリエイト』を目指す新米クリエイターたちのアウトプット用Webマガジン。

Web・DTPデザイナー・会社員・アルバイト・ライター・ブロガー・主婦・子育てママ...etc。
現在の肩書きは違えど目指すところは皆「フリーランスのWebデザイナー(クリエイター)」

日々の学びやお役立ち情報をブログで発信・アウトプットをしながらWebの世界でコンテンツを配信する、
Webサイトを運営する、アクセスを集めるってどんなことなのか?を体感していきます。

新米クリエイターならではの気づきや学び、Webデザイナーの腕を磨いていく模様をリアルに感じていただけます!