视口

简介

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。