00:00 / 05:23
连播
清屏
智能
倍速
点赞103
00:00 / 03:40
连播
清屏
智能
倍速
点赞503
00:00 / 08:31
连播
清屏
智能
倍速
点赞430
00:00 / 04:31
连播
清屏
智能
倍速
点赞NaN
00:00 / 01:05
连播
清屏
智能
倍速
点赞NaN
AE笔记:用表达式做交互式极简UI动画 #AE教程 #AE表达式#AfterEffects #UI动画 #Overlord #表达式 #动效设计 第1步:素材导入与预处理 1. AI 到 AE 的传送:在 AI 中打开 Overlord 插件,点“小太阳”图标(开启此开关能确保 AI 的矢量路径、圆角等属性被继承到 AE 图层中)。 2. 建立控制核心:新建空对象(Null Object),将所有 UI 图层父级链接到空对象上(方便统一管理位置和基础大小,不破坏单个图层的表达式计算)。 3. 环境搭建:新建 1920*1080 主合成,添加淡灰色纯色背景(浅灰色比纯白更显质感,且能更好地衬托 UI 的投影细节)。 第二步:规范化图层设置 1. 锚点居中:务必确保每个图标的锚点都在正中心(表达式缩放是以锚点为圆心的,锚点歪了,缩放就会位移)。 2. 清理素材:删除原素材自带的背景阴影,在 AE 中手动添加“投影”脚本或效果(AE 原生投影更方便后期统一控制阴影的方向和柔和度)。 3. 图层缩放限制:不要在主合成里直接改缩放值。如果觉得素材大,进入子合成内部调整(表达式会占用缩放属性,如果在外面改了数值,表达式一粘贴就会重置回计算值,导致大小报错)。 第三步:建立“鼠标”控制器 1. 导入鼠标图形,添加“色调”效果修改颜色,预合成命名为“鼠标”。 2. 添加控制滑块:在鼠标图层上添加 4 个“滑块控制”,分别重命名为:大尺寸、小尺寸、范围、敏感度。 第四步:核心表达式注入 第五步:批量作与调试 1. 批量粘贴:选中刚才写好表达式的“缩放”属性,点 编辑 -> 仅复制表达式,然后选中所有 UI 图层直接 粘贴。 2. 参数: o 尺寸: 110 (轻微放大更有呼吸感) o 小尺寸: 100 (保持原状) o 范围: 500 (影响范围) o 敏感度: 100 (数值越大,靠近鼠标时放大越剧烈) 3. 动态K帧:给鼠标图层的“位置”打上关键帧,并按 F9 调整速度曲线。
00:00 / 04:41
连播
清屏
智能
倍速
点赞127
00:00 / 02:08
连播
清屏
智能
倍速
点赞9236
00:00 / 02:11
连播
清屏
智能
倍速
点赞4787
00:00 / 14:15
连播
清屏
智能
倍速
点赞1