路野

今天的AE教程来教大家如何制作磨砂质感的毛玻璃卡片动效。微信关注“设计师深海”回复“毛玻璃卡片”即可获取完整AE工程文件!希望对大家有所帮助

视频地址:

 

效果预览

 

步骤概览

STEP.1:在PS中新建1000*600的画板,背景内容设置为透明

 

STEP.2:绘制1000*600的矩形,调整圆角为50像素,将填充透明度设为10%

 

STEP.3:打开图层样式,添加两个内阴影,颜色为30%的白色,角度分别调整为150°和-30°,不要勾选全局光

 

STEP.4:将保存好的PS文件导入AE,类型选择合成

 

STEP.5:使用椭圆工具绘制两个圆形

 

STEP.6:添加调整图层,为调整图层添加高斯模糊,模糊度为200

 

STEP.7:绘制1000*600的矩形,设为调整图层的遮罩

 

STEP.8:拖入PS合成,将模式设为相加,输入文字作为装饰,将文字、矩形和调整图层都设为PS合成的子层级

 

STEP.9:最后为元素位置属性添加抖动表达式:wiggle(0.5,50)

感谢关注

 

原文地址:设计师深海(公众号)

作者:设计师深海

 

转载请注明:学UI网 » 【AE教程】磨砂质感的毛玻璃卡片动效

登录收藏
 
你可能喜欢的:
在UI中传达系统状态可见性的4种方法在UI中传达系统状态可见性的4种方法
【AE教程】圆环扭曲动效丨人工智能语音助手特效【AE教程】圆环扭曲动效丨人工智能语音助手特效
【AE教程】电流能量文字LOGO发光生成动效丨无插件制作【AE教程】电流能量文字LOGO发光生成动效丨无插件制作
UI/UX界面动效及开发合集欣赏UI/UX界面动效及开发合集欣赏
【AE教程】人工智能语音助手光环动效制作【AE教程】人工智能语音助手光环动效制作
原来大厂的动效是这样落地的,难怪夸我做事靠谱原来大厂的动效是这样落地的,难怪夸我做事靠谱
【AE教程】如何制作苹果发布会的文字动效【AE教程】如何制作苹果发布会的文字动效
我这样手把手教你,这个小动效肯定能学会了!我这样手把手教你,这个小动效肯定能学会了!
【AE教程】如何制作翻页循环动画【AE教程】如何制作翻页循环动画
为什么我做动效的效率提升了好几倍?原因都在这了!为什么我做动效的效率提升了好几倍?原因都在这了!