複数の図形全体にグラデーションを適用する - Illustrator

Illustrator で複数の図形全体にグラデーションを適用する方法を紹介します。
下図の図形を作成します。
この図形全体にグラデーションをかけたいです。左上の正方形が薄く、右下の正方形が濃くなるグラデーションを適用したいです。

動作の確認 (図形を選択してグラデーションパターンを適用した場合)

単純に図形を選択し、グラデーションパターンを適用すると下図の状態になります。選択した図形のみにグラデーションが適用されます。


図形を複数選択してグラデーションパターンを適用した場合でも、それぞれの図形にグラデーションが適用されます。

手順

グラデーションを適用したい図形を選択します。


キャンバス上で右クリックします。ポップアップメニューが表示されますので、[複合パスを作成]をクリックします。


または、[オブジェクト]メニューの[複合パス]のサブメニューの[作成]の項目をクリックします。


複合パスが作成されました。下図の表示になります。


グラデーションパターンを適用します。グラデーションが図形の全体に適用されます。


グラデーションツールでグラデーションの方向を変更します。


グラデーションの終点を回転させ、斜め方向にグラデーションする設定にしました。正方形1つごとのグラデーションではなく、 複合パスを作成した図形全体に対してのグラデーションであることがわかります。


グラデーションが設定できました。

補足:複合パスを解除した場合

複合パスを解除すると下図の表示に変わります。それぞれの正方形に対してグラデーションが適用される表示になります。

補足:グループ化した場合 / パスファインダーで図形を結合した場合

グループ化した場合も、それぞれの正方形に対してグラデーションが適用される動作になります。


図形が結合された場合は、全体に対してグラデーションが設定されます。

著者
iPentecのメインデザイナー
Webページ、Webクリエイティブのデザインを担当。PhotoshopやIllustratorの作業もする。
最終更新日: 2021-01-13
作成日: 2020-12-14
iPentec all rights reserverd.