正文

轻松学会AE：打造逼真矩形碰撞动画效果教程

/0 浏览量
0621

在这个教程中，我们将学习如何在Adobe After Effects（简称AE）中创建一个逼真的矩形碰撞动画效果。这个效果在许多视觉作品中都非常常见，比如游戏、动画或者视频制作中。通过以下步骤，你将能够掌握这个技巧，并应用到自己的项目中。

一、准备工作

在开始之前，请确保你的电脑上已经安装了Adobe After Effects。以下是制作这个动画所需的基本元素：

  • 一个矩形形状图层
  • 另一个矩形形状图层作为碰撞对象
  • 预设的动画效果（可选）

二、创建项目

  1. 打开After Effects，创建一个新项目。
  2. 设置项目的基本参数，如分辨率、帧速率等。
  3. 创建一个合成，命名为“矩形碰撞动画”。

三、创建矩形形状图层

  1. 在“图层”面板中，右键点击，选择“新建” > “形状” > “矩形”。
  2. 使用工具栏中的“矩形工具”，在合成窗口中绘制一个矩形形状图层，命名为“矩形1”。
  3. 复制“矩形1”，得到“矩形2”，并将其放置在“矩形1”的旁边。

四、设置动画

4.1 矩形1动画

  1. 选中“矩形1”图层，在“效果”面板中搜索“位置”。
  2. 将“位置”效果拖动到“矩形1”图层的“效果控制”面板中。
  3. 在“效果控制”面板中，点击“位置”旁边的 stopwatch 图标，添加关键帧。
  4. 将时间线拖动到动画的末尾，将“矩形1”的位置移动到“矩形2”的位置。

4.2 矩形2动画

  1. 选中“矩形2”图层，在“效果”面板中搜索“位置”。
  2. 将“位置”效果拖动到“矩形2”图层的“效果控制”面板中。
  3. 在“效果控制”面板中，点击“位置”旁边的 stopwatch 图标，添加关键帧。
  4. 将时间线拖动到动画的末尾，将“矩形2”的位置移动到“矩形1”的位置。

4.3 碰撞效果

  1. 选中“矩形1”图层，在“效果”面板中搜索“表达式”。
  2. 将“表达式”效果拖动到“矩形1”图层的“效果控制”面板中。
  3. 双击“表达式”效果，在弹出的窗口中输入以下代码：
var rect1 = thisComp.layer("矩形1");
var rect2 = thisComp.layer("矩形2");
var rect1Pos = rect1.position;
var rect2Pos = rect2.position;
if (rect1Pos.x + rect1.width >= rect2Pos.x && rect1Pos.y + rect1.height >= rect2Pos.y) {
    rect1.position = rect1.position + [5, 5];
    rect2.position = rect2.position + [-5, -5];
}
  1. 重复步骤3，为“矩形2”图层添加相同的表达式。

五、测试和调整

  1. 播放动画，检查碰撞效果是否逼真。
  2. 根据需要调整表达式中的数值，以达到最佳效果。

六、总结

通过以上步骤，你已经学会了如何在After Effects中创建逼真的矩形碰撞动画效果。这个技巧可以帮助你在视觉作品中增添更多的动态效果。在今后的学习中，你可以尝试将这个技巧应用到其他类型的碰撞动画中，发挥你的创意。祝你创作愉快！

-- 展开阅读全文 --