模板中心更新于 2026年11月13日

杂志风香水品牌故事 Reel

创新区

25 秒 16:9 暖米白杂志风香水品牌故事 MG:封面标题与香水瓶穿插浮入、品牌引文、Field Note 杂志卡片、居中产品配场景徽章、品牌落版五段连续动效,配本地原创合成 BGM。

分享
动效片段

用于片头、转场、字幕或局部表达的动画动效,补充你的视频创作。

PREVIEWdefault1920×1080 · 30fps
免费模板

免费下载,随心修改,反复创作

模板下载完全免费,无需充值。可反复使用和修改:替换文字、图片和声音,调整画面与动效。

个人和商业视频制作 · 个人和商业用户均可按模板许可制作和发布视频。未经相应授权,禁止搬运、转售模板包或源码(包括修改后的版本),也禁止将其用于开发第三方线上服务。

  • 免费素材与配乐图片、视频、贴纸搜索与上千首背景音乐,可让 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 容器)。请按顺序读取:

  1. motion.json:模板身份、运行要求、输出画幅与时长
  2. 本文件
  3. params.schema.json:可替换的主题参数与约束
  4. guide.json:用途、素材角色、容量与适配限制
  5. 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 模板,保留旧包和现有工程,完成后告诉我使用哪个新文件。
  1. v1.0.3最新版本

    此版本暂未填写更新说明。

COMMUNITY

评论与制作效果

交流使用心得、提出问题,也欢迎分享你用这个模板做出的作品。

还没有评论,来分享第一个制作效果吧。