如果需要做动画，那不妨使用AE来制作毛玻璃咯。
本次除了图文教程之外，还有视频教程哦
1080P高清带字幕版视频教程观看地址：
https://www.bilibili.com/video/BV1Ke4y1v76P/?spm_id_from=333.999.0.0
首先绘制好基本图形，如下图：
这里的模糊度没有说一定要设置多少哈，大家根据实际情况来调整，教程里调的是 100，感觉效果是我想要的了。
继续给调整图层添加分形杂色，增加画面颗粒感，变换里的缩放属性调到 1 ，不透明度调到10%(这里大家可以酌情调节哈，数值越大，效果越明显)，混合模式为 叠加。
使用卡片给调整图层进行轨道遮罩，这样模糊的背景就只显示在卡片的范围内了。
为了增加卡片的立体感，给卡片图层复制一层，去掉填充属性，添加渐变描边，描边颜色根据背景色来调节，因为描边受到环境颜色的影响。
渐变色的不透明度大概在20%-40%左右比较合适。
新建摄像机，给卡片以及卡片上的元素开启3D图层，把这些元素都绑定父子级到空对象，方便整体控制做动画。
然后给空对象做XYZ三个轴向的旋转，以及Y轴的位移动画。
因为是要做循环动画，所有最后一组关键帧可以直接复制粘贴开始的关键帧，即可形成循环。
最终效果如下图：
好了，这个简单的毛玻璃动效教程就到这里咯，如果对你有帮助，请点赞支持一波，咱们下次再见~~~
原文地址：站酷
作者：墨染ART
蓝蓝设计建立了UI设计分享群，每天会分享国内外的一些优秀设计，如果有兴趣的话，可以进入一起成长学习，请加蓝小助，微信号:ben_lanlan，报下信息，蓝小助会请您入群。欢迎您加入噢~~希望得到建议咨询、商务合作，也请与我们联系01063334945。
分享此文一切功德，皆悉回向给文章原作者及众读者.
免责声明：蓝蓝设计尊重原作者，文章的版权归原作者。如涉及版权问题，请及时与我们取得联系，我们立即更正或删除。
蓝蓝设计( www.lanlanwork.com )是一家专注而深入的界面设计公司，为期望卓越的国内外企业提供卓越的UI界面设计、BS界面设计 、 cs界面设计 、 ipad界面设计 、 包装设计 、 图标定制 、 用户体验 、交互设计、 网站建设 、平面设计服务、UI设计公司、界面设计公司、UI设计服务公司、数据可视化设计公司、UI交互设计公司、高端网站设计公司、UI咨询、用户体验公司、软件界面设计公司
