16:900:14查看模板杂志风香水品牌故事 Reel
创新区25 秒 16:9 暖米白杂志风香水品牌故事 MG:封面标题与香水瓶穿插浮入、品牌引文、Field Note 杂志卡片、居中产品配场景徽章、品牌落版五段连续动效,配本地原创合成 BGM。
分享
用于片头、转场、字幕或局部表达的动画动效,补充你的视频创作。
免费下载,随心修改,反复创作
模板下载完全免费,无需充值。可反复使用和修改:替换文字、图片和声音,调整画面与动效。
个人和商业视频制作 · 个人和商业用户均可按模板许可制作和发布视频。未经相应授权,禁止搬运、转售模板包或源码(包括修改后的版本),也禁止将其用于开发第三方线上服务。
- 免费素材与配乐图片、视频、贴纸搜索与上千首背景音乐,可让 AI 助手自动匹配。素材服务说明 →
- 可选生成服务GPT 生图、配音、视频生成按需选用,单独计费,不是使用模板的前提。创作者 API →
- 第一次使用跟着教程,从下载模板一步步做到成片。查看教程 →
模板代码按本页标注的许可使用;字体、图片、音乐等素材遵循各自许可,免费素材服务有每日额度。
模板介绍
一支 25 秒、1920×1080、30fps 的暖米白杂志风香水品牌故事 MG 短片,作为工作室作品集 Reel。五个连续场景,全部由 HTML / CSS / SVG 与逐帧时间线驱动,配一条本地原创合成的背景音乐。
场景拆解(固定 25 秒)
| # | 时间段 | 场景 | 源文件 | | --- | --- | --- | --- | | 1 | 0.0–4.0s | Brand / Stories 大标题升起,香水瓶右倾放大、穿插浮入标题下方,桌面静物剪影,翻页收尾 | src/shots/shot1-cover.html | | 2 | 4.0–10.0s | 竖向金线展开,品牌引文两行升起,香水瓶自右侧淡入 | src/shots/shot2-quote.html | | 3 | 10.0–16.0s | 三张 Field Note 杂志卡片错落飞入,中间卡片内嵌香水瓶 | src/shots/shot3-editorial.html | | 4 | 16.0–21.0s | 居中香水瓶配放射线与外圈金线,左右文案淡入,四枚金边场景徽章排开,拍章转场收尾 | src/shots/shot4-product.html | | 5 | 21.0–25.0s | Motion Studio 落版,分隔线展开,副标题与右下金边香水徽章落位,尾部整体淡出 | src/shots/shot5-outro.html |
时间线入口:src/film.html;共享缓动、配色、划像与插画组件:src/lib.js;BGM 合成脚本:src/make_bgm.py,分发音频:assets/bgm.mp3。
素材与许可
- 画面图形(香水瓶、桌面静物、卡片、放射线、徽章)均为包内 SVG/CSS 程序化绘制,无外部图片。
assets/bgm.mp3由src/make_bgm.py本地原创合成,无第三方采样;许可见licenses/TEMPLATE-LICENSE.txt。- 字体使用 Georgia / Helvetica Neue / Arial 系统字体栈,未捆绑字体文件。
开发者资料
给 AI 的说明
这是 MotionGit 模板包(.motion,ZIP 容器)。请按顺序读取:
motion.json:模板身份、运行要求、输出画幅与时长- 本文件
params.schema.json:可替换的主题参数与约束guide.json:用途、素材角色、容量与适配限制asset-manifest.json与licenses/:素材来源与许可
先读数据、不执行代码。只有在宿主具备文件、命令与渲染能力并得到用户授权后,才检查依赖并运行。默认不联网;本包不引用外部字体、图片或网络资源。
运行
运行配置:openfilm/1,入口 src/film.html。各分镜页面通过 window.film.frame(t) 以秒为输入渲染当前画面,画面只依赖时间 t,不依赖实时时钟或机器速度;宿主按 30fps 逐帧渲染 1920×1080,输出 25 秒成片。
说明:本包沿用 OpenFilm 的window.film.frame(t)分镜契约,与参考html-canvas/1的window.renderFrame(frame, inputs)整数帧接口不是同一套运行时;识别包结构不等于该引擎可以直接执行。在不支持 OpenFilm 分镜契约的宿主中,应把它当作源码与动效参考,而不是声称可一键渲染。
可替换的内容
brand:落版品牌名(最多 24 字符,默认Motion Studio)productName:瓶身标签与产品页香水名(最多 32 字符,默认Eau de Presse)accent:黄铜强调色(默认#B8956A)background:纸张底色(默认#F2EADB)
当前版本主题色集中在 src/lib.js 的配色对象 C;封面标题、引文与卡片标题写在对应 src/shots/*.html 的文字元素中,替换文案时直接编辑。品牌名、香水名与引文均为演示占位,复用前须替换为真实品牌内容。
可以替换的内容
| 参数 | 说明 | 类型 | 约束 | 默认值 |
|---|---|---|---|---|
brand必填 | 落版品牌名 | string | ≤ 24 字,≥ 1 字 | Motion Studio |
productName | 香水名 | string | ≤ 32 字,≥ 1 字 | Eau de Presse |
headline1 | 封面标题(上行) | string | ≤ 24 字,≥ 1 字 | Brand |
headline2 | 封面标题(下行) | string | ≤ 24 字,≥ 1 字 | Stories |
issueNo | 刊号 / 编号 | string | ≤ 16 字,≥ 1 字 | Nº 02 |
year | 年份 | string | ≤ 8 字,≥ 1 字 | 2026 |
season | 季节标签 | string | ≤ 16 字 | AUTUMN |
quote1 | 引文(上行) | string | ≤ 40 字 | We design brands |
quote2 | 引文(下行) | string | ≤ 40 字 | that feel like old friends. |
byline | 引文署名 | string | ≤ 32 字 | — The Studio |
sectionLabel | 内页栏目标签 | string | ≤ 32 字 | Inside this issue |
editorialTitle | 内页大标题 | string | ≤ 48 字 | Three stories, set in type. |
cardTags | 三张卡片栏目标签 | array | — | ["Field Note 01","Field Note 02","Field Note 03"] |
cardTitles | 三张卡片标题 | array | — | ["The Quiet Luxury of Paper","Type as a Conversation","Brands That Outlive Trends"] |
badgeLabels | 场景徽章标签 | array | — | ["MORNING","DESK","TRAVEL","GIFT"] |
bottleNotes | 香调说明 | string | ≤ 48 字 | Notes of ink, brass & old paper. |
bottleTagline | 产品标语 | string | ≤ 48 字 | Bottled in motion. |
bottleSize | 瓶身容量(标签) | string | ≤ 24 字 | 50ml · 1.7 fl oz |
bottleConcentration | 规格 / 浓度 | string | ≤ 32 字 | 50ml · Extrait de design. |
bottomNote | 封面脚注 | string | ≤ 40 字 | A MOTION DESIGN JOURNAL |
accent | 强调色 | string | #RRGGBB | #B8956A |
background | 纸张底色 | string | #RRGGBB | #F2EADB |
更新记录
了解每次发布的改进、修复与待完善事项。
在 AI 助手里更新已有模板
把旧模板交给助手,发送下面这句话即可。新版另存,旧包和工程保留。
请按 https://motiongit.cn/update.md 直接更新这个 MotionGit 模板,保留旧包和现有工程,完成后告诉我使用哪个新文件。
此版本暂未填写更新说明。
更多视觉艺术
16:900:14查看模板
16:900:13查看模板
16:900:13查看模板
16:900:14查看模板评论与制作效果
交流使用心得、提出问题,也欢迎分享你用这个模板做出的作品。
还没有评论,来分享第一个制作效果吧。