免费套件 · 1 分钟复刻爆款动效 · 第 02 期
撕开就飞出来:3D 闪粉贴纸包动效
Tear open a 3D glitter sticker pack and watch every sticker fly out.
透明塑封贴纸袋倾斜时会反光,翻过来能看到贴纸底纸;沿虚线一撕,闪粉喷出,贴纸全部飞出来散开。每张贴纸还能拿起来转一转、从角上撕下来。套件里有完整工程、整套贴纸、让 GPT 画贴纸的全部提示词,换成你自己的角色就能出片。
动效里有什么
| 时间 | 画面 | 看点 |
|---|---|---|
| 0–4 秒 | 透明贴纸袋,光标拖着它轻轻倾斜 | 塑封面的高光和反光跟着角度走,袋里的闪粉一直在闪 |
| 4–6 秒 | 整袋翻到背面再翻回来 | 透过塑料能看到每张贴纸的白色底纸 |
| 6–7 秒 | 沿虚线撕开头卡 | 闪粉喷出,主角最先冲向镜头,其余贴纸依次飞出、散开落位 |
| 7–24 秒 | 点开单张贴纸 | 白色卡片里拿起来转,闪光跟着角度跑;从角上卷起撕下,背面是印着 RubyFPV 的底纸 |
| 24–32 秒 | 拖几张换位置,再封一包新的 | 所有贴纸飞回袋里,头卡盖回,正好接回开头 |
套件里有什么
| 文件 | 作用 | 你需要改吗 |
|---|---|---|
| 3D 场景(index.html) | 硬塑封透明袋(皱褶高光、折射)、闪粉和碎钻闪光、翻面、撕开、飞出、单张撕贴纸(背面是 RubyFPV 底纸)、封回,动作时间与参考逐帧对齐 | 只改卡片标题 |
| 整套示例贴纸(19 种) | Ruby 女巫、包子,以及幽灵、南瓜、蝙蝠、月亮、糖果、星星等道具,透明底 | 换成你的 |
| 全部提示词 | 让 GPT 画角色贴纸、主角道具、小道具、包装头卡、视频封面的完整提示词:一份带方括号的模板,一份示例实际用的原版 | 把方括号换成你的角色 |
| 自动切贴纸脚本 | 透明底、纯灰底都能识别,切成一张张贴纸,出带编号的总览图 | 不用 |
| 闪光区域脚本 | 换贴纸后重算哪里会闪:衣服、帽子、道具闪,脸和头发不闪 | 换图后跑一次 |
| 6 步说明(README) | 从装环境到出片,每一步一条命令 | 不用 |
| AI 复刻技能 | 在 Claude Code 里说一句话,AI 按同样流程带你做完 | 不用 |
需要什么工具
| 工具 | 用来做什么 | 费用 |
|---|---|---|
| 带 GPU 的 Mac | 渲染 3D 画面(Apple Silicon 约 1 分钟出片) | — |
| Node.js 22+、Python 3.9+、ffmpeg | 运行渲染器和切贴纸脚本 | 免费 |
| ChatGPT(能出图)或 Codex | 按提示词画你的贴纸 | 按你的订阅 |
| Claude Code(可选) | 一句话让 AI 带你做完 | 按你的订阅 |
6 步复刻教程
- 装环境(5 分钟):在套件文件夹里运行:
bash setup.sh
- 让 GPT 画贴纸(20–30 分钟):打开
prompts/模板-换成你的角色/00-先看这里.md,把方括号换成你的角色,按顺序出 4 张:角色贴纸 → 主角道具 → 小道具 → 头卡。同一个对话里连着出,整包才是一套。 - 自动切贴纸(1 分钟):把 3 张贴纸大图放进套件文件夹:
.venv/bin/python tools/extract_stickers.py 角色.png 主角道具.png 小道具.png
打开assets/stickers/_index.png核对。 - 换进场景(10 分钟):把切好的贴纸按 README 里的文件名表改名(比如主角全身叫
ruby_witch.png),覆盖assets/stickers/里的同名文件,头卡存成assets/header.png,不用改代码。再重算一次哪里会闪光:.venv/bin/python -I tools/bake/glitter_masks.py assets/stickers assets/stickers/_mask
- 预览检查(5 分钟):
npx hyperframes@0.8.181 preview
看 2 秒、6.8 秒、8.3 秒和单张卡片。 - 渲染(约 1 分钟):
npx hyperframes@0.8.181 render -o renders/final.mp4
得到 1664×1440、30fps、31.7 秒的成片;要 3328×2880 先运行bash tools/set_res.sh 4。
用 Claude Code 更简单:在套件文件夹里打开 Claude Code,说「用我的角色复刻这个贴纸包视频」。套件自带的技能会按同样 6 步带你做,每一步给出检查图请你确认。
做这一期学到的 5 条经验
- 角色要同一套画风:同一个角色常有平面、3D、像素好几个版本。我一开始把平面的自己和 3D 毛绒的狗放在一起,怎么看都不搭;换成同一套平面角色才对。
- 同一个对话里连着出:后面每张贴纸都对齐第一张的描边粗细、白边宽度和闪粉,整包才像一套。
- 透明底、不要投影:投影由 3D 场景自己算,贴纸图里自带投影会出现双层阴影。
- 脸保持干净:闪粉只铺在衣服、帽子和道具上,脸用平涂,表情才看得清。
- 先用占位把动作做完:等贴纸的时候先用占位图把整条动作和节奏对齐参考,图一到只换文件,几分钟就能出片。
常见问题
需要会画画、写代码或 3D 建模吗?
不需要。贴纸用套件里的提示词让 GPT 画,3D 场景是做好的,你只换图片。
需要什么电脑?
带 GPU 的 Mac,Apple Silicon 最好。渲染 31.7 秒成片约 1 分钟;没有 GPU 会慢 10 倍以上。
可以商用吗?
代码和脚本是 MIT 授权,可以商用。示例贴纸里的角色 Ruby、包子和插画版权归 Ruby,仅供学习试跑,商用请换成你自己的角色。提示词可以自由使用和修改。
GPT 画出来的贴纸风格不统一?
参考图只用同一种画风;4 张图在同一个对话里连着出,或者新开对话时把第一张角色贴纸一起传上去当画风基准。
切贴纸时多出碎点,或者小闪光被切成单独一张?
把合并距离调大再切一次:STICKER_GROUP=40 .venv/bin/python tools/extract_stickers.py …
渲染时报 Failed to get the path for 1001 怎么办?
系统 Chrome 无法无头启动。运行 npx @puppeteer/browsers install chrome-headless-shell@stable,再把环境变量 PRODUCER_HEADLESS_SHELL_PATH 设为它的路径。
授权
代码与脚本:MIT,可免费使用、修改、商用。示例贴纸、角色 Ruby 和包子:© 2026 Ruby,仅供学习试跑,禁止商用和二次分发。提示词可以自由使用和修改。参考动效来自 TypingMind 的交互演示;套件里的贴纸全部重新绘制,不含参考原图。渲染器 HyperFrames,3D 引擎 three.js(MIT)。
做完这个,还想要更多效果?
付费模板包 · Paid pack
Hook Motion Pack(钩子动效包)这个贴纸包套件用的渲染器是 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 分钟复刻爆款动效」每周更新。下一期:更多能直接复刻的 3D 动效。
抖音扫一扫 · 关注我
微信扫一扫 · 关注视频号