在 Motion 中建立可重複使用的圓餅圖,為每個以圓形為基礎的扇區設定數值起點和終點控制項,然後將這些控制項發布至 Final Cut Pro。本教學會建立四個原始扇區,並說明如何輸入比例而不產生間隙或重疊。

此工作適用於想在 Final Cut Pro 時間軸中使用可調整圖表片段的 Mac 剪輯者。以下控制項使用圓周上的累計百分比。它們不會自動正規化四個原始數值:計算邊界是工作流程中明確的一環。

選擇範本與控制模型

使用 Final Cut Generator 專案。Apple 將此範本類型用於可顯示在其他時間軸片段上方,或單獨出現在主要故事線中的圖形內容。儲存範本後,即可在 Final Cut Pro 的產生器瀏覽器中使用。在 Motion 中建立產生器範本。

請使用相容版本的 Motion 和 Final Cut Pro。Apple 目前的產生器編輯說明要求更新這兩個 App,並指定兩者都必須是 Apple Creator Studio 版本,或都是一次性購買版本。較舊的教學可能會顯示不同的介面文字;使用較舊安裝版本時,請在 Apple 文件中選取適用的版本。在 Motion 中修改 Final Cut Pro for Mac 產生器。

這個設計結合了文件所述的形狀與控制器功能,用來建立自訂圖表。每個扇區都有一個起始邊界和一個結束邊界,從圓周上的同一原點開始測量。八個數值控制項可分別控制全部四個扇區。這些算術與圖表建構方式是根據這些控制項設計的實作範例,而非 Apple 提供的圓餅圖預設項目。

例如,起點為 40%、終點為 70% 的扇區占圓周的 30%。若將 30 輸入為其結束邊界,結果就不會是 30%。請在控制項名稱中明確區分這兩者:使用 Sector B Start (%) 和 Sector B End (%),不要使用含義不明的 Sector B Value。

建立四個相符的扇區圖形

透過 File > New from Project Browser 建立專案,選取 Final Cut Generator,選擇專案設定,然後按一下 Open。作為桌面專案的示例,請使用 1920 × 1080 和十秒的持續時間;如果預定的剪輯需要更高解析度,請選擇更高的解析度。Apple 建議以預計使用的最高解析度建立範本。在 Motion 中建立產生器範本。

複製前先建立一個圓形

在畫布工具列中選擇 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%。檢查結果:它應該是一個具有直線徑向邊的四分之一圓盤。若中心出現孔洞,表示外框對路徑半徑來說太窄。若端點突出或呈圓弧狀,請檢查端點設定。複製前先確認這個單一扇區正確無誤。

複製幾何形狀,再調整邊界

複製尚未設定控制器的圓形三次,並命名為 Sector B、Sector C 和 Sector D。讓它們的位置、半徑、旋轉角度、外框寬度和圖層持續時間保持一致。為它們設定不同的中性色,例如藍色、橘色、綠色和灰色,並將它們一起放入名為 Chart 的群組。

初始四扇區圖表請使用以下示例數值:

扇區 占比 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 中使用小工具。

設定一組完整的滑桿對應

先設定 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%,即可建立此處所需的一對一關係。Linear 插補可讓中間邊界值保持成比例。Motion 中的滑桿小工具。

若要記錄快照,請選取其標籤,按一下 Edit Mode 旁的 Start,變更預定參數,再按一下 Stop Rig Edit Mode。另一個端點也重複相同步驟。錄製時,只調整預定參數:變更其他參數可能會將它們一併加入小工具。Apple 說明了這個錄製順序,以及控制器化參數旁出現的操縱桿指示器。在 Motion 中建立及管理快照。

為全部八個控制項重複設定對應

使用相同的 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

設定每個小工具後,請檢查它所指定的參數清單。只控制一個邊界的滑桿,不應同時變更顏色、半徑或其他扇區。完成端點對應後,再設定上表所示的預設值。

八個控制項可直接調整每個扇區的邊界,但剪輯者必須確保相鄰的數值相符。若要使用更簡單的介面,另一種設計是使用三個共用邊界小工具:一個控制 A 的終點和 B 的起點,另一個控制 B 的終點和 C 的起點,第三個控制 C 的終點和 D 的起點。Motion 支援將多個參數對應至同一個小工具。這種配置可減少重複輸入,但三個邊界仍須保持遞增順序。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。使用八控制項介面時,每個變更過的邊界兩側都要更新。

在可行情況下,請保留未四捨五入的累計值,並讓最終結束邊界恰好為 100%。將數值為零的類別視為不存在,並確認其起點和終點設為相同數值時不會留下可見標記。若所有數值皆為零,就沒有有效的百分比總和;請在建立圖表前改用其他示例資料。負數不適用於此扇區模型。

文件所述的控制器機制會在已儲存的參數狀態之間進行插補。此設定不含任何將輸入值除以其他值總和的計算。將滑桿重新命名為 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 中調整產生器。

若要實際檢查個別片段,請將產生器加入兩次。只變更所選片段的邊界,再選取另一個片段並檢查其數值。這可在你於剪輯中使用此範本之前,先確認已安裝的 App 版本支援預期的逐片段編輯工作流程。

保留片段編輯與範本修訂之間的界線

在 Motion 中開啟產生器,和在 Final Cut Pro 中調整其已發布控制項,是兩種不同操作。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 產生器。

若要使用不同的圖表配置,請調整所選片段的數值控制項。若要變更範本結構,例如從四個扇區改為六個扇區,請使用 File > Save As 並為修訂版本取新名稱,再繼續編輯。保留兩個範本版本,可清楚區分圖表資料與範本設計。

重複使用前先檢查圖表

請依照以下順序檢查幾何形狀與控制項對應:

  • 完整圓盤遮住其他扇區: 檢查 Fill 是否已關閉,以及外框是否依預期裁切。
  • 中心仍有孔洞: 變更控制器前,先比較外框寬度與圓形路徑半徑。
  • 扇區之間出現間隙或重疊: 比較某個扇區的結束值與下一個扇區的起始值。
  • 輸入 50 卻得到錯誤邊界: 檢查兩個端點快照,並確認插補方式為 Linear。
  • 滑桿變更多個無關屬性: 檢查小工具指定的參數,看看錄製時是否意外擷取了變更。
  • Final Cut Pro 中缺少控制項: 確認小工具已發布,且範本已儲存。

最後檢查預設的 40/30/20/10 圖表、替代的 50/30/10/10 圖表,以及兩個獨立的時間軸實例。確認邊界、快照對應和範本版本後,這個產生器就能以可重複的方式,讓你用數值編輯個別扇區,同時明確掌握圖表比例。

來源