AE简单几步制作毛玻璃卡片动效
深圳/UI设计师/3年前/11368浏览
版权
AE简单几步制作毛玻璃卡片动效
哈喽,各位酷友~~
今天墨染哥就给大家分享一个动效教程《AE简单几步制作毛玻璃UI卡片动效》。
大家平常肯定有遇到用其他的设计软件绘制毛玻璃效果,不是无法导入AE,就是导入AE之后毛玻璃效果丢失,变的很诡异。
如果需要做动画,那不妨使用AE来制作毛玻璃咯。
本次除了图文教程之外,还有视频教程哦
1080P高清带字幕版视频教程观看地址:
https://www.bilibili.com/video/BV1Ke4y1v76P/?spm_id_from=333.999.0.0
首先绘制好基本图形,如下图:
这里的模糊度没有说一定要设置多少哈,大家根据实际情况来调整,教程里调的是 100,感觉效果是我想要的了。
继续给调整图层添加分形杂色,增加画面颗粒感,变换里的缩放属性调到 1 ,不透明度调到10%(这里大家可以酌情调节哈,数值越大,效果越明显),混合模式为 叠加。
使用卡片给调整图层进行轨道遮罩,这样模糊的背景就只显示在卡片的范围内了。
为了增加卡片的立体感,给卡片图层复制一层,去掉填充属性,添加渐变描边,描边颜色根据背景色来调节,因为描边受到环境颜色的影响。
渐变色的不透明度大概在20%-40%左右比较合适。
新建摄像机,给卡片以及卡片上的元素开启3D图层,把这些元素都绑定父子级到空对象,方便整体控制做动画。
然后给空对象做XYZ三个轴向的旋转,以及Y轴的位移动画。
因为是要做循环动画,所有最后一组关键帧可以直接复制粘贴开始的关键帧,即可形成循环。
最终效果如下图:
好了,这个简单的毛玻璃动效教程就到这里咯,如果对你有帮助,请点赞支持一波,咱们下次再见~~~
本文由@墨染ART原创发布于站酷,转载请注明站酷来源及作者。
256
564
Share
相关推荐
in to comment
Add emoji
喜欢TA的作品吗?喜欢就快来夸夸TA吧!
You may like
相关收藏夹
Log in
99+Log in and synchronize recommended records
99+Log in and add to My Favorites
评论Log in and comment your thoughts
分享Share















































































