AE教程:简易磨砂玻璃形图标的制作 #AE教程 #AfterEffects #毛玻璃效果 #UI设计 #动效设计#视觉设计 #产品动画 一、 基础造型与动画 1. 新建: 拖入背景图,绘制形状图层(填充纯白,无描边)。 2. 动效: 先给矩形路径打关键帧,定好从无到有的基础动画。 o 原理: 此时的纯白填充是后续透明度处理的基础。 二、 打造边缘与厚度感 (核心步骤) 1. 高级混合: 给图层添加【斜面和浮雕】,将【填充不透明度】降至 10%(中心变透明,保留微量底色模拟实体感)。 2. 高光包边: * 阴影颜色: 改为纯白。 o 阴影模式: 改为滤色。 o 原理: 将暗部强行转为亮部,模拟玻璃折射的晶莹包边。 3. 内阴影: 颜色纯白,距离 0,大小 128。 o 原理: 从边缘向内晕染柔光,增加材质厚重感。 三、 模拟光学折射与磨砂感 1. 分层: Ctrl + D 复制一层。上层保留样式;下层删除样式,重命名为“效果层”。 2. 磨砂: 给“效果层”添加【快速方框模糊】,调节半径。 3. 物理折射: 给“效果层”添加**【置换图】**。 o 置换图层: 指向上层。 o 偏移: 水平/垂直设为 30 / -30(模拟光线穿过玻璃边缘的扭曲感)。 4. 细节补强: * 添加 Quick Chromatic Aberration(位置设为 3)模拟镜头色散。 o 添加 【杂色HLS】(亮度 2%)打破塑料感,增加细节。 四、 父级绑定 1. 链接: 将上层、内部文字的父级全部链接给**“效果层”**。 2. 属性同步: 关键点!将上层的矩形路径参数也父级链接给效果层。 o 优点: 实现“一改全改”,调整 形状大小时,折射和高光自动同步。
00:00 / 03:50
连播
清屏
智能
倍速
点赞130
00:00 / 01:31
连播
清屏
智能
倍速
点赞1018