粉丝服务

AE简单几步做个毛玻璃卡片UI动效


前言

哈喽,各位小伙伴~

大家平常肯定有遇到,用其他的设计软件绘制毛玻璃效果,不是无法导入AE,就是导入AE之后效果变得很诡异。

呐,今天墨染哥就给大家分享一个动效教程《AE简单几步制作毛玻璃UI卡片动效》。

本次除了图文教程之外,还有视频教程哦,往后看~~
首先绘制好基本图形,如下图:


这里的模糊度没有说一定要多少哈,大家根据实际情况来调整,教程里调的是100,感觉效果是我想要的了。

继续给调整图层添加分形杂色,增加画面颗粒感,变换里的缩放属性调到 1 ,不透明度调到10%(这里大家可以酌情调节哈,数值越大,效果越明显),混合模式为 叠加。

使用卡片给调整图层进行轨道遮罩,这样模糊的背景就只显示在卡片的范围内了。

为了增加卡片的立体感,给卡片图层复制一层,去掉填充属性,添加渐变描边,描边颜色根据背景色来调节,因为描边受到环境颜色的影响。

渐变色的不透明度大概在20%-40%左右比较合适。

新建摄像机,给卡片以及卡片上的元素开启3D图层,把这些元素都绑定父子级到空对象,方便整体控制做动画。

然后给空对象做XYZ三个轴向的旋转,以及Y轴的位移动画。

因为是要做循环动画,所有最后一组关键帧可以直接复制粘贴开始的关键帧,即可形成循环。

最终效果如下图:


视频教程:

好了,这个简单的动画教程就到这里咯,如果对你有帮助,请转发、点赞、在看支持一波,咱们下次再见~~~






本栏目精选

热门推荐

频道导航