【Illustrator】線にグラデーションをかける便利なテクニック

こんにちは
クリエイターのRIMPEIです。

イラレでグラデーションを使う時なぜかうまくいかないなぁっていうことありませんか？
グラデーションひとつとっても使い方を把握していないと苦戦しますよね。

今回は、そんなグラデーションの中でもさらに的を絞って、「線」のグラデーションにフォーカスします。
線にグラデーションをかける方法とその種類、そしてグラデーションの色を線に沿って変化させる方法もご紹介します。

ではさっそく見ていきましょう〜

• \\　目 次　//
• 線にグラデーションをかける方法
• グラデーションの色を線に沿って変化させる方法
• まとめ

線にグラデーションをかける方法

以下の手順で線にグラデーションをかけます。

〈 ①パスもしくはオブジェクトを選択 〉

グラデーションをかけたいパスもしくはオブジェクトを選択します。

〈 ②「塗りと線」の線を選択 〉

ツールバーの「塗りと線」で線が変更の対象となっていることを確認します。 下の画像参照

塗りが対象となっている場合は、塗りの方にグラデーションをかけることになりますので注意しましょう。

〈 ③グラデーションをかける 〉

ツールバーの「塗りと線」の下にあるグラデーションボタン、もしくはグラデーションウィンドウのグラデーションボタンをクリックして線にグラデーションをかけます。

 
 

ここで注意するポイントをお伝えします！！

「塗り」の場合のようにツールバー内のグラデーションツールを使ってグラデーションをかけることはできません。
また同じくグラデーションツールを使って直感的にグラデーションの角度や割合を変更することはできません。
もしグラデーションの角度や割合などを細かく調整したい場合は、グラデーションウィンドウ内のスライダーや数値を変化させることで調整することができます。

線にグラデーションがかかったでしょうか？
グラデーションウィンドウのグラデーションスライダー上にあるカラーを示した丸じるしをクリックして色の変更や追加をすることができます。

では次にグラデーションの種類とグラデーションの色を線に沿って変化させる方法を見ていきましょう。
 

グラデーションの色を線に沿って変化させる方法

線のグラデーションには面にもある線形と円形の２種類に加え、さらに３種類のタイプがあります。

みなさんご存知かと思いますが線形と円形というのは下画像のような違いです。 これは塗り・線とグラデーションの対象に関係なく存在します。

次に線の場合だけ現れるのが以下の３つです。
・線にグラデーションを適用
・パスに沿ってグラデーションを適用
・パスに交差してグラデーションを適用

それぞれ画像のような形のグラデーションになります。

すでにお気づきの方もいるかもしれませんが、グラデーションの色を線に沿って変化させる方法というのは「パスに沿ってグラデーションを適用」に切り替えるだけなんです。
それだけで、線の始点から終点に向かって線に沿って色が変化していくグラデーションとなります。
実はとても簡単だったんです笑
 

まとめ

グラデーションは使ったことあるけれど、線に使う機会は意外と少ないという方もいるんじゃないでしょうか。
知っているのと知らないのとでは表現の幅や作業効率が多少なりとも変わってくると思います。
面で制作しづらいグラデーションを線で制作してからパスをアウトライン化するというアプローチで、作業をより簡単に進めることもできるかもしれませんね！

実際の制作ではこの機能を使う場面は少なめかもしれないので、まずは好きなように線を引いて色々なグラデーションをお試しあれ！

インフォコネクトのブログでは、このようなデザイン制作ツールの基礎的なスキルについての記事を他にも投稿しています。
興味のある方はぜひチェックしてみてください。
 

• 前の記事へ

  労務管理とは？人事管理、勤怠管理との違いやジョブカンでカバーできる範囲をご紹介

• 次の記事へ

  【Photoshop】背景色が近すぎて「クイック選択ツール」でうまく選択できない問題を解決