視窗視口

簡介

Viewport 是 Composition 中的 Shapes 被渲染並變為可見的地方，以便在視覺上進行組合。

使用 tools 來選擇、變換、編輯和繪製 Shapes，以及編輯支援的 Filters 和 Shaders。

在 Viewport 中，使用 Select 工具將滑鼠懸停在 Shapes 上時，會顯示 Shape 名稱，並且根據 Shape 的複雜程度，其路徑或邊界框會高亮顯示，以指示點擊時將選取的內容。這種「預選高亮」的詳細程度是自動化的：

• Full - 對於低複雜度的 Shapes，所有路徑/輪廓會高亮顯示。
• Medium - 對於中等複雜度的 Shapes，會為各個子網格繪製邊界框。Text Shapes 有特殊處理——隨著字元數增加，會為每個單詞繪製邊界框。
• Low - 對於複雜的 Shapes，繪製單個邊界框。

使用 Select 工具懸停時是否顯示 Layer 名稱是可選的，可以透過 View > Show Layer Names on Hover 進行設定。

選取 Shapes 時，會繪製邊界框，並在右上角顯示帶有 Layer 名稱的標籤。參見 Group 了解如何選擇 Groups 及其子級。

Viewport 的畫布（Composition 之外的區域）色彩可以透過 Preferences 視窗中的 Viewport Canvas Color 進行設定。

多個 Viewports

要開啟額外的 Viewports，使用 Window > Add Viewport 選單項。

當 Scene 中有多個 Composition 時，任何次要 Viewports 的底部會出現一個下拉選單，可用於選擇和預覽特定的 Composition。該下拉選單還包括「啟用」Composition 的選項——這是 Scene Window 中目前開啟的標籤頁。

當 Scene 中有多個 Composition 時，次要 Viewports 不會顯示 playback 控制項。

播放僅支援「啟用」Composition，但可以透過拖動時間滑塊或使用熱鍵或 playback 控制項逐影格步進來預覽非啟用 Composition 的動畫。非啟用 Composition 的目前影格也會在播放停止時更新。

當使用多個 Viewports 時，任何設定為「啟用」Composition 的 Viewport 會在視窗周圍顯示紫色邊框。

設定

Zoom

設定 Viewport 縮放。可以使用下拉選單設定值，也可以直接輸入值。

• 未選取任何內容時，按 F 將 Viewport 縮放設定為最適合。
• 選取 Shape(s) 時，按 F 將 Viewport 縮放設定為最適合所選內容。
• 使用 Cmd/Ctrl + +/- 增量加倍/減半 Viewport 縮放。

Camera

當 Scene 中存在多個 Cameras 時，使用下拉選單為每個 Viewport 選擇 Camera 檢視。

Playback

• 轉到第一影格 - 將播放頭移動到播放範圍的第一影格。
• 轉到上一影格 - 將播放頭向後輕推一影格。
• 播放 - 開始播放。再次點擊停止播放。
• 轉到下一影格 - 將播放頭向前輕推一影格。
• 轉到最後一影格 - 將播放頭移動到播放範圍的最後一影格。

Playback Mode - 決定播放中播放頭到達 Playback End 時的行為：

• Loop Playback - 當播放頭到達 Playback End 影格時，轉到 Playback Start 影格並繼續播放。
• Playback Once - 當播放頭到達 Playback End 影格時，停止播放。

Tag Filtering

此圖示變為綠色，表示 Quicklist tag 處於啟用狀態，並正在影響 Viewport 中顯示的內容。

Color Management

啟用/停用 Color Management。

選項：

• 參見 Color Management。

Audio Playback

全域啟用/停用音訊播放。

選項：

• Play Audio - 啟用/停用音訊播放。
• Audio Device - 選擇用於回放音訊的音訊裝置。
• Playback Volume - 增加/減少播放時音訊的音量。請注意，這不會影響匯出音訊的音量。

名稱中包含 unicode 字元的音訊裝置可能會阻止音訊播放到該裝置。這些字元在列表中不會正確渲染——透過作業系統重新命名裝置來替換或移除它們。

Snapping

將 Shapes 吸附到網格、其他 Shapes、Composition 等。

選項：

• Enable Snapping - 啟用/停用吸附。
• Snapping Threshold - 設定距網格的距離（以螢幕像素為單位），在此距離內會發生吸附。
• Grid - 啟用/停用 Grid 吸附。
• Ruler Guide - 啟用/停用吸附到 Guides。
• Composition - 啟用/停用吸附到 Composition 中心。
• Bounding Box - 啟用/停用吸附到邊界框。
• Point - 啟用/停用吸附到 Shapes 的頂點。
• Pixel - 啟用/停用吸附到 Pixel Grid。Pixel Grid 可以透過 Grid 設定和 View 選單啟用/停用。

Grid

在 Viewport 中顯示網格線。請注意，點擊該圖示只會啟用/停用 2D 網格。

2D Grid 是「按 Composition」儲存的，而 3D 和 Pixel Grid 作為偏好設定儲存，這意味著如果啟用了 2D Grid，並不意味著下次建立或載入新 Composition 時它會保持啟用（除非 2D Grid 已在該 Composition 中儲存為啟用狀態）。

• 2D
• 3D
• Pixel

Show 2D Grid - 顯示/隱藏 2D 網格。

Copy/Paste Grid - 使用這些按鈕在 Composition 之間複製/貼上網格。

Grid Type - 決定 2D 網格的類型：

• Regular - 帶有細分和原點的網格。
• Swiss - 帶有間距選項的簡單網格。

Origin - 當 Grid Type 設定為 Regular 時，決定網格原點的位置。

• Centre - 將網格原點置於 Composition 中心。
• Top Left - 將網格原點置於 Composition 左上角減去 Margin。
• Bottom Left - 將網格原點置於 Composition 左下角減去 Margin。
• Top Right - 將網格原點置於 Composition 右上角減去 Margin。
• Bottom Left - 將網格原點置於 Composition 右下角減去 Margin。

Rotation - 旋轉網格。請注意，當 Grid Type 設定為 Regular 時，Origin 也必須設定為 Centre。

Margins - 設定從 Composition 邊界開始或裁剪網格的距離。

Size Mode - 當 Grid Type 設定為 Regular 時，選擇如何決定儲存格的大小：

• Size Of Cell - 以像素為單位設定主網格儲存格的尺寸。
• Number of Divisions - 透過將 Composition 的寬度/高度減去任何 Margins 除以這些值來建立主儲存格。

Cell Size - 以像素為單位設定主 2D 網格線之間的間隙大小。

Subdivision Count - 當 Grid Type 設定為 Regular 時，決定每個主儲存格內建立多少個子儲存格。

Gutter - 當 Grid Type 設定為 Swiss 時，以像素為單位設定儲存格之間的空間大小。

Major Line Color - 為 2D 網格的主儲存格設定色彩/Alpha。

Minor Line Color - 為 2D 網格的子（細分）儲存格設定色彩/Alpha。

Show 3D Grid - 顯示/隱藏 3D 網格。

Grid Color - 為 3D 網格設定色彩/Alpha。

Grid Size - 以像素為單位設定 3D 網格的總大小。

Grid Step - 以像素為單位設定 3D 網格線之間的間隙大小。

Show Pixel Grid - 顯示/隱藏 Pixel Grid。Pixel Grid 僅在特定 Zoom 層級下顯示，取決於目前 Composition 的解析度。

播放期間更新 UI

勾選後，使用者介面將在播放期間更新。這包括 Scene Window 中的播放頭、Sound Behaviour 上的 Equalizer 以及 Attribute Editor 中的屬性等元素。請注意，這有時可能會對效能產生不利影響。

請注意，必須停用 Playback Caching 才能啟用 播放期間更新 UI。

Playback Caching

啟用/停用播放快取。請注意，如果 Show Drawables 設定為 Except during Playback，則一旦播放被快取，drawables（Falloffs、Nulls 等）將被隱藏。將其設定為 Always 以保持它們可見。

Playback Caching 是針對整個 Composition 的，因此對 Composition 的任何變更（時間變更除外）都將清除整個快取。

Show Composition Boundary

勾選後，將在 Composition Boundary 周圍繪製邊框。

選項：

• Boundary Color - 設定 Composition Boundary 的色彩。

Motion Paths

勾選後，Viewport 中將繪製表示選取動畫 Shapes 方向和速度的路徑。參見 Motion Paths。

選項：

• Show Frames - 勾選後，繪製點來表示 Shape 在每一影格的位置。
• Show Seconds - 勾選後，沿路徑繪製橫條來表示一秒鐘。每個橫條代表一秒的第一影格。
• Show Keyframes - 勾選後，繪製較大的點來表示 Shape 的位置關鍵影格。
• Show Path - 勾選後，在代表每影格的點之間繪製線條。
• Show Direction - 勾選後，繪製人字形箭頭來表示方向。
• Path Duration - 設定 Motion Path 可見的長度（以秒為單位）。請注意，此值是路徑的總持續時間，因此值為 6 將在目前影格前後各顯示 3 秒。

Onion Skinning

在 Viewport 中繪製洋蔥皮圖層。

選項：

• Onion Skinning - 啟用/停用洋蔥皮。
• Pre Color - 設定目前影格之前的 Shapes 色彩。
• Pre Frames - 設定要在目前影格之前繪製的影格數。
• Post Color - 設定目前影格之後的 Shapes 色彩。
• Post Frames - 設定要在目前影格之後繪製的影格數。
• Outline Only - 不填充每個 Shape。

Clipping Mask Overview

在 Viewport 中繪製裁剪遮罩。

選項：

• Show Clipping Masks - 勾選後，連接到選取 Shapes 的遮罩將在 Viewport 中繪製為輪廓。
• Fill - 勾選後，每當選取帶有連接遮罩的 Shape 時，Viewport 中將出現綠色疊加層。

Transparency Style

設定 Viewport 的透明樣式。

選項：

• Use Checkerboard - 勾選後，在有透明的地方將顯示棋盤格。注意 - 所有 Compositions 都有 Composition Background。如果 Alpha 設定為 255，勾選此設定將沒有效果（沒有透明區域）。

Viewport Settings

選項：

• Viewport Quality - 設定 Viewport 渲染哪些特性。這可用於在需要時提高播放速度。注意 - 此設定不影響最終渲染。
  • High - 使用標準抗鋸齒的完整品質。
  • Balanced（僅限 macOS）- 使用多重取樣抗鋸齒 (MSAA)。此設定在效能和品質之間取得平衡。
  • Low - 移除抗鋸齒和任何 Image Filtering（參見 Image Shader）。
  • Lowest - 與 Low 相同，但還移除任何 Filters 和 Shaders。
• Color Space - 當 Preferences 中啟用了色彩管理時，預設情況下，RGB 像素值會從工作色彩空間轉換為你電腦顯示器的色彩空間。可以啟用替代色彩空間來預覽 Composition 在其他裝置上的顯示效果。
• Layer Tools - 勾選後，某些 Layers 會顯示紫色 UI 元素，可用於直接在 Viewport 中調整其設定。必須選取支援的 Layer 才能使這些工具出現。請注意，當 Shape 是另一個 Shape 的父級時，Layer Tools 不可用。
• Draw Debug Information - 在 Viewport 中繪製（無法渲染的）診斷資訊。這對於視覺化 Duplicator 中的點 ID 很有用。
• Show FPS in Playback - 在播放期間，在 Viewport 底部顯示 Viewport 執行的每秒影格數。
• Viewport Tool Help - 勾選後，每種 tool 的有用提示將疊加在 Viewport 左下角。
• Show Drawables - 控制 drawables（Falloffs/Nulls/Camera Guides）的顯示
  • Always - 始終顯示 drawables。
  • Except during Playback - 除播放期間外顯示 drawables。
  • Never - 從不顯示 drawables。
• Shape Depth Debug - 可用於診斷 Sub Meshes 中某些 Shapes 的深度。對 SVG 素材等內容很有用。

Debug Information 目前僅支援 pointId，且在播放時不顯示。

上下文選單

右鍵點擊 Viewport 中的 Shape 或空白區域，將彈出一個包含各種選項的選單：

• Select - 選擇游標下的 Shape。當多個 Shapes 重疊時，從選單項中選擇所需的 Shape。
• Select Hierarchy - 當 Shape 是另一個 Layer 的子級時，使用選單項選擇階層結構中其上方的 Layers。
• Get Info - 顯示游標下 Shape 的資訊。點擊選單項會將其值複製到剪貼簿。
• Zoom to Fit - 縮放 Viewport 使 Composition 適合其中。
• Zoom - 設定 Viewport 的縮放層級。
• Save Snapshot - 將 Viewport 目前狀態的快照儲存到槽位。
• Remove Snapshot - 從槽位中移除快照。
• Clear All Snapshots - 從所有槽位中移除快照。
• Copy Layer Id - 將 Layer 的 Id 複製到剪貼簿，用於 scripting
• Copy as SVG - 將選取的 Shapes 複製到剪貼簿為 SVG 資料。
• Copy as JavaScript - 將選取 Shapes 的資訊複製到剪貼簿為 JavaScript 程式碼。參見 Cavalry Module。
• Make Editable - 將 Primitive 轉換為 Editable Shape。
• Add Background to Selected - 透過建立 Rectangle 和 Bounding Box Utility 為選取的 Shapes 建立背景。
• Layout - 將選取的 Shapes 新增到一個 Layout。
• Bring to Front - 將選取的 Shapes 移動到其父級階層結構的頂部。
• Bring Forward - 將選取的 Shapes 在其父級階層結構中上移一層。
• Send Backward - 將選取的 Shapes 在其父級階層結構中下移一層。
• Send to Back - 將選取的 Shapes 移動到其父級階層結構的底部。
• Add to Duplicator - 將選取的 Shapes 新增到 Duplicator。
• Group Selected - 將選取的 Shapes 新增到 Group
• Lock Selected - 鎖定選取的 Shapes 以防止意外選擇。請注意，鎖定行為取決於 Preferences。
• Show in Attribute Editor - 在 Attribute Editor 中載入或顯示選取的 Shapes。
• Show in Scene Window - 在 Scene Window 中載入或顯示選取的 Shapes。