レイヤー・オブジェクト・マスク
OpenGraphs の 3 つの描画要素。レイヤー (合成順とエフェクトの単位) / オブジェクト (実際に描画される素材) / マスク (レイヤーの可視範囲を削る)。
レイヤー
レイヤーは「シーン (= コンポジション) の中で 1 つのトラック」を表します。下から上の順に合成されます。
- 追加 / 削除 / 複製: タイムライン下部の Add Layer / Delete / Clone ボタン。
- 表示 / 非表示: 行頭の 👁 アイコンをクリック (タイムラインとレイヤーパネルで同期)。
- 親子: プロパティパネルの Parent ドロップダウンで他レイヤーを指定すると、そのレイヤーのトランスフォームに追従する。
- ブレンドモード: Blend ドロップダウンで 17 種類 (Normal / Multiply / Screen / Overlay / Darken / Lighten / Color Dodge / Color Burn / Hard Light / Soft Light / Difference / Exclusion / Hue / Saturation / Color / Luminosity / Add / Subtract) を選択。
オブジェクト
オブジェクトはレイヤーの中に複数配置できる「素材」です。13 種類あります:
| 種類 | 用途 |
|---|---|
| Image | PNG / JPG / WebP / SVG を読み込み。透過 PNG 対応。 |
| Video | MP4 / WebM。音声トラックも自動取り込み。シーク精度を裏側で _frameReady で保証。 |
| Audio | MP3 / WAV / OGG。映像なしでも単独使用可。 |
| Text | フォント・サイズ・色・アラインメント。日本語 / CJK 完全対応。 |
| 2D Shape | rectangle / ellipse / polygon / star。塗りとストローク独立。 |
| Shader | GLSL フラグメントシェーダーを直接記述。 |
| Group | 複数オブジェクトを 1 つにまとめて再帰的にトランスフォーム可能。 |
| Adjustment | 非破壊エフェクトチェーン。下の全レイヤーにエフェクトを適用。 |
| Cloner | ソースを複製 (linear / circular / grid) する MoGraph ライクな機能。indexExpression でインデックス駆動のカスタマイズ可。 |
| 3D Primitive | box / sphere / cylinder / cone / plane / torus を 3D シーンに配置。 |
| 3D Light | ambient / point / directional / spot。3D シーンの照明。 |
3D Camera は別物
3D Camera (Composition) ボタンはオブジェクトではなく、コンポジション単位の「3D ビューア」を有効化するものです。3D プリミティブ / ライトを使うには、まず 3D Camera を有効化してください。
トランスフォーム
すべてのオブジェクト (およびレイヤー) は 6 つのプロパティを持ちます。プロパティパネルの Properties タブで操作します。
| プロパティ | 意味 | 単位 |
|---|---|---|
| Anchor X / Y | ローカル原点 (0-1 で正規化、デフォルト 0.5, 0.5 = 中央) | 0 - 1 |
| Position X / Y | 親空間での平行移動 | px |
| Scale X / Y | 拡大率 (100% = 原寸) | % |
| Rotation | Z 軸回転 | 度 |
| Opacity | 不透明度 | 0 - 100 % |
各プロパティの横の ◆ をクリックすると現在時刻でキーフレームを打ち、🔗 で X / Y を同期 (Scale / Position / Anchor のみ) できます。
マスク
レイヤーは 1 つ以上の マスク を持てます。マスクで覆われた領域だけが表示され (または反転して非表示になり) ます。v1.5+
マスクを追加する
- レイヤーを選択。
- プロパティパネルの Properties タブ下部の Masks セクションを開く。
- Rectangle または Ellipse ボタンをクリック。
マスクのプロパティ
| プロパティ | 意味 |
|---|---|
| Shape | rectangle (矩形) または ellipse (楕円)。polygon は将来対応予定。 |
| Position X / Y | マスク中心のオフセット (レイヤー中央 = 0,0、-1 〜 1 正規化)。 |
| Scale X / Y | マスクサイズ。100% でレイヤー全体をカバー。 |
| Rotation | マスクの回転 (度)。 |
| Feather | エッジのぼかし量 (0-100%)。0 でハードエッジ。 |
| Invert | マスク領域を反転。 |
複数マスクの合成
マスクは上から順に適用され、各マスクは現在のアルファに掛け算されます。2 つの矩形マスクを重ねると、AND (交差) になります。楕円 + 反転で「中央くり抜き」の vignette 効果も 1 レイヤーで作れます。
親子とコンポジション
レイヤーは他のレイヤーを 親 にでき、そのトランスフォームに追従します。プロパティパネルの Parent ドロップダウンから選択。
コンポジションを入れ子にして、オブジェクトとして配置することもできます。マスターの尺と異なる尺の尺で再利用する場合に便利。