ШаблоныОбновлено 13 нояб. 2026 г.

杂志风香水品牌故事 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 系统字体栈，未捆绑字体文件。
Материалы для разработчиков
ФайлыФорк · 0

给 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

История обновлений

Улучшения, исправления и нерешённые вопросы каждой версии.

Обновить с помощью ИИ-ассистента

Отдайте старый шаблон помощнику и отправьте следующее предложение. Новая версия сохраняется в виде отдельного файла, а старые пакеты и проекты сохраняются.

Нажмите https://motiongit.cn/update.md, чтобы напрямую обновить этот шаблон MotionGit, сохранить старый пакет и существующий проект и сообщить мне, какой новый файл использовать, когда вы закончите.
  1. v1.0.3Последняя версия

    Описание изменений этой версии пока не добавлено.

Больше Визуальное искусство

Показать все
COMMUNITY

Комментарии и работы

Делитесь вопросами, опытом и работами, созданными по этому шаблону.

Комментариев пока нет. Поделитесь первой работой.