円形の各セクターに数値で開始位置と終了位置を指定するコントロールを設け、それらをFinal Cut Proに公開して、Motionで再利用可能な円グラフを作成します。この手順では、4つのセクターを一から作成し、隙間や重なりが生じないように比率を入力する方法を説明します。

この作業は、Final Cut Proのタイムラインで調整可能なグラフクリップを使いたいMac編集者向けです。以下のコントロールでは、円周上の累積割合を使用します。4つの元の値を自動的に正規化するものではありません。境界値の計算もワークフローに含まれます。

テンプレートとコントロール方式を選ぶ

Final Cut Generatorプロジェクトを使用します。Appleによると、このテンプレートタイプは、タイムライン上のほかのクリップの上に表示したり、プライマリストーリーラインに単独で配置したりできるグラフィックコンテンツ向けです。テンプレートを保存すると、Final Cut Proのジェネレータブラウザで使用できるようになります。Motionでジェネレータテンプレートを作成する。

MotionとFinal Cut Proの互換性のあるバージョンを使用してください。Appleの現在のジェネレータ編集手順では、両方のアプリをアップデートするよう案内し、両方がApple Creator Studio版、または両方が買い切り版である必要があるとしています。古いチュートリアルではインターフェイスの表記が異なる場合があります。古いバージョンを使う場合は、Appleのドキュメントで適切なバージョンを選択してください。MotionでFinal Cut Pro for Macのジェネレータを変更する。

このデザインでは、ドキュメントに記載されているシェイプとリグのコントロールを組み合わせて、カスタムグラフを作成します。各セクターには、円周上の同じ原点を基準に測定する開始境界と終了境界があります。8つの数値コントロールで、4つのセクターを個別に操作できます。計算とグラフの作成は、これらのコントロールから導いた実例のデザインであり、Apple提供の円グラフプリセットではありません。

たとえば、開始位置が40%、終了位置が70%のセクターは、円の30%を占めます。終了境界に30を入力しても、この結果にはなりません。この違いが分かるよう、コントロール名には曖昧なSector B Valueではなく、Sector B Start (%)とSector B End (%)を使います。

一致する4つのセクターグラフィックを作成する

File > New from Project Browserからプロジェクトを作成し、Final Cut Generatorを選択して、プロジェクト設定を選び、Openをクリックします。デスクトップ向けの例では、1920 × 1080、継続時間10秒を使用します。編集内容に応じて、より高い解像度を選んでください。Appleは、使用予定の最高解像度でテンプレートを作成することを推奨しています。Motionでジェネレータテンプレートを作成する。

コピーする前に円を1つ作る

キャンバスのツールバーでCircleツールを選び、Shiftキーを押しながらドラッグして、正円に制約して描画します。描き終わったらEscapeキーを押します。Appleのドキュメントには、円ツールとShiftキーによる制約の両方が記載されています。Motionで基本図形を描く。

レイヤー名をSector Aにします。プロジェクトの中央に配置し、横幅と縦幅を同じにします。Shape InspectorのGeometryペインで、Curvatureを100%のままにし、両軸に同じRadius値を設定します。これらのコントロールにより、すべてのセクターで使う円形のパスが維持されます。MotionのGeometryペインのコントロール。

StyleペインでFillをオフにし、Outlineをオンにして、Brush TypeにSolidを選びます。Start CapとEnd CapをNoneにし、単色のBrush Colorを選択します。Appleのドキュメントには、アウトラインの幅、端点の種類、およびアウトラインをトリミングするFirst Point OffsetとLast Point Offsetのコントロールが記載されています。MotionのStyleペインのコントロール。

この作成方法では、非常に太い円形アウトラインを使って塗りつぶされたセクターを形成します。開始値の例として、円形パスの半径を150ピクセル、アウトラインの幅を300ピクセルにします。幾何学的には、線幅の半分がパスの半径と等しい中央揃えのストロークは中心まで達し、外半径は300ピクセルになります。これはこの作成方法の根拠であり、別途ドキュメント化された円グラフ用コマンドではありません。

リグを作成する前に、First Point Offsetを0%、Last Point Offsetを25%に設定します。結果を確認してください。放射状の直線端を持つ4分の1円盤になっているはずです。中央に穴があれば、パスの半径に対してアウトラインが細すぎます。端が突き出たり丸くなったりする場合は、端点の設定を確認します。複製する前に、このセクターを1つだけ確認してください。

ジオメトリを複製してから境界を変更する

リグを設定していない円を3つ複製し、Sector B、Sector C、Sector Dと名付けます。位置、半径、回転、アウトライン幅、レイヤーの継続時間をすべて同じにします。青、オレンジ、緑、グレーなど、区別しやすい落ち着いた色をそれぞれに設定し、Chartという名前のグループにまとめます。

初期の4セクターグラフには、次の例の値を使用します。

セクター 割合 First Point Offset Last Point Offset
A 40% 0% 40%
B 30% 40% 70%
C 20% 70% 90%
D 10% 90% 100%

各セクターは、直前のセクターの終了位置から始まります。すべてのレイヤーでパスの向きを同じにしてください。セクターを個別に回転すると、これらの境界との関係が変わります。コントロールを設定する間は、ラベルや装飾的なアニメーションでジオメトリが見えにくくならないよう、アートワークをシンプルに保ちます。

数値の開始位置と終了位置のコントロールをリグする

Motionのリグには、割り当てられたパラメータを操作するウィジェットが含まれます。Appleのドキュメントでは、パラメータのAnimationメニューからAdd To Rigを使ってウィジェットを作成する方法と、パラメータの行をリグにドラッグする方法が説明されています。公開する前に、Layersリストで各ウィジェットに名前を付けます。Motionでウィジェットを使う。

スライダーのマッピングを1つ設定する

まず、Sector Aの最初の境界を設定します。

  1. シェイプのStyleペインでFirst Point Offsetを探します。そのAnimationメニューを開き、Add To Rigを使ってスライダーウィジェットを含むリグを作成します。
  2. Layersリストでウィジェットの名前をSector A Start (%)に変更します。
  3. ウィジェットのオプションで、Range Minimumを0、Range Maximumを100に設定します。
  4. 左端のスナップショットタグを選択します。操作対象のオフセットを0%に設定します。
  5. 右端のスナップショットタグを選択します。操作対象のオフセットを100%に設定します。
  6. セグメントのInterpolationをLinearに設定し、ウィジェットをグラフの意図したデフォルト値に戻します。

どちらのマッピングも重要です。Appleは、Range MinimumとRange Maximumによってウィジェットの横に表示される数値が変わるだけで、基になるパラメータ値は変わらないと明記しています。スナップショットを0%と100%にマッピングすると、ここで必要な1対1の関係が設定されます。Linear補間を使うことで、中間の境界値も比例します。Motionのスライダーウィジェット。

スナップショットを記録するには、そのタグを選択し、Edit Modeの横にあるStartをクリックして、対象のパラメータを変更したら、Stop Rig Edit Modeをクリックします。もう一方の端点についても繰り返します。記録中は対象のパラメータだけを調整してください。ほかのパラメータを変更すると、それらもウィジェットに追加される場合があります。Appleのドキュメントには、この記録手順と、リグされたパラメータの横に表示されるジョイスティックインジケータについて説明があります。Motionでスナップショットを作成・管理する。

8つのコントロールすべてに同じマッピングを適用する

残りの各オフセットについても、同じ0から100までのスナップショットマッピングを使い、個別のスライダーを作成します。既存のリグに追加しますが、各オフセットはそれぞれ別のウィジェットに割り当てます。

ウィジェット名 操作対象のレイヤー 操作対象のパラメータ デフォルト値
Sector A Start (%) Sector A First Point Offset 0
Sector A End (%) Sector A Last Point Offset 40
Sector B Start (%) Sector B First Point Offset 40
Sector B End (%) Sector B Last Point Offset 70
Sector C Start (%) Sector C First Point Offset 70
Sector C End (%) Sector C Last Point Offset 90
Sector D Start (%) Sector D First Point Offset 90
Sector D End (%) Sector D Last Point Offset 100

各ウィジェットを設定したら、割り当てられたパラメータの一覧を確認します。1つの境界を操作するスライダーが、色、半径、または別のセクターも変更する状態になっていないことを確かめてください。上記のデフォルト値は、端点のマッピングをすべて完了してから設定します。

8つのコントロールを使えば各セクターの境界を直接操作できますが、編集者は隣り合う値を一致させる必要があります。よりシンプルなインターフェイスにするには、3つの共有境界ウィジェットを使う方法もあります。1つ目でAの終了位置とBの開始位置を、2つ目でBの終了位置とCの開始位置を、3つ目でCの終了位置とDの開始位置を操作します。Motionでは、複数のパラメータを1つのウィジェットに割り当てられます。この方法なら値の入力を繰り返さずに済みますが、3つの境界を昇順に保つ必要はあります。Motionのリグの概要。

表示したい値から境界を計算する

合計が正となる非負の入力値について、各割合を100 × セクターの値 ÷ 合計で計算します。開始境界は前のすべての割合の合計、終了境界はそこに現在のセクターの割合を加えた値です。これらのグラフ計算は、コントロールに入力する前に行います。

例として、A = 40、B = 30、C = 20、D = 10の場合、合計は100です。したがって境界は0–40、40–70、70–90、90–100となります。角度の範囲はそれぞれ144°、108°、72°、36°で、合計360°です。これらの算術結果は、小規模な決定的計算で確認しています。

次のグラフで値に5、3、1、1を使うとします。合計は10なので、割合は50%、30%、10%、10%になります。Aを0–50、Bを50–80、Cを80–90、Dを90–100に設定します。8つのコントロールを使う場合、値を変更した境界では両側を更新してください。

可能であれば丸める前の累積値を保ち、最後の終了境界は正確に100%にします。値が0のカテゴリは存在しないものとして扱い、開始位置と終了位置を同じ値に設定すれば表示されないことを確認してください。すべての値が0の場合、有効な割合の合計は得られません。グラフを作成する前に別のサンプルデータを選んでください。負の値はこのセクターモデルには適しません。

ドキュメントに記載されているリグの仕組みは、保存済みのパラメータ状態を補間します。この設定には、入力した各値をほかの値との合計で割る計算は含まれていません。スライダー名をAmountに変えたり、表示範囲を変更したりしても、その計算は追加されません。手作業で計算するグラフが編集作業の要件を満たす場合は、境界を使うワークフローを利用してください。Motionのスライダーウィジェット。

コントロールを公開してFinal Cut Proでジェネレータを使う

Rig InspectorまたはWidget Inspectorで、各ウィジェットのコントロール名をControlキーを押しながらクリックし、Publishを選択します。Layersリストの最上部にあるProjectを選択し、Publishingを開いて、書き出されるコントロールを確認します。公開したウィジェットをFinal Cut Proで使えるようにするには、テンプレートを保存します。MotionからFinal Cut Proにリグを公開する。

初回保存時は、File > Saveを選択し、Four Sector Pie v1などの分かりやすい名前を入力してカテゴリを選び、Publishをクリックします。これはMotionでテンプレートをローカル保存する操作です。Motionでジェネレータテンプレートを作成する。

Final Cut ProでTitles and Generatorsからテンプレートを探し、タイムラインに追加します。ジェネレータクリップを選択し、再生ヘッドをその上に置いて、Command-4でインスペクタを開き、Generatorボタンをクリックします。グラフを確認しながら、公開したコントロールを調整します。Final Cut Pro for Macでジェネレータを調整する。

実用上の動作確認として、ジェネレータを2つ追加します。選択中のクリップの境界だけを変更し、もう一方のクリップを選択して値を確認します。これにより、テンプレートを編集全体で使う前に、インストール済みのアプリバージョンで意図したクリップ単位の編集ワークフローが使えることを確認できます。

クリップの編集とテンプレートの改訂を区別する

Final Cut Proの公開済みコントロールを調整する操作と、ジェネレータをMotionで開く操作は異なります。Appleは、Final Cut ProのプリセットではOpen a copy in Motionを、Motionで作成したテンプレートではOpen in Motionを使うと区別しています。後者では元のテンプレートプロジェクトが開きます。Final Cut Proのジェネレータを変更する。

Appleは保存操作も区別しています。File > Saveは既存のMotion作成テンプレートを上書きし、File > Save Asはコピーを作成します。ドキュメントによると、プリセットを変更しても、そのプリセットを以前にタイムラインで使った箇所には影響しません。一方、カスタマイズしたテンプレートに後から加えた変更は、そのテンプレートを使用するタイムライン上のインスタンスに影響する場合があります。テンプレートの改訂は共有の変更として扱ってください。Final Cut Proのジェネレータを変更する。

別のグラフ構成にする場合は、選択中のクリップの数値コントロールを調整します。6セクターにするなどテンプレートの構造を変える場合は、続行する前にFile > Save Asを使って、新しい名前で改訂版を作成します。両方のテンプレートバージョンを使用できる状態にしておくと、グラフのデータとテンプレートのデザインの違いが明確になります。

再利用する前にグラフを診断する

ジオメトリとコントロールのマッピングを、次の順番で確認します。

  • 円盤全体がほかのセクターを隠す: Fillがオフで、意図したアウトラインがトリミングされていることを確認します。
  • 中央に穴が残る: リグを変更する前に、アウトライン幅と円形パスの半径を比較します。
  • セクター間に隙間や重なりができる: あるセクターの終了値と、次のセクターの開始値を比較します。
  • 50を入力すると境界が意図と異なる: 両端のスナップショットを確認し、Linear補間になっていることを確かめます。
  • スライダーが無関係な複数のプロパティを変更する: 記録中に誤って取り込まれた変更がないか、ウィジェットに割り当てられたパラメータを確認します。
  • Final Cut Proにコントロールが表示されない: ウィジェットが公開され、テンプレートが保存されていることを確認します。

最後に、デフォルトの40/30/20/10グラフ、代替の50/30/10/10グラフ、タイムライン上の2つの別々の使用例を確認します。境界、スナップショットのマッピング、テンプレートのバージョンが明確になれば、このジェネレータを使って、グラフの比率を明示したまま各セクターを数値で繰り返し編集できます。

参考資料