夜雨聆风学习资料网

ARTICLE · 991817

我和AI聊了三天,做出来我念叨好几年的插件

我和AI聊了三天,做出来我念叨好几年的插件

干动效这行有些年头了,有件事我一直想不通。

你说咱做设计的,软件玩得比谁都溜,快捷键敲得比打字还快,可偏偏有件事,每天重复几百遍,就是没人给整个痛快的解决方案。

啥事儿?写表达式。

wiggle(2,50)—— 手持晃一下。

loopOut("cycle")—— 循环起来。

time*120—— 转起来。

这些玩意儿就跟早上刷牙一样,天天干,可每次都得一个字母一个字母往那儿敲。少个括号、拼错个单词,红色报错往那儿一杵,跟你对视。

曲线更气人。FLOW 是好用,可换台电脑、重装个系统,你攒的那些曲线全没了。而且 FLOW 只管曲线,表达式你得另找,文字动画你得另找,连个新建调整层都得自己点菜单。

我就想要一个面板,往那儿一搁,高频操作全给我包圆了。

但咱是做设计的,不是写代码的。改几行现成的还行,从零写一个面板?门儿都没有。

后来有一天,我寻思着,要不跟 AI 聊聊?

头一轮,差点儿给我整放弃了。

我把需求一说,AI 啪啪啪给我整出一大段代码。我丢进 AE 里 —— 弹窗报错。

截图发过去,AI 改一版。再丢进去 —— 另一个报错。

就这么来回折腾,终于能打开了。我一看那界面,白底黑字,按钮方头方脑,活像我十年前用的软件。

我说你这不行,太丑了,能不能整好看点?

AI 给加了圆角、渐变、阴影。再打开 —— 好嘛,icon 全没了,按钮也不显示,鼠标搁那儿悬停半天才蹦出个注释。

我当时就一个念头:这 ScriptUI 是不是跟 AI 八字不合?

差点儿就拉倒了。

后来我换了个路子。

不跟 AI 说 "给我写个完整插件" 了,那玩意儿它也整不明白。我拆成小块,一块一块来。

"先整表达式库,两列按钮,每个带注释。" "曲线编辑器照着 FLOW 来,能拖控制点就行。" "加个启动画面,写 ' 做设计的鹏鹏制造 '。"

每整完一块,我就扔 AE 里测,有问题截图甩过去。AI 改,我测,再改,再测。

中间踩的坑能列一长串:

  • 滚动条在某些 AE 版本不认 → 换 CEP 扩展重写
  • 贝塞尔曲线应用完没反应 → 查半天发现是 speed 参数为 0,光改 influence 白搭
  • 鼠标搁按钮边上来回闪 → 原来是演示区高度自适应,按钮跟着上下跑
  • 读取曲线不准 → 合着只读了 influence,speed 压根没读

每个坑都是 AI 跟我一块儿填的。 它负责分析原因写代码,我负责在 AE 里实测给反馈。俩外行,愣把这事儿给磨成了。

等核心功能全跑通那天,我看着面板,心里头有点东西。

但还不够。

后面就全是细活了。

"启动画面用这张 logo,底下加个进度条。" "曲线整个收藏功能,读一条存一条,换电脑也不丢。" "表达式那演示动画太敷衍了,每个都得不一样。" "按钮 hover 闪,再查查。" "应用完曲线关键帧没变,再看看 speed 那参数。"

AI 是真有耐心。你说啥它都接着,改完还跟你解释为啥这么改。

有个事儿我记得清楚:贝塞尔曲线应用到 AE 里,形状老是不对。

来回查了五六轮,最后整明白了 ——AE 关键帧的缓动是俩参数:influence(影响多少)和 speed(速度多快)。贝塞尔曲线的形状呢,不光看控制点的 x(对应 influence),还得看 y(对应 speed 的斜率)。之前光改了 influence,speed 要么是 0 要么是默认值,那曲线能对才怪了。

修完之后,读一条曲线 → 应用到另一个属性 → 形状一模一样。

那一刻我知道,这玩意儿能用了。

所以这插件到底能干啥

折腾到最后,我手里多了个叫 MotionToolkit Pro 的 AE 面板。

就一个面板,四个 Tab,常用的全给你塞进去了:

📐 表达式库

  • 抖动随机、循环时间、层关系、时间重映射、物理模拟、高级速查 —— 六大类
  • 三十多条常用表达式,点一下就上,每条带注释、带场景、带用法
  • 鼠标搁上去有动画演示,啥效果一眼能瞅见
  • 复杂的不能一键上的,整了个速查页,复制粘贴就行

📈 曲线编辑器

  • 照着 FLOW 来的,贝塞尔曲线可视化编辑,拖控制点实时看
  • 二十六种常用预设,从线性到弹性到回弹,中文名字,还告诉你啥时候用
  • 能读 AE 里现有的曲线,也能往关键帧上应用
  • 能收藏
    —— 顺眼的曲线存下来,换电脑重装都在

✍️ 文字动画

  • 打字机、数字滚动、时间码、模糊入场、弹性弹跳……
  • 选中文字图层点一下就上,带注释带参数说明
  • 演示字就写的 "做设计的鹏鹏",宣传一下自己😄

🛠️ 便捷工具

  • 新建调整层、空对象、对齐中心、链接父子
  • 合成标记、图层标记、随机入场、序列排列
  • 全是你每天点十次以上的玩意儿

最后说两句

搁以前,我觉得 "自己写个插件" 这事儿,是程序员的活儿,跟咱做设计的没关系。

折腾这一遭我算明白了:AI 不会替你拿主意,但它能把你脑子里的玩意儿给捣鼓出来。

我出需求、出审美、出测试反馈;AI 出代码、出逻辑、出排查思路。各干各擅长的,愣是把我念叨好几年的东西给整出来了。

当然这插件还有不少能打磨的地方,可它已经能帮我省下每天重复敲表达式、调曲线的那些破时间了。

你要是也干动效,也烦透了每次重新敲 wiggle,不妨试试。

做设计的鹏鹏制造,MotionToolkit Pro。

一个面板,动效那点事儿,全给你办了。

想要的粉丝,还是老规矩,三连后台发送“MotionToolkit Pro”即可获取

相关学习资料