免费套件 · 1 分钟复刻爆款动效 · 第 01 期
不用建模,1 分钟复刻质感拉满的 3D Y2K 动效
Remake a 3D Y2K CD-case animation in a minute, no modelling.
把你的插画做成 4 张贴纸镭射 CD,放进透明 3D 唱片盒:拖拽倾斜、360° 翻转开盖、滑入切换,3200 超清输出,自带卡点音效。整套复刻套件免费下载。
套件里有什么
| 文件 | 作用 | 你需要改吗 |
|---|---|---|
| 3D 场景(index.html) | 透明亚克力盒、镭射碟面、翻转开盖与切换动作,与参考爆款逐帧对齐 | 只改标题文字和底色 |
| 自动抠贴纸脚本 | 透明底、纯色底都能识别,自动去掉边框,切成带编号的贴纸 | 不用 |
| 碟面排版脚本 | 白边模切、软阴影、均匀分布、文字不出碟边 | 选贴纸和大小 |
| 卡点音效脚本 | 点击、开盖、合盖、切换音效,自动跟随动作时间 | 不用 |
| AI 复刻技能 | 在 Claude Code 里说一句话,AI 按同样流程带你做完 | 不用 |
6 步复刻教程
- 装环境(5 分钟):准备带 GPU 的 Mac,安装 Python 3.9+、Node.js 22+、ffmpeg,然后在套件文件夹里运行:
bash setup.sh
- 自动抠贴纸(2 分钟):把 2–3 张插画放进
assets/source/,长边最好 ≥ 2000 px。.venv/bin/python tools/extract_stickers.py .
打开assets/stickers/_index.png,每张贴纸下面都有编号。 - 排碟面(15–30 分钟):在
tools/compose_discs.py的DISCS里给 4 张碟选贴纸和大小,运行后看assets/discs/_preview.png。.venv/bin/python tools/compose_discs.py .
- 改品牌和底色(5 分钟):改
index.html左上角文字和assets/app-icon.png;用DISC_STYLES给每张碟选底色:0 暗黑镭射、1 粉色镭射、2 银色 Y2K、3 紫色流动。 - 预览检查(10 分钟):
npx hyperframes preview
逐帧拖动查看开盖、合盖和切换,达到评分表 80 分再渲染。 - 渲染 + 音效(约 1 分钟):
.venv/bin/python tools/audio/make_sfx_only.py npx hyperframes render -q delivery -o renders/final.mp4
得到 3200×2736、30fps、24 秒的成片。
用 Claude Code 更简单:在套件文件夹里打开 Claude Code,输入「用我的图复刻这个视频」。套件自带的技能会让 AI 按同样 6 步带你做,每一步给出检查图请你确认。
决定高级感的 6 条经验
- 先定静帧,再做动画:碟面在静帧阶段改一次只要几秒,渲染后再改就要重做整条视频。
- 统一处理比丰富变化更重要:所有贴纸用同样的白边模切和阴影,风格差异很大的图也能放在一起。
- 宁可松散,不要拥挤:贴满的版本显得廉价,贴纸均匀分布在一圈、留出呼吸感。
- 密与疏搭配:一张超大 logo、一张只贴一个小脸,和两张密集碟形成节奏。
- 底色不要纯黑:换成粉紫光斑、粉色渐变、银色 Y2K、紫色流动的镭射底,质感立刻提升。
- 音效优先于配乐:短促活泼的点击、开盖、切换音效更适合产品展示,第 0 帧放一个抓耳的开场音效。
常见问题
需要会写代码或会 3D 建模吗?
不需要。套件里是做好的 3D 场景,你只换素材图和改几个配置;用 Claude Code 时直接说「用我的图复刻这个视频」即可。
需要什么电脑?
带 GPU 的 Mac,Apple Silicon 最佳。渲染 24 秒 3200×2736 成片约 1 分钟;没有 GPU 的软件渲染会慢 10 倍以上。
可以商用吗?
代码和脚本是 MIT 授权,可以商用。套件里的示例插画、角色和 logo 版权归 Ruby,仅供学习试跑,商用请换成你自己的素材。
渲染时报 Failed to get the path for 1001 怎么办?
系统 Chrome 无法无头启动。运行 npx @puppeteer/browsers install chrome-headless-shell@stable,再把环境变量 PRODUCER_HEADLESS_SHELL_PATH 设为它的路径。
贴纸看起来发虚?
原图太小被放大了。换长边 ≥ 2000 px 的原图是唯一根治办法。
授权
代码、脚本与合成音效:MIT,可免费使用、修改、商用。示例插画、角色与 logo:© 2026 Ruby,仅供学习试跑,禁止商用和二次分发。参考动效来自 TypingMind(created by Ann Nguyen)。渲染器 HyperFrames,3D 引擎 three.js(MIT)。
做完这个,还想要更多效果?
付费模板包 · Paid pack
Hook Motion Pack(钩子动效包)这个 CD 盒套件用的渲染器是 HyperFrames。钩子动效包用同一个渲染器做了 24 个开场、转场和结尾动效,换上你的素材和文字就能出片。Same renderer, 24 ready-made hooks, transitions and endings for 9:16 video.
$29 首发价 · 开卖后 7 天内有效,之后 $39
看全部 24 个效果 · See all 24想先试一个?免费领钩子动效包的第 17 号效果,先跑通再决定 →Try one first: Effect 17 from the pack is free.
关注我,获取下一期
「1 分钟复刻爆款动效」每周更新。下一期:把 CD 盒改成你的品牌名片。
抖音扫一扫 · 关注我
微信扫一扫 · 关注视频号