템플릿 센터업데이트 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 系统字体栈，未捆绑字体文件。
개발자 자료
파일포크 · 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

업데이트 기록

버전별 개선 사항, 수정 내용과 남은 과제입니다.

AI 도우미로 템플릿 업데이트

이전 템플릿을 보조자에게 전달하고 다음 문장을 보냅니다. 새 버전은 별도의 파일로 저장되고 이전 패키지와 프로젝트는 유지됩니다.

이 MotionGit 템플릿을 직접 업데이트하려면 https://motiongit.cn/update.md를 누르고, 이전 패키지와 기존 프로젝트를 유지하고, 완료되면 사용할 새 파일을 알려주세요.
  1. v1.0.3최신 버전

    이 버전의 업데이트 설명이 아직 없습니다.

더 많은 시각 예술

전체 보기
COMMUNITY

댓글과 제작 결과

질문, 사용 경험, 이 템플릿으로 만든 작품을 공유하세요.

아직 댓글이 없습니다. 첫 작품을 공유하세요.