日期:
来源:ID设计站收集编辑:墨染ART
前言
哈喽,各位小伙伴~
大家平常肯定有遇到,用其他的设计软件绘制毛玻璃效果,不是无法导入AE,就是导入AE之后效果变得很诡异。
呐,今天墨染哥就给大家分享一个动效教程《AE简单几步制作毛玻璃UI卡片动效》。
继续给调整图层添加分形杂色,增加画面颗粒感,变换里的缩放属性调到 1 ,不透明度调到10%(这里大家可以酌情调节哈,数值越大,效果越明显),混合模式为 叠加。
使用卡片给调整图层进行轨道遮罩,这样模糊的背景就只显示在卡片的范围内了。
为了增加卡片的立体感,给卡片图层复制一层,去掉填充属性,添加渐变描边,描边颜色根据背景色来调节,因为描边受到环境颜色的影响。
渐变色的不透明度大概在20%-40%左右比较合适。
因为是要做循环动画,所有最后一组关键帧可以直接复制粘贴开始的关键帧,即可形成循环。
最终效果如下图:
视频教程:
好了,这个简单的动画教程就到这里咯,如果对你有帮助,请转发、点赞、在看支持一波,咱们下次再见~~~