シェイプレイヤーのシェイプ属性、ペイント操作およびパス操作

シェイプレイヤーを作成した後、ツールパネルまたはタイムラインパネルで追加メニューを使用して属性（パス、ペイント、ペイント操作、パス操作）を追加できます。

初期設定では、次の規則に従って、選択した 1 つまたは複数のグループに新しい属性が挿入されます。

• 新しいパスは、既存のパスやグループの下に追加されます。

• 「ジグザグ」や「パスのウィグル」などの新しいパスの操作は、既存のパスの操作の下に追加されます。パスの操作が存在しない場合は、既存のパスの下に新しいパスの操作が追加されます。

• 新しいペイントの操作（線や塗り）は、既存のパスの下で、既存の線や塗りの上に追加されます。

これらの規則を無効にし、グループの最後の、すべての属性の下に新しい属性を配置するには、Alt キー（Windows）または Option キー（Mac OS）を押しながら、追加メニューから項目をクリックします。

「リピータ」は、常にグループの最後に追加されます。

シェイプの線と塗り

シェイプの線と塗りは、パスまたはパスで定義した領域に、カラーのピクセルを追加するペイント操作です。線や塗りには、単色またはグラデーションが使用できます。線には、実線または一定の線分と間隔で構成される破線が使用できます。線と塗りはそれぞれの描画モードがあり、それによって同じグループの他のペイントと作用する視覚的な効果が決まります。

初期設定では、グループ内のペイントの操作は、タイムラインパネルの重なり順で下から処理されます。例えば、タイムラインパネルで上に表示される線は、下に表示される線より上（前）にレンダリングされます。この初期設定の動作を、特定の塗りまたは線で変更するには、タイムラインパネルの塗りまたは線の「コンポジット」プロパティで、「同じグループの前面のコンテンツの上」オプションを選択します。

作成される新しいシェイプの塗りと線のプロパティは、ツールパネルの塗りと線のコントロール（下線付きテキスト）の横にあるサンプルボタンに示されます。これらのコントロールを使用して、選択したシェイプの塗りと線のカラーや種類を変更することもできます。塗りと線のコントロールは、シェイプレイヤーを選択しているか、描画ツールがアクティブな場合にのみ、ツールパネルに表示されます。

塗りや線のプロパティが異なる複数のシェイプを選択すると、塗りと線のコントロールの横にあるサンプルボタンに疑問符が表示されます。この状態でも、これらのコントロールを使用して塗りと線のプロパティを変更することができます。変更すると、選択したすべてのシェイプの対応するプロパティが同じ値に設定されます。

塗りと線には、次の 4 種類があります。

ペイントの操作を行いません。

塗りまたは線の全体に同じカラーを適用します。

塗りや線には、線形グラデーションによって定義されたカラーと不透明度の値が適用され、コンポジション上の 1 つの軸に沿って開始点から終了点まで割り当てられます。

塗りや線には、線形グラデーションによって定義されたカラーと不透明度の値が定義され、コンポジション上の中心の開始点から円周上の終了点までの外向きの半径に沿って割り当てられます。開始点をオフセットするには、「ハイライトの長さ」と「ハイライトの角度」の値を変更します。

シェイプレイヤーの線と塗りのカラーは、広ダイナミックレンジカラーとしてはレンダリングされません。0.0 以下または 1.0 以上のカラー値は、0.0 ～ 1.0 の範囲にクリップされます。

線と塗りの種類と描画オプションを選択する

• 新しいシェイプの塗りや線の種類を選択する場合や、新しいシェイプの塗りや線に描画モードまたは透明度を設定する場合は、ツールパネルで塗りや線のコントロール（下線付きテキスト）をクリックします。既存のシェイプの塗りや線の種類を切り替えるには、シェイプを選択してからこれらのコントロールを使用します。
• 新しいシェイプの塗りや線の種類を選択するには、Alt キー（Windows）または Option キー（Mac OS）を押したまま、ツールパネルの塗りや線のコントロール（下線付きテキスト）の横にあるサンプルボタンをクリックします。既存のシェイプの塗りや線の種類を選択するには、シェイプを選択してからこれらのコントロールを使用します。

線や塗りに単色やグラデーションを選択する

• 新しいシェイプの塗りや線に単色またはグラデーションを選択するには、ツールパネルの塗りや線のコントロール（下線付きテキスト）の横にあるサンプルボタンをクリックします。既存のシェイプの塗りや線に単色またはグラデーションを選択するには、シェイプを選択してからこれらのコントロールを使用します。

グラデーションのカラーマップを変更する

グラデーションは、一定範囲のカラーと透明度の値から構成され、グラデーションエディターダイアログボックスでカスタマイズできます。また、グラデーションの方向とスケールを決定する開始点と終了点を変更して、線や塗りにカラーを適用する方法をカスタマイズすることもできます。例えば、開始点と終了点を変更することによって、グラデーションを適用する範囲を引き伸ばしたり、左から右にカラーを薄くするのではなく、上から下に薄くすることもできます。円形グラデーションでは、グラデーションの中心、半径、ハイライトのオフセットを定義します。

初期設定では、ペンツールでシェイプパスを作成すると、グラデーションのコントロールポイントがレイヤーの中心に配置されます。これらの点は、作成後に調整できます。

「開始点」、「終了点」、「ハイライトの角度」、「ハイライトの長さ」の各プロパティは、タイムラインパネルで変更できます。また、コンポジションパネルでこれらのプロパティを直接変更することもできます。

線幅を設定する

• 新しいシェイプの線幅をピクセル（px）で設定するには、線幅コントロール（下線付きテキスト、ツールパネルの線コントロールの右側）をドラッグするか、コントロールをクリックして、ボックスに値を入力します。既存のシェイプの線幅を設定するには、シェイプを選択してから線幅コントロールを使用します。

破線を作成する

破線を作成するには、線の「線分」プロパティグループに線分と間隔の数を追加します。プロパティグループの線分と間隔は、パス全体を作成するのに必要な回数だけ繰り返されます。「オフセット」プロパティは、パスのどの位置から線が開始するかを指定します。

線端オプション

破線の「線端」プロパティでは、線分の終端部の形を指定します。

線は、パスの終点で終了します。

線は、ピクセル単位の線幅と同じピクセル数だけ、パスの終点から延長されます。終端部は半円形です。

線は、ピクセル単位の線幅と同じピクセル数だけ、パスの終点から延長されます。終端部は四角形です。

線の結合オプション

「線の結合」プロパティは、パスが急に方向を変えた（角を曲がった）場合の形状を指定します。

コーナーが鋭角的になります。「角の比率」の値は、マイター結合からベベル結合に切り替わる限界を指定します。例えば、4 に設定すると、ポイントの長さが線の太さの 4 倍になったときに、ベベル結合に切り替わります。角の比率に 1 を設定すると、常にベベル結合になります。

線のコーナーが丸くなります。

コーナーが四角形になります。

シェイプの塗りの規則

塗りの操作では、パスの内側として定義された領域がカラーでペイントされます。パスが円のように単純であれば、パスの内側を簡単に判別できます。しかし、パスが交差していたり、他のパスに囲まれた複数のパスで構成される合成パスの場合は、どこを内側とするかは簡単には決められません。

そのため、After Effects で塗りを作成するときは、次の 2 つの規則のいずれかに従ってパスの内側を判断します。どちらの規則も、調べたい点からパスで囲まれた領域の外側へ引いた直線がパスと交差する点の数で判定します。ワインディング規則ではパスの方向が考慮されますが、奇偶規則では考慮されません。

After Effects と Illustrator の初期設定では、ワインディング規則が使用されます。

ある点から任意の方向に作成された線がパスと交差する回数が、奇数回の場合はその点は内側にあり、偶数回の場合は外側にあるとみなされます。

線がパスと交差する点で、パスが右向きの場合をプラス、左向きの場合をマイナスとして、交差の合計を計算します。調べたい点から任意の方向に引いた線の交差の合計が 0 の場合はその点は外側にあり、0 以外は内側にあるとみなされます。

ワインディング規則ではパスの方向が考慮されるので、合成パスでこの塗りの規則を使用し、1 つまたは複数のパスの方向を反転すれば、合成パスで穴を作成するのに便利です。

テーパシェイプストローク

また、開始点と終了点、シェイプストロークのテーパリングのサイズをテーパリングして、アニメーションに流動的で洗練された外観を与えることもできます。詳しくは、「シェイプストロークにテーパーをつける方法」を参照してください。

パスの方向によってシェイプを変更する

パスの操作はエフェクトに似ています。これらのライブの操作は、シェイプのパスに作用し、他のシェイプ操作（塗りやストロークなど）を適用できるパスを作成できます。元のパスは変更されません。パスの操作はライブで行われるので、いつでも変更や削除が可能です。パスの操作は、同じグループのそれより上にあるすべてのパスに適用されます。また、他のすべてのシェイプ属性と同様、タイムラインパネルでドラッグ、カット、コピー、ペーストができます。

パスを結合オプション

パスを結合の操作では、同じグループにあるそれより上のパスが入力として使用されます。入力パスが結合され、1 つのパスとして出力されます。入力パスは、結合後もタイムラインパネルに表示されますが、基本的にシェイプレイヤーのレンダリングから除外されるので、コンポジションパネルには表示されません。結合されるパスの下に塗りと線がない場合、出力パスを画面に描画するために、新しい塗りと線がタイムラインパネルの「パスの結合」グループの後ろに追加されます。

パスの結合には次のオプションがあります。それぞれのオプションでは独自の計算法によって出力パスが算出されます。

すべての入力パスが 1 つの合成パスに結合されます。このオプションは、「テキストからシェイプを作成」コマンドを使用して e のように複数のパスで構成されるテキスト文字からシェイプを作成する場合の初期設定として使用されます。

入力パスの領域をすべて含むパスが作成されます。

一番上のパスの領域から、それより下のパスの領域を除いた領域のみを持つパスが作成されます。

すべての入力パスが交差する部分の領域のみを持つパスが作成されます。

すべての入力パスによって定義される領域の集合体から、すべての入力パスの交差として定義される領域を除いた領域のパスが作成されます。

リピータを使用したシェイプの複製

リピータの操作では、同じグループのそのパスより上にあるすべてのパス、線、塗りの仮想コピーが作成されます。仮想コピーは、タイムラインパネルで個々のエントリとして表示されることはありませんが、コンポジションパネルではレンダリングされます。各コピーは、コピー元のセット内での順序と、リピータの「トランスフォーム」プロパティグループで設定された値に従ってトランスフォームされます。

元のシェイプの番号を 0 番とすると、次のコピーが 1 番というように番号付けされます。最終的には、コピー番号 n に対し、「トランスフォーム」プロパティグループの各トランスフォームを n 回適用する結果となります。

例えば、「コピー」の値が 10、「トランスフォーム」プロパティグループの「位置」プロパティが（0.0, 8.0）に設定されたリピータをシェイプに適用するとします。元のシェイプは、元の位置（0.0, 0.0）に残ります。1 番目のコピーは（0.0, 8.0）、2 番目のコピーは（0.0, 16.0）、3 番目のコピーは（0.0, 24.0）と続き、最後に 9 番目のコピーが（0.0, 72.0）に表示されて、合計 10 ステップのコピーが終了します。

同じグループにリピータの複数のインスタンスを適用することができます。つまり、リピータを繰り返し使用することができます。リピータの複数のインスタンスを使用すると、1 つのシェイプの仮想コピーを簡単にグリッド状に作成することができます。リピータの 1 つのインスタンスで「位置」プロパティを設定して水平位置の値を変更し、もう 1 つのインスタンスで垂直位置の値を変更すると、グリッド状のコピーを作成できます。

特定のコピー数ごとにトランスフォームをオフセットするには、「オフセット」プロパティの値を使用します。例えば、「コピー」の値が 10 、「オフセット」の値が 3 の場合、元のシェイプは、「トランスフォーム」プロパティグループで指定されている量の 3 倍トランスフォームされ、最後のコピーは、「トランスフォーム」プロパティグループに指定されている量の 12 倍トランスフォームされることになります。

「コンポジット」オプションは、コピーをそれより前のコピーの上（前）と下（後ろ）のどちらにレンダリングするのかを指定します。

「開始点の不透明度」の値は、元のシェイプの不透明度を指定し、「終了点の不透明度」の値は、最後のコピーの不透明度を指定します。その間のコピーの不透明度は補間されます。

リピータをパスの後ろ、塗りと線のプロパティグループの上に配置すると、仮想コピーのセットに合成パスとして塗りまたは線が適用されます。リピータを塗りと線の下にそのまま配置した場合、各コピーに対し、別々に塗りと線が適用されます。グラデーションの塗りと線の場合、この違いが明らかになります。

Chris Zwar が、彼自身の web サイトで、「カードダンス」エフェクトとシェイプレイヤーをリピータ操作で使用して、イメージまたはビデオのハーフトーンカラーの分離をシミュレートするサンプルプロジェクトを公開しています。