Adobe Illustrator CCのグラデーションツールの使い方を紹介します。グラデーションツールは直感的にグラデーションを描くことができるので、とても便利です。線形・円形の両方のグラデーションを書く方法をお伝えします。
線形のグラデーションを書く方法
グラデーションをかけたいオブジェクトを選択し、「グラデーションツール」をクリックします。
オブジェクトの中心点でダブルクリックします。
グラデーションガイドが表示されます。
※表示されない場合は、グラデーションガイドが非表示に設定されているので、上部メニューの「表示」>「グラデーションガイドを表示」を選択してください。
→ショートカットキーは「Alt+Ctrl+G」(macはoption+command+G)
グラデーションガイドにカーソルを合わせ、アイコンが手のひらマークに変化したらダブルクリックします。
グラデーションの開始点に任意の色を指定します。
同じように終了点の色も指定します。これで、グラデーションツールでグラデーションを描くことができました。
三色のグラデーションを作りたい場合
グラデーションガイド上にカーソルをあて、クリックしてポイントを追加します。
開始点や終了点と同じように、ダブルクリックして色を選択します。
これで三色のグラデーションを作ることができました。
円形のグラデーションを作る方法
グラデーションをかけたいオブジェクトを選択し、グラデーションを選択します。
グラデーションパネルが開きます。
グラデーションの種類を円形に変更します。
円の中央を中心に、白色から黒色の円形グラデーションができました。
さらに、グラデーションツールを選択し、オブジェクトの上でクリックしてグラデーションガイドを表示させます。
中央の小さい方の円が円形のグラデーションの中心点をあらわし、ドラッグして移動することができます。また、中央の大きい方の円がグラデーションの開始点です。
円形のグラデーションも線形のグラデーションと同じように、グラデーションの開始点や終了点に色を設定することができます。
グラデーションの角度の変更方法
グラデーションガイドを表示した状態で、Alt(option)キーを押しながら終了点にカーソルを合わせると、カーソルアイコンが変化します。
そのまま下方向にドラッグします。
これで角度を変更することができました。
グラデーションの中心点の移動方法
中央の小さい方の円を選択し、移動したい箇所までドラッグします。
これで左上に中心点を移動することができました。
まとめ
グラデーションのつけ方について説明しました。グラーデーションをうまく活用することで、クオリティの高い、ビジュアルを作っていきましょう。