通过摄像头并使用图层深度功能,轻松为动画创建视差效果。

在此版本中,您可以创建涉及跨不同深度的多个对象的动画。使用“摄像头”工具为动画添加视差效果。以前,动画制作工具必须通过猜测对象在接近或远离“摄像头”工具位置的大小来创建视差效果。 

在 2017 年 6 月版中,Animate CC 中的此功能可在 ActionScript3.0 和 WebGL 平台上可用。 

图层深度

Animate 设计人员可以在不同平面中放置图层,从而创建深度错觉。 在早期版本中,Animate 合成中使用的图层位于同一平面上。 

使用“图层深度”面板,您可以动态地更改图层的深度。要使用图层深度,请单击“窗口”>“图层深度”

打开“图层深度”面板
打开“图层深度”面板

如上面的屏幕截图所示,图层深度值显示在指定帧的每个图层名称的旁边。

  • 将鼠标指针悬停于每个值上,单击并将滑块向您右侧或左侧拖动。
  • 要增大深度,请将滑块向您的左侧拖动,要减小深度,请将滑块向您的右侧拖动。 
  • 您可以使用负值表示更近的对象,使用正值表示很远的对象。
Timeline-view-layers

每个图层在“图层深度”对话框中用唯一的彩线表示。您可以在“时间轴”窗口中查看表示每个图层的颜色。

您还可以通过将多色线条向上或向下移动,来增大或减小每个图层中对象的深度。

  • 要增大图层中对象的深度,请将线条向上移动。
  • 要减小图层中对象的深度,请将线条向下移动。

您可以在下面的插图中查看图层深度前后对比效果功能: 

Content without Layer Depth
无图层深度的内容

Content with Layer Depth
有图层深度的内容

为图层深度保持大小

可以在不改变舞台中的对象大小的前提下,更改对象的图层深度。要启用此功能,请单击“图层深度”面板右上角的“保持大小”按钮。

您可以在两种模式种使用保持大小选项:

  • 单击“保持大小”按钮,然后修改所需图层的图层深度。“保持大小”按钮自动切换为开启。
  • 按住 Alt 键可在拖动图层深度值的同时暂时启用“保持大小”选项。
为图层深度保持大小
为图层深度保持大小

可以在 -5000 至 10000 范围内设置图层深度的最小值和最大值。 

使用摄像头 Z 深度的视差效果

通过使用图层深度功能,您可以使用摄像头为对象创建视差效果。

  1. 在 Animate 中的不同图层上创建多个对象。 

  2. 向其中每个对象添加不同的图层深度。

  3. 单击“摄像头”工具并在对象上平移摄像头。

更接近摄像头的对象和更远的对象以不同速度移动,从而创建视差效果。

您可以使用此效果查看对象的深度和角度。

  • 更接近摄像头的对象比远离摄像头的对象移动速度更快。
  • 更接近摄像头的对象拥有较高的负图层深度值,而远离摄像头的对象拥有较高的正图层深度值。

注意:

在更改深度时,对象的大小将保持不变。此功能使您能够按正确的顺序放置对象,然后使用摄像头平移功能模拟视差效果

本产品经 Creative Commons Attribution-Noncommercial-Share Alike 3.0 Unported License 许可  Twitter™ 与 Facebook 中的内容不在 Creative Commons 的条款约束之下。

法律声明   |   在线隐私策略