百木园-与人分享,
就是让自己快乐。

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


来源:https://uiiiuiii.com/aftereffects/1212445900.html
图文来源于网络,如有侵权请联系删除。

未经允许不得转载:百木园 » AE教程!苹果 iPhone Face ID 解锁动画全状态循环动效

相关推荐

  • 暂无文章