ドキュメント 描画とペイント

グラデーション

塗りや線は、ベタで置かれる代わりに色から色へ転写変われます。四つの種類があり、どの区間にも中間点があり、両端の外がどうなるかも選べます。

シェイプレイヤーの塗りのタイプか線のタイプを、プロパティパネルでも、キャンバス上のグラデーションツールでも、四つのグラデーションのどれかにすればグラデーションになります。新しく作られたグラデーションはストップ二つから始まります。シェイプがそれまで持っていた単色から、カラーパネルの現在の塗りの色へ転写変わります。

四つの種類

種類どう転写変わるか
線形まっすぐな線に沿って開始点と終了点
楕円中心から外へ。片方の軸につぶれて中心、二つの半径、回転
放射状中心から外へ、円いっぱいに中心と一つの半径
円錐中心のまわりを一周する掃引として中心、半径、掃引が始まる角度

放射状は、二つの半径が一致した楕円の特別な場合です。だからこの二つを行き来しても、何かを変換する必要がありません。中心を持つ三種類は同じ形の値を共有するので、その間を移っても中心と半径はその場に残ります。線形はその隣で自分の二つの端点を保つので、線形から放射状へ行って戻ってきても、ハンドルは置いた場所にきっちり残ります。

形はキャンバスの絶対座標ではなく、シェイプ自身のバウンディングボックスを基準に保存されます。だからシェイプが動いても、拡大縮小しても、回っても、グラデーションは一緒に付いていきます。

楕円と円錐は、このビルドで新しく入りました。それ以前に保存したファイルは、そのままの姿で戻ってきます。古いグラデーションは二つめの半径を一つめから読み、角度を 0 と読むので、ただの円になります。

キャンバスでストップを編集する

すでにグラデーションを持つシェイプの上でグラデーションツールを持つと、端の四角をドラッグして線形グラデーションの開始点や終了点を動かせます。中心を持つものなら、中心の四角と軸の先の四角で移動と大きさを変えられます。軸の先は、半径と角度を一緒に運びます。楕円グラデーションは、もう一方の半径のために直角方向の腕をもう一本足します。

カラーストップの輪をランプに沿ってドラッグすれば位置を変えられます。ハンドルのない場所でランプをダブルクリックすれば、そこに新しいストップが足されます。色はランプから拾われるので、動かすか塗り替えるまで見た目は変わりません。

パネルでストップを編集する

キャンバスでも、どちらのグラデーションバーでも、ストップを選ぶとその位置が 0 から 1 の欄として出て、色が開きます。グラデーションはいつでも最低二つのストップを保つので、二つになった時点で削除のボタンが使えなくなります。

プロパティパネルのバーと、グラデーションツールのオプションバーの帯は、同じストップを編集する同じコントロールです。だから片方での変更がすぐもう片方に出ますし、選んでいるストップも、キャンバスを含めた三者で共有されます。

中間点

どのストップも中間点を持ちます。次のストップとの 50 対 50 の混ざり目がどこに来るかを、そこまでの距離に対するパーセントで表したものです。50% なら二色は真ん中で出会い、その区間はふつうのランプになります。動かすと混ざり目が片側に寄るので、ストップを足さずに、長くやわらかい落ち込みから短く硬い縁へ、という形を作れます。

決め方は、帯の上でもキャンバスの上でも、二つのハンドルの間の目盛りをドラッグするか、ストップのポップアップにパーセントを打ち込むかです。最後のストップには混ざる先がないので、その欄は使えなくなります。

50% のままの区間は、描かれるグラデーションに何も足しません。だから手を触れていないグラデーションは、これまでとまったく同じようにラスタライズされます。この値はプロジェクトに保存され、キーフレームの間で補間され、ビューポートでもエクスポートでもピクセルの焼き込みでも同じように効きます。

端の処理

端の処理は、ランプの両端の外がどうなるかを決めます。引き伸ばしは端の色をそのまま保ち、反射はランプを行ったり来たり鏡写しにし、繰り返しは最初から始め直します。これは塗りのものなので、ドキュメントと一緒に保存されます。

中心を持つグラデーションでは、反射が半径の外へ輪を広げていく描き方になります。なめらかに落ちていくつもりの放射状グラデーションが繰り返しているときは、ほかの何より先に端の処理を見てください。

カラーノイズ

どのストップも自分のノイズ量を持ちます。0 から 1 で、そのストップのカラーピッカーの中の小さなコントロールから決めます。グラデーションのその部分にピクセル単位のグレインを重ねて、なめらかな縞を崩します。この値も隣り合うストップの間で色と一緒に補間されるので、急に切り替わることはありません。

出来合いのランプ

スウォッチパネルには 48 のグラデーションが 2 つのカテゴリで入っています。Gradients には汎用のものが、Black to White から金属のスイープ、カラーホイールまで。Sky Gradients には空と天候のランプが 22 本、Dawn から Night まで、その間に Blue Hour、Overcast、Sea Fog、Alpenglow、Monsoon、Starry Night が並びます。背景の空がストップのリストではなく 1 クリックになります。ひとつをクリックすると塗りか線にランプごと入り、同じ種類のランプへ差し替えるあいだは、すでに置いたハンドルもそのまま残ります。

グラデーションにキーフレームを打つ

グラデーションは、シェイプの塗りの色や線の色のチャンネルの一部としてキーフレームが打たれます。ストップ、位置、色、中間点、ノイズをまとめて丸ごとで、単色のときとまったく同じやり方です。そのチャンネルのオートキーが立っている状態でハンドルをドラッグすれば、離した時点でキーフレームが刻まれます。

単色からグラデーションへのキーは、なめらかにつながります。Celas Studio は単色を、すべてのストップがその一色であるグラデーションとして扱うので、ぱっと切り替わるのではなく、本物のグラデーションへ花開いていきます。形の説明のしかたが違いすぎる二つの種類の間では同じようには混ざれないので、代わりに転写変わりの間、片方がもう片方の上に重ねて溶け込みます。途中で急に切り替わることはありません。これはどの組み合わせにも当てはまるので、楕円や円錐へキーを打てば、その代わりを務める円ではなく本物のほうへ溶け込みます。端の処理には中間の値がないので、こちらは真ん中で切り替わります。

シェイプの塗りに掛けた線形グラデーション。開始と終了のハンドル、三つのカラーストップ、そのうち二つの間の中間点の目盛り、そしてプロパティパネルの対応するストップの一覧が見えている。