5种使图片环绕圆形轨道旋转的方法【AE教程】

UP主: 教AE的李老师 · 时长: 15:01 · 🔗 B站原视频

发布: 2020-07-27 · 收录: 2022-04-19

标签: AE教程 · After Effects · 动态设计 · 视频剪辑 · 特效制作

开场：五种实现图片环绕圆形轨道旋转的方法

大家好，今天我们来看一下如何制作一组图片围绕圆形旋转的效果。我们要使用五种不同的方法来实现：最基本的路径动画、表达式、空对象旋转、脚本，以及 Element 3D 插件。

虽然这是一个简单的效果，但通过这五种方法的学习，你一定能够掌握更多的 AE 技巧。我们开始吧。

方法一：路径动画 + LoopOut 循环 + 序列图层均匀分布

新建一个合成，1280×720，30 帧，每秒，10 秒时长。背景我选择一个橙色，然后将这些图标拖到合成中。

新建一个纯色图层，双击椭圆工具添加蒙版，然后双击蒙版将蒙版缩小。按 M 键展开蒙版路径，选中路径，Ctrl+C 复制路径。

接着选中第一个图标，按 P 键展开位置属性，选中位置属性，再按 Ctrl+V 粘贴路径，这样就形成了沿着路径运动的动画。把这个黑色图层放到最下面并隐藏。

需要让图片旋转动画不断循环：按住 Alt 点击位置属性的码表，添加表达式：

LoopOut();

现在动画就会不断循环。

接着选中位置属性，Ctrl+C 复制，然后选中其他所有图片，Ctrl+V 粘贴，就把动画都复制给了其他图片。但现在它们都在同样的位置，需要让它们沿着路径平均分布。

现在转一周是两秒，也就是 60 帧。我们有 6 个图片，所以每两个图片之间要相差 10 帧。手动移动比较麻烦，可以选中所有图标，来到“动画”→“关键帧辅助”→“序列图层”，勾选“重叠”。

现在图层长度是 10 秒，如果要相差 10 帧，就是要重叠 10 秒减 10 帧，也就是 9 秒 20 帧。确定后，相邻图层入点就会相差 10 帧，图标就可以均匀分布在椭圆路径上。

方法二：表达式驱动路径点（Point on Path）+ 滑块控制 + LoopOut

这个方法和方法一类似。我已经将图片拖入合成，并且创建了一个椭圆蒙版。

选中第一个图标，展开位置属性，给位置添加表达式。先用关联器关联到蒙版路径，然后将这些参数都删除。这个表达式的意思是：某个图层的 Mask 1 的 Mask Path。我们要在它后面再加一个属性，点击选择 Path Property 里的“Point on Path（路径上的点）”。

如果表达式有错误，是因为在 Mask Path 后面忘记加一个点，补上就可以了。

现在图片已经跑到路径上了，但没有动画。表达式里的 percentage 参数，数值为 0.5 表示图标在圆形路径的 50% 位置。要让它沿路径旋转，需要让这个数值从 0~1 不断变化。

做法是：给图标添加效果“表达式控制”→“滑块控制”，给滑块做从 0~1 的关键帧动画。然后选中 percentage 参数，将它关联到滑块。隐藏黑色图层后，可以看到图标开始旋转。

但转一周会停下来，需要给滑块添加 loopOut 表达式，让它不断从 0~1 变化，这样图片旋转动画就可以循环。

接着选中滑块 Ctrl+C 复制，再选中其他图片 Ctrl+V 粘贴滑块动画。然后选中第一个图标，按两下 E 键展开表达式，复制位置属性表达式并粘贴到其他图片上，这样所有图标都有循环旋转动画。

最后和方法一一样，用“序列图层”让它们均匀分布。

方法三：三维空间旋转（空对象 + Y 轴旋转）+ 自动定向到摄像机

前两个方法都是二维平面旋转，从第三个方法开始讲三维空间旋转。

打开这些图层的三维开关，新建一个空对象也打开三维开关。选中所有图标，按 P 展开位置属性，将它们移到屏幕的一侧。

展开空对象的旋转属性，将第一个图标父级到空对象，然后旋转 60 度；再将第二个图标父级到空对象，旋转增加 60 度，就是 120 度。后面同样操作：父级到空对象，旋转增加 60 度。所有图标都连接完成以后，旋转空对象的 Y 轴，所有图片就会沿着圆形路径旋转。

接着新建一个摄像机，调整摄像机距离和角度。给空对象的 Y 轴旋转创建关键帧动画。

如果想让所有图标面向前方，可以选中所有图标，按 R 展开旋转属性，把它们方向都改为 0。然后到“图层”→“变换”→“自动定向”，选择“定位于摄像机”，这样所有图标都会朝向摄像机。

方法四：脚本 Auto Circular Motion（2D/3D 一键）+ Follow Target 朝向控制

这是最方便快捷的方法。选中所有图标，打开脚本 Auto Circular Motion。type 类型默认是圆形，点击应用，就能得到平面的圆形路径旋转。

如果要三维空间旋转，选择 cylinder（圆柱体）点击应用，现在就是围绕圆柱体旋转。新建摄像机，调整角度。

这个脚本会产生一个控制图层，在效果面板中可以自定义调整，例如 XYZ 方向的距离、旋转速度、每个图标的角度大小等。

最酷的是 follow target（跟随对象）选项，默认是控制图层。我们新建一个空对象并打开三维开关，然后将跟随目标设为这个空对象。移动空对象的 Z 坐标可以看到，图标朝向会随着空对象位置改变；如果选择无，那么它们就都朝向一个方向。

如果想让所有图标始终正面朝向：先删除摄像机，重新创建一个空对象和摄像机，并把摄像机父级到空对象。用旋转空对象来控制摄像机角度，然后把控制图层的 X 轴旋转关联到空对象的 X 轴旋转。这样旋转空对象时，所有图标始终正面朝向我们，并进行循环旋转。

方法五：Element 3D 插件（自定义图层贴图 + 粒子复制器环形 + Face Camera）

使用 Element 3D 插件：新建一个图层，添加 Element 3D 效果，展开“自定义图层”→“自定义纹理贴图”，每一个图层指定一个图标。

进入场景设置，新建一个平面，沿 X 轴旋转 -90 度。选中材质，在 diffuse（漫射）指定第一个图片图层，然后启用 matte（alpha），就可以看到图标。

如果发现阿尔法有问题，可以增加 alpha threshold，比如调到 0.2，阿尔法通道就正常了。再切换回图层一。

选中平面模型，将它从组 1 文件夹中拖出来，然后删除组 1 文件夹。右键平面模型选择复制所有，然后修改拷贝的材质：切换 diffuse 图层为图层二，再继续复制并切换图层。全部切换完成后点击 OK 回到 AE。

将下面这些图标隐藏，展开组 1 → 粒子复制器，把复制器形状改为 ring（环形），粒子数量设为 6，增加半径，再缩小粒子大小。旋转粒子复制器，可以看到图标围绕环形旋转。

如果有些图片没有显示，是因为转到了平面的背面。回到 E3D 场景中，勾选模型 two-sided（两面），为所有模型勾选此选项，回到 AE 后所有图标就都出现了。

新建摄像机并调整角度。想要所有图片朝向摄像机：展开粒子设置，在 rotation 下面有 direction 选项，改为 face camera，这样摄像机看到的图标会始终朝向摄像机。

如果图标明暗不同，可以调整材质和灯光，也可以直接加一个“填充”效果，填充白色。

如果发现图片有重复或缺失，展开 E3D 设置，找到 shape option，把粒子顺序从随机改为正向，它们就会按顺序排列。接着就可以做旋转动画了。

结尾

五个方法都介绍完了。希望你能喜欢这个教程。名师网上还有很多优秀的教程，欢迎你来访问。对 AE 有什么问题，也可以直接与我联系交流。我是教 AE 的李老师，感谢观看，我们下次再见。