トップ > 知っておきたい機能 > フィルとストローク >
線形グラデーションと放射グラデーション(その2)

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

では続いて、色フェーズ(終端)の追加を行ってみましょう。 色フェーズとは、色を設定するための基点のことであり、線形グラデーションの始点・終点が色フェーズです。

初期状態では色フェーズは始点・終点のみですが、自分で中間点を追加することができます。

色フェーズを追加するには、既存の色フェーズを選択する必要があります。 ただし、終点を選択しても色フェーズは追加できません。 よって、初期状態では始点を選択するしかありません。

上図のように始点を選択します。 これで、色フェーズの追加の準備ができました。 では、始点の次の地点として新たな色フェーズを追加しましょう。

上図のようにフィル/ストロークダイアログの[新しい色フェーズを挿入]ボタン()を押します(またはキーボードのInsertキーを押します)。

上図のように中間点が追加されます。 中間点は菱形ハンドルで描かれます。 なお中間点は、文字通り両側の色フェーズの中間地点に追加されます。

では、中間点に色を設定しましょう。 今回は青色を設定します。

上図のように(1)の色の指定方法をRGBに切り替え、(2)の R G B A にそれぞれ、0 0 255 100 を指定します。

上図のようにグラデーションの中間点の色が青色に変わりました。 それにより、緑色 → 青色 → 赤色のグラデーションになりました。 このように、3色以上に変化するグラデーションも作成することができます。

次に中間点を移動させてみましょう。 ただし、マウスでのドラッグやキーボードのカーソルキー(↑↓←→)ではなく、フィル/ストロークダイアログの数値入力で移動してみましょう。

上図のようにフィル/ストロークダイアログの終端オフセットに 0.2 を入力します。

上図のように中間点が移動します。 オフセットに 0.2 を入力したため、始点側から20%の位置に移動しました。 なお、0.5 であれば中間地点に、0.0 であれば始点と同じ位置に、1.0 であれば終点と同じ位置に移動します。

なお、中間点は始点と終点を結ぶ線上にしか配置できません。 つまり、スライドさせることしかできません。 あくまでも線形グラデーションであり、途中でカーブするグラデーションにはできないということです。

では次に、色フェーズを削除してみましょう。 削除するのは始点です。

上図のように始点を選択します。 では、始点を削除しましょう。

上図のように画面上部のツールコントロールの[色フェーズを削除]ボタン()を押します(またはキーボードのDeleteキーを押します)。

上図のようにフィル/ストロークダイアログの色フェーズから始点が削除されます。

ではここで、キャンバスに注目してください。

上図のようにハンドルは3つのままです。 なぜか、ハンドルの数がフィル/ストロークダイアログ(または画面上部のツールコントロール)の色フェーズの一覧の件数と一致しません。

では、作業に戻りましょう。 中間点に緑色を設定し、緑色 → 赤色のグラデーションに戻しましょう。

上図のように(1)の色フェーズの一覧から中間点を選択し、(2)の色の指定方法をRGBに切り替え、(3)の R G B A にそれぞれ、0 255 0 100 を指定します。

上図のように緑色 → 赤色のグラデーションに戻りました。

続いては、画面上部のツールコントロールの "新規:" のボタン( / / / )について解説します。

上図のように[放射(楕円または真円)グラデーションを作成]ボタン()と[ストロークのグラデーションを作成]ボタン()を選択してください。

上図のように何も変化しません。 なぜかというと、ツールコントロールの "新規:" のボタン( / / / )は、既存のグラデーションの種類や対象を切り替えるためのボタンではないためです。

上記のボタン群は、新たにグラデーションを作成する際の設定を行うためのボタンです。 なお、すでにグラデーションを持っているオブジェクトの場合は、上記ボタンの設定を持つグラデーションで上書きされます。

新たにグラデーションを作成するには、オブジェクトを選択した状態でマウスの左ボタン()でドラッグします。 ドラッグ開始点がグラデーションの始点に、終了点がグラデーションの終点になります。

では、[放射(楕円または真円)グラデーションを作成]ボタン()と[ストロークのグラデーションを作成]ボタン()が選択された状態のまま、選択中のオブジェクトのストロークをドラッグしてみましょう。

上図のように選択中のオブジェクトのストロークをドラッグします。 赤色の矢印はドラッグの動きを表しています。

上図のようにストロークに放射グラデーションがかかりました。 2本の丸ハンドルを持っていることから放射グラデーションだとわかります。

このように、グラデーションツールでドラッグすることでもオブジェクトにグラデーションをかけることができます。 つまり、フィル/ストロークダイアログに頼らずにオブジェクトをグラデーションで塗ることができる、ということです。

ではここで、フィル/ストロークダイアログのグラデーションの一覧に注目してみましょう。 [グラデーションライブラリー]ボタン()をマウスの左ボタン()でクリックしてください。

上図のようにグラデーションの一覧に新たなグラデーションが追加されています。 これは、ストロークの放射グラデーションで追加されたグラデーションです。

重要なのは、『フィル』タブのグラデーションの一覧に表示されているということです。 これは、グラデーションの一覧には、ドキュメント内に存在する全ての線形グラデーション・放射グラデーションのグラデーションが表示されるためです。 そのため、ストロークで使われているグラデーションであっても、『フィル』タブに表示されるわけです。

では、新たに追加された "72475" のグラデーションの名前を変えましょう。 ただし、『フィル』タブで名前をクリックしないでください。 『フィル』タブでクリックしてしまうと、"72475" がフィルのグラデーションとして選択されてしまいます。

上図のように(1)の『ストロークの塗り』タブに切り替え、(2)の[グラデーションライブラリー]ボタン()を押し、(3)のグラデーションの名前の欄をマウスの左ボタン()でクリックします。

上図のようにグラデーションの名前を変更します。 今回は "For_Stroke" に変えてみました。

では、『フィル』タブに戻しましょう。

上図のように『フィル』タブに戻します。