AE教程!苹果 iPhone Face ID 解锁动画全状态循环动效

作者:潮点学院

发布于 2023-03-11 11:27:33

1018阅读

0点赞

本期研究苹果的Face ID动画,使用AE实现了全状态幻影循环动效

AE教程!苹果 iPhone Face ID 解锁动画全状态循环动效

教程作者:太阳鸽鸽棒(授权转载)

关于教程

本期研究苹果的Face ID动画,使用AE实现了全状态幻影循环动效


Step 01 圆形边界

通过对圆形路径边缘进行调整,获得一个超椭圆图形。然后Ctrl+R打开标尺,确定图形四周的边界。

AE教程!苹果 iPhone Face ID 解锁动画全状态循环动效 AE教程!苹果 iPhone Face ID 解锁动画全状态循环动效 AE教程!苹果 iPhone Face ID 解锁动画全状态循环动效 AE教程!苹果 iPhone Face ID 解锁动画全状态循环动效

Step 02 3D旋转

通过3D stroke为图形添加3D旋转的效果,注意将摄像机调整到正面,并单独对1/4个圆形的变化过程进行微调。

AE教程!苹果 iPhone Face ID 解锁动画全状态循环动效 AE教程!苹果 iPhone Face ID 解锁动画全状态循环动效 AE教程!苹果 iPhone Face ID 解锁动画全状态循环动效 AE教程!苹果 iPhone Face ID 解锁动画全状态循环动效 AE教程!苹果 iPhone Face ID 解锁动画全状态循环动效 AE教程!苹果 iPhone Face ID 解锁动画全状态循环动效

Step 03 动画元素

将AI中绘制好的动画元素添加到Ae中,再把圆形合成的部分单独复制出来,调整颜色和角度,做出第二层动效。

AE教程!苹果 iPhone Face ID 解锁动画全状态循环动效 AE教程!苹果 iPhone Face ID 解锁动画全状态循环动效 AE教程!苹果 iPhone Face ID 解锁动画全状态循环动效 AE教程!苹果 iPhone Face ID 解锁动画全状态循环动效 AE教程!苹果 iPhone Face ID 解锁动画全状态循环动效 AE教程!苹果 iPhone Face ID 解锁动画全状态循环动效

Step 04 模糊残影

通过index表达式函数做出有规律的残影拖尾效果,然后用高斯模糊和透明底做出旋转后慢慢消失的状态。

AE教程!苹果 iPhone Face ID 解锁动画全状态循环动效 AE教程!苹果 iPhone Face ID 解锁动画全状态循环动效 AE教程!苹果 iPhone Face ID 解锁动画全状态循环动效 AE教程!苹果 iPhone Face ID 解锁动画全状态循环动效 AE教程!苹果 iPhone Face ID 解锁动画全状态循环动效 AE教程!苹果 iPhone Face ID 解锁动画全状态循环动效 AE教程!苹果 iPhone Face ID 解锁动画全状态循环动效 AE教程!苹果 iPhone Face ID 解锁动画全状态循环动效 AE教程!苹果 iPhone Face ID 解锁动画全状态循环动效

最终效果图

AE教程!苹果 iPhone Face ID 解锁动画全状态循环动效