トップ > 知っておきたい機能 > フィルとストローク >
線形グラデーションと放射グラデーション(段階的な色の変化)(その3)

グラデーションの利用例(続き)

では次に、矩形のシェイプにもグラデーションを設定しましょう。 矩形のシェイプのフィルに、放射グラデーションを設定します。

上図のようにグラデーションツールのままで矩形のシェイプをクリックします。 グラデーションツールではマウスの左ボタン()でクリックすることでオブジェクトを選択することができます。

上図のようにフィル/ストロークダイアログの[放射グラデーション]ボタン()を押します。

上図のように矩形のシェイプのフィルが放射グラデーションで塗られます。 線形グラデーションと同じように、初期の色は自動的に決定されます。

なお、線形グラデーションとは違い、四角ハンドルは中心点を、丸ハンドルは半径を表します。 丸ハンドルが2本あるのは、真円だけでなく楕円も表現できるようにするためです。 2本の丸ハンドルの長さを同じにすれば真円に、変えれば楕円になります。

ではここで、フィル/ストロークダイアログのグラデーションの一覧に注目してみましょう。

上図のようにグラデーションの一覧にグラデーションが追加されています。 これは、塗りの種類を単一色から放射グラデーションに変えたことによって新たに作成されたグラデーションです。

ではここで、たった今作られた "3011" グラデーションをやめて、すでに存在している "Green_To_Red" グラデーションに切り替えましょう。 グラデーションの一覧で "Green_To_Red" グラデーションを、マウスの左ボタン()でクリックします。

上図のようにグラデーションの一覧から "Green_To_Red" を選択します。

上図のように矩形のシェイプのグラデーションの色が変わります。 緑色 → 赤色のグラデーションになりました。

ではここで、グラデーションの一覧に注目してください。

上図のように "Green_To_Red" グラデーションの利用数(#)が 2 になっています。 楕円と矩形のシェイプの両方で利用されているためです。

また、先ほど作成された "3011" グラデーションが削除されています。 利用されなくなっため、自動的に削除されたというわけです。

ではここで、中心点に色を青色に変えてみましょう。

上図のように中心点を選択します。

上図のように色の入力欄の R G B A にそれぞれ 0 0 255 100 を入力します。

上図のように矩形のシェイプの中心点の色が青色になりました。 ただし、楕円のシェイプの始点のグラデーションは変化していません。

なぜ、どちらのシェイプのフィルも "Green_To_Red" グラデーションを利用しているのに、片方だけしか色が変わっていないのでしょうか。 グラデーションの一覧を見えれば理由がわかります。

ではここで、色フェーズの選択を解除してから、フィル/ストロークダイアログ『フィル』タブに注目してください。

上図のようにグラデーションの一覧に新たに "3147" グラデーションが追加され、そちらが選択された状態になっています。 よって、"Green_To_Red" グラデーションの利用数(#)が 1 に減っています。 なお、青色が設定されたのは "3147" グラデーションであり、"Green_To_Red" グラデーションは緑色 → 赤色のままです。

このように、同じグラデーションを複数で利用している場合、つまり、利用数(#)が 2 以上の場合は、色を変えると自動的にグラデーションが複製されます。

ではここで、"3147" グラデーションをやめて、"Green_To_Red" グラデーションに戻しましょう。 グラデーションの一覧で "Green_To_Red" グラデーションを、マウスの左ボタン()でクリックします。

上図のようにグラデーションの一覧から "Green_To_Red" を選択します。

上図のように矩形のシェイプのグラデーションの色が変わります。 緑色 → 赤色のグラデーションに戻りました。

グラデーションの一覧も確認してみましょう。

上図のように "Green_To_Red" グラデーションの利用数(#)が 2 に戻りました。 また、不要になった "3147" グラデーションが削除されています。

では次に、グラデーションの自動的な複製の機能をオフにしてグラデーションの色を変更してみましょう。

上図のようにツールコントロールの[関連するすべてのグラデーションを変更するためにグラデーションをリンク]ボタン()を押します。

ではこの状態のまま、先ほどと同じように中心点の色を青色に変えましょう。

上図のように中心点を選択します。

上図のように色の入力欄の R G B A にそれぞれ 0 0 255 100 を入力します。

上図のように矩形のシェイプの中心点の色が青色になりました。 そして、楕円のシェイプの始点のグラデーションも青色になっています。

さらに、グラデーションの一覧も見てみましょう。 色フェーズの選択を解除してから、フィル/ストロークダイアログ『フィル』タブに注目してください。

上図のように "Green_To_Red" グラデーションの利用数(#)は 2 のままです。 グラデーションが自動的に複製されなかったということです。

このように、ツールコントロールの[関連するすべてのグラデーションを変更するためにグラデーションをリンク]ボタン()をオンにすることで、自動的なグラデーションの複製を無効にすることができます。 これにより、複数のオブジェクトのフィル/ストロークでグラデーションを共有することができます。

まだ説明しておきたいことがありますので、もう少しグラデーションで遊んでみましょう。 ひとまず、ツールコントロールの[関連するすべてのグラデーションを変更するためにグラデーションをリンク]ボタン()をオフにします。

上図のようにツールコントロールの[関連するすべてのグラデーションを変更するためにグラデーションをリンク]ボタン()を押します。

ではここで、"Green_To_Red" グラデーションの開始色を戻しておきましょう。 画面上部のプルダウンメニューの"編集(E)" -> "元に戻す(U)"を実行します(またはキーボードのCTRL + Zを押します)。

上図のようにグラデーションの開始色が緑色に戻りました。 楕円と矩形のシェイプのフィルも、もちろん元の色に戻っています。

ではここで、選択中の矩形のシェイプを複製してみましょう。

上図のように画面上部のプルダウンメニューの"編集(E)" -> "複製(A)"を実行します(またはキーボードのCTRL + Dを押します)。

上図のように矩形のシェイプが複製されます。 なお、コピー元と完全に重なっているため見た目ではわかりません。

では、グラデーションの一覧も見てみましょう。

上図のように "Green_To_Red" グラデーションの利用数(#)が 3 に増えています。 これは、複数先の矩形のシェイプでも同じグラデーションが利用されているためです。

では、またまた中心点の色を青色に変えましょう。

上図のように中心点を選択します。

上図のように色の入力欄の R G B A にそれぞれ 0 0 255 100 を入力します。

上図のように矩形のシェイプの中心点の色が青色になりましたが、楕円のシェイプの始点のグラデーションは変化していません。 なお、楕円のシェイプの始点のグラデーションが変化しないのは予想通りです。

では、グラデーションの一覧を確認してみましょう。 色フェーズの選択を解除してから、フィル/ストロークダイアログ『フィル』タブに注目してください。

上図のようにグラデーションの一覧に新たに "4307" グラデーションが追加されています。 そして注目すべきなのが、"4307" グラデーションの利用数(#)が 2 になっていることです。 つまり、複製元と複製先で同じグラデーションが利用されているということです。

このように、複製であればグラデーションの自動的な複製の機能は働きません。 複製先・複製先で同じグラデーションを共有することができます。 ただし、複製した直後に限っての話です。

では次に、複製後にオブジェクトを移動させた場合も見てみましょう。 ひとまず、色の変更を戻しておきましょう。 画面上部のプルダウンメニューの"編集(E)" -> "元に戻す(U)"を実行します(またはキーボードのCTRL + Zを押します)。

上図のように矩形のシェイプのグラデーションの色が緑色 → 赤色のグラデーションに戻りました。

グラデーションの一覧も確認しましょう。

上図のように "Green_To_Red" グラデーションの利用数(#)が 3 に戻っています。

では複製先の矩形のシェイプを移動させましょう。 まずは、選択ツールに切り替えます。

上図のように画面左部にあるツールボックスから選択ツールを選択します(またはキーボードのS(またはF1)を押します)。

では矩形のシェイプをマウスで移動させましょう。 矩形のシェイプをマウスの左ボタン()でドラッグします。

上図のように矩形のシェイプをドラッグします。 赤色の矢印はドラッグの動きを表しています。

上図のように複製先の矩形のシェイプが移動します。 では、グラデーションツールに切り替えましょう。

上図のように画面左部にあるツールボックスからグラデーションツールを選択します(またはキーボードのCTRL + F1を押します)。

では、中心点の色を青色に変えましょう。

上図のように中心点を選択します。

上図のように色の入力欄の R G B A にそれぞれ 0 0 255 100 を入力します。

上図のように複製先の矩形のシェイプの中心点の色が青色になりますが、複製元の矩形のシェイプは変化していません。 つまり、グラデーションの自動的な複製の機能が働いたということです。 このように、複製後に移動すればグラデーションの自動的な複製の機能が働きます。

グラデーションの一覧がどうなっているかも確認してみましょう。 色フェーズの選択を解除してから、フィル/ストロークダイアログ『フィル』タブに注目してください。

上図のように新たに作成された "4681" グラデーションの利用数(#)は 1 です。 つまり、複製先のオブジェクトのみで利用されています。 もちろん、"Green_To_Red" グラデーションの利用数(#)は 2 です。

ではここで、新たに作成された "4681" グラデーションの名前を変えておきましょう。

上図のようにグラデーションの名前を "Blue_To_Red" に変更します。

最後に、複製後に移動させず、かつ、グラデーションを共有させない方法を説明します。 では、現在選択中の矩形のシェイプ("Blue_To_Red" グラデーションを利用しているシェイプ)をさらに複製しましょう。

上図のように画面上部のプルダウンメニューの"編集(E)" -> "複製(A)"を実行します(またはキーボードのCTRL + Dを押します)。

上図のように "Blue_To_Red" グラデーションの利用数(#)が 2 に増えています。 これは、複数先の矩形のシェイプでも同じグラデーションを利用しているためです。

このように、複製元・複製先で同じグラデーションを共有していますが、オブジェクトを移動させることなく複製元・複製先で異なるグラデーションを利用させましょう。

上図のようにフィル/ストロークダイアログにある[グラデーションの複製を作成]ボタン()を押します。

上図のようにグラデーションの一覧に "Blue_To_Red-7" というグラデーションが新たに追加されています。 利用数(#)が 2 であることから、複製元・複製先で共有されていることがわかります。

では、複製先の矩形のシェイプのグラデーションを "Blue_To_Red-7" から "Blue_To_Red" に戻しましょう。 グラデーションの一覧で "Blue_To_Red" グラデーションを、マウスの左ボタン()でクリックします。

上図のようにグラデーションの一覧から "Blue_To_Red" を選択します。

上図のように複製先の矩形のグラデーションが "Blue_To_Red" に変更されます。 また、"Blue_To_Red" グラデーションの利用数(#)が 1 になっています。 複製後に移動させることなく複製元・複製先で異なるグラデーションを利用させることができました。