16:900:14テンプレートを表示モーション素材
Prism Studio · ビジュアルアート
テンプレートセンター更新日 2026年11月13日
杂志风香水品牌故事 Reel
イノベーション25 秒 16:9 暖米白杂志风香水品牌故事 MG：封面标题与香水瓶穿插浮入、品牌引文、Field Note 杂志卡片、居中产品配场景徽章、品牌落版五段连续动效，配本地原创合成 BGM。
共有
モーション素材
オープニング、トランジション、字幕や一場面に使い、動画制作を補うアニメーションです。
PREVIEWdefault1920×1080 · 30fps
Free template
Download free. Customize and create again.
Free to download, with no top-up required. Reuse and customize it: replace text, images and audio, and adjust visuals and animation.
Personal and commercial video production · Individuals and businesses may make and publish videos under the template license. Unless authorized, you may not repost or resell the template package or source code, including modified versions, or use them to develop a third-party online service.
- Free assets and musicImage, video and sticker search plus 1,000+ music tracks your AI assistant can match.Asset guide →
- Optional generationImage, voice and video generation are optional and billed separately.Creator API →
- First time?Follow the tutorial from template to finished video.Open tutorial →
Template code follows the license on this page; fonts, images and music keep their own licenses. Free asset services have a daily allowance.
テンプレート紹介
一支 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テンプレートを表示モーション素材
Prism Studio · ビジュアルアート
16:900:13テンプレートを表示モーション素材
Prism Studio · ビジュアルアート
16:900:14テンプレートを表示モーション素材
Prism Studio · ビジュアルアート
COMMUNITY
コメントと制作例
質問、使用感、このテンプレートで作った作品を共有できます。
まだコメントはありません。最初の作品を共有しましょう。