向图形添加响应式设计

上次更新日期: 2026年3月27日

使用 Adobe After Effects 中的响应式设计工具创建灵活的组合,以便将布局适配到不同的纵横比和格式,无需重建动画。

响应式设计 - 时间功能允许您制作自适应动态图形。该功能在组合嵌套或导出为动态图形模板时支持自适应时间拉伸。自适应时间拉伸意味着即使您对未受保护的区域进行时间拉伸,受保护的区域动画时长也保持不变。

您可以保护介绍、结尾以及组合的任意区域,保存响应式设计模板,并在不同项目中重复使用,避免重复制作和重新计时。

通过此功能,可将动画锁定到图形或序列,并适应您对它们所作的编辑。 利用此功能,可创建复杂的动画和动态图形模板,而这些模板可通过响应式重定时,与项目中的序列保持一致。

例如,您创建一个下三分之一图形并制作渐入/渐隐动画,然后添加响应式设计时间。响应式设计无论片段持续时间延长还是修剪,都会保持动画时长。

了解“响应式设计 - 时间”

问题详情可参见下方的示例:

您使用淡入/淡出创建了一个文本动画,且需要动画的持续时间与序列的持续时间相同。 该动画由两组淡入黑色背景的文本组成。

将相同的动画添加到其他序列。 动画的每个元素(如字体大小以及渐入/渐隐的开始和结束时间)都应该与序列匹配。一种方法是复制动画以匹配序列长度。然而,这种方法可能很耗时,因为您需要移动动画关键帧来对齐渐入/渐隐与序列。

这时您可以使用响应式设计 – 时间。您可以保护渐入/渐隐区域(包含关键帧)并扩展动画。这会将区域附加到序列,即使您拉伸动画以匹配序列长度,这些区域的动画时长也不受影响。附加之后,动画会进行动态调整以适应序列的长度。

应用“响应式设计 - 时间”

您可通过以下三种方式应用“响应式设计 - 时间”:

选项 1:

“合成”菜单中,选择“响应式设计 - 时间”子菜单的其中一个选项:

  • “创建开场”:创建占据合成持续时间 15% 的一个受保护区域,其起始点位于合成的第一帧。
  • “创建结尾”:创建占据合成持续时间 15% 的一个受保护区域,其结束点位于合成的最后一帧。
  • 从工作区域创建受保护区域:使用与工作区域栏相同的起始点和结束点创建一个受保护的区域。 受保护区域以蓝色阴影表示。

选项 2:

拖动工作区域条以选择要设为受保护区域的区域。右键点击工作区域条,然后选择从工作区域创建受保护区域

选项 3:

单击时间轴右侧的标记图标,并创建合成标记。

在时间线面板中,双击标记以打开组合标记设置对话框,设置持续时间并启用受保护区域选项

将动画添加到其他合成

设置动画的受保护区域、结尾和开场之后,可以将它们添加到其他合成或序列。

流程详情可参见下方的示例:

  • 为带受保护区域的动画命名,例如“合成 A”。
  • 为要添加动画的合成命名,例如“合成 B”。

时间轴面板中打开“合成 B”。

时间线中,拖动并将组合 A 放置在组合 B 上方。

时间线将受保护区域显示为蓝色阴影。按住并拖动“合成 A”的端点,使其与“合成 B”的端点相匹配。

当您预览组合时,动画中的受保护区域动画时长保持相同,只有未受保护的区域被拉伸。

处理包含多个受保护区域的嵌套合成

  • 当您拖动具有一个或多个受保护区域的组合的入点出点,并且该组合嵌套到另一个组合中时,它会对组合进行时间拉伸而不是修剪。该功能可保留受保护区域的持续时间。 例如,当您将包含 2 秒受保护区域的 5 秒剪辑延长为 10 秒后,受保护区域的持续时间仍将保持 2 秒的长度。
  • 要修剪图层的入点或出点而不进行时间拉伸,请按住 Option 键 (macOS) 或 Alt 键 (Windows) 并拖动入点和出点。
  • 受保护区域带有“受保护区域”选项已启用的合成标记,且使用不同的手柄图标,以便更轻松地识别。 受保护区域标记的行为与其他合成标记相同,但使用受保护区域嵌套合成的情况除外,此类合成标记不能修改。 相反,嵌套合成的图层栏会使用阴影来表示受保护区域。
  • 如果您在嵌套合成之后修改受保护区域,则嵌套合成图层上的受保护区域标记不会自动更新。 要更新嵌套合成图层上的标记,请选中该图层并在“源”中选择“图层”>“标记”>“更新标记”
  • 您还可以使用合成标记的 protectedRegion 属性,通过脚本或表达式访问“受保护区域”选项。

将带受保护区域的合成导出为动态图形模板

当您将包含受保护区域的合成导出为动态图形模板并添加到 Premiere 中的序列时,您可以直接调整长度,而无需进行时间重新映射。

您可以拖动剪辑的入点和出点来对合成进行时间拉伸,而无需修剪入点或出点。 受保护区域的持续时间将被保留。

  • 当您将包含音频的合成导出为动态图形模板时,它不会在 Premiere 中自适应地进行时间拉伸。
  • 使用 CINEMA 4D 渲染器和包含 3D 图层的合成,或包含使用 CINEWARE 效果的 CINEMA 4D 图层的合成,进行时间拉伸后,可能会遇到不受保护区域动画平滑的问题。

使用 After Effects 完成更多工作

使用 Adobe After Effects 创建令人难以置信的动态图形、文本动画和视觉效果。 专为影片、电视、视频和网页而设计。