当前位置:全部 > 教程/技巧 > AE教程！苹果 iPhone Face ID 解锁动画全状态循环动效

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

作者：潮点学院

｜

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

1649阅读

｜

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 解锁动画全状态循环动效


太阳鸽鸽棒

7年动态设计经验，专精MG动画、图形特效、UI动效领域，资深设计讲师

热搜教程

你即将学会 AE教程 的知识

AE教程！无插件制作高级感丝滑渐变MG动画 上一篇

你即将学会 AE教程 的知识

AE教程！动态图形制作超实用的十个小技巧（新手向） 下一篇
客服