9:1601:57템플릿 보기财经知识解说 · 50 页动效包
혁신 공간风格的财经/知识解说动效包:16:9 横屏,50 种动画页面,按句子类型选页、参数驱动。含数字滚动、柱状/折线/占比图表、印章、新闻卡片、打字机金句、地图路线、关系网络、时间线、对比表格、白闪转场等,每页自带音效。示例数据均为虚构。
공유
일관된 스타일의 애니메이션과 모션 구성 요소를 조합하여 콘텐츠에 맞는 전체 영상을 제작합니다.
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.
템플릿 소개
Build: ./build.sh params_full.json ../out/full_demo_50.mp4 (render.js → sfx.py → ffmpeg: H.264 High, yuv420p, bt709, avc1, faststart, AAC 48k) Stills: STILLDIR=/tmp node render.js params_full.json x.mp4 --stills 1.0,5.2 · Labelled sheet: ./mksheet.sh DIR names.txt out.jpg 5 Files: engine.js (helpers + timeline) · pages.js (batch 1) · pages2.js (batch 2) · params.json (12-page demo) · params_full.json (all 50 pages)
Global params
- canvas {width,height,fps} · style {accent #E800F0, radius 18, bounce 1.05, noise, titleTo}
- flashFrames: 2 (length of the white flash) · transition: "flash" sets a white-flash hard cut between every pair of pages
- Per-scene
transition:"flash"gives a white-flash hard cut INTO that scene. Any page can use it, and it adds the 'flash' SFX automatically. The legacyflashIn:truestill works. - strip: section strip text (bottom-right). Per scene,
strip:falsehides it. - subBand: true puts a soft dark band behind the subtitles. It is on by default for page 43 and can be set on any scene.
- host: {framePattern:"frames/%05d.png", fps, alpha}. Default null draws the placeholder silhouette instead.
- Every scene accepts
pip:falseorpip:{x,y,r}, plusdur,sub(subtitle) andsfxoverrides. - Images: put a path in a scene's
image/before/after/images[]. It is preloaded, and the page falls back to the procedural b-roll if it is missing.
Sentence type → page (sentenceTypeMap; a scene is {type|page, sub, ...page params})
opening→01 · chapter_globe→02 · cold_open→03 · agenda→04 · outro→05 · chapter→06 · point→07 · pip_level→08 · info_card→09 · to_pip→10 · emphasis→11 · section→12 · list→13 · checklist→14 · keyword→15 · headline→16 · question→17 · trend→18 · keypoints→19 · two_lines→20 · period→21 · compare→22 · bars_pm→23 · ranking→24 · share→25 · bubbles→26 · number→27 · percent→28 · countries→29 · flow→30 · country→31 · route→32 · process→33 · companies→34 · network→35 · roles→36 · cycle→37 · timeline→38 · ownership→39 · versus→40 · before_after→41 · table→42 · quote→43 · screenshot→44 · strobe→45 · window→46 · verdict→47 · cut→48 · grid→49 · dissolve→50
Page params (defaults live in pages.js / pages2.js)
- 01: kicker/title
- 06: title/kicker/color/seal
- 07: label/point/note/pip
- 11: words/hostMode/bg/color
- 13: title/sub2/items/pip
- 18: title/seriesSeed/values/label/endLabel/pip
- 22: title/values/labels/highlight/unit/note/tilt/pip
- 27: value/decimals/prefix/unit/caption/color
- 30: view/nodes/amounts/note
- 33: steps/pip
- 43: masthead/headline/lines/hl/from/to/color/subBand
- 48: transition
- 02: num/title/pip
- 03: line/hl/strip
- 04: title/items/current
- 05: channel/handle/button/next/strip
- 08: title/pip
- 09: title/bullets
- 10: title/corner
- 12: label/strip
- 14: title/items/pip
- 15: word/pip
- 16: source/date/headline/tag
- 17: question
- 19: title/points/pip
- 20: title/names/colors
- 21: title/band/bandLabel/pip
- 23: title/values/labels
- 24: title/items/unit
- 25: title/parts/center/unit/caption
- 26: items/unit/pip
- 28: percent/caption
- 29: title/view/spots
- 31: country/view/metrics
- 32: from/to/view/volume
- 34: cards/highlight
- 35: nodes/edges
- 36: roles/rels
- 37: title/steps
- 38: events
- 39: root/kids
- 40: left/right/metric/diff
- 41: labels/before/after
- 42: cols/rows/win
- 44: image/circle/caption
- 45: words/colors
- 46: title/label
- 47: stamp/statement
- 49: images/tints
- 50: title/subtitle
Page 11 人物背后巨字: alpha video note
The giant word sits BEHIND the host, so the host must be background-removed: an alpha PNG sequence, or a WebM/ProRes 4444 cut converted to PNGs, or green screen keyed beforehand. Set host.alpha=true. If the host footage is not keyed (alpha=false), or hostMode:"pip" is set, the page falls back to the giant word with the host in a round PiP in front of it. The placeholder silhouette counts as keyed.
Show 2 more sections
Notes
- Page 22 has the white card drawn offscreen, then given a column-strip perspective (
tilt:1; set 0 for a flat card). - Page 30 uses the 1:50m map. Amount labels on near-vertical segments are offset so city cards never cover them.
- Pages 29, 31 and 32 use land outlines only (no country borders). Countries are marked with glow spots.
- All numbers, companies, headlines and relations in the demos are fictional and labelled 虚构示例 where they could be mistaken for real data.
Licences
- Template code and artwork: see licenses/TEMPLATE-LICENSE.txt in the .motion package (commercial, DRAFT pending owner confirmation).
- Glow Sans SC (Heavy/Bold/Medium): SIL OFL 1.1, assets/fonts/OFL-GlowSansSC.txt
- Ma Shan Zheng: SIL OFL 1.1, assets/fonts/OFL-MaShanZheng.txt
- Map: Natural Earth 1:50m land, public domain (assets/data/land50.js)
- SFX: synthesised in sfx.py with numpy. No samples are used.
- All artwork is drawn in code. Nothing is traced or copied from the reference channel: no name, logo or face of the reference creator is used. The host is a placeholder silhouette.
개발자 자료
교체 가능한 항목
| 매개변수 | 설명 | 유형 | 제약 조건 | 기본값 |
|---|---|---|---|---|
canvas필수 | — | object | — | — |
style필수 | — | object | — | — |
flashFrames | — | integer | ≥ 1,≤ 6 | 2 |
transition | Global transition between all pages | string | cut / flash | — |
strip | Section strip text, false to hide | stringboolean | — | — |
subBand | — | boolean | — | — |
host | — | object | — | — |
sentenceTypeMap필수 | — | object | — | — |
scenes필수 | — | array | — | — |
duration | Optional total length in seconds; scene durations are scaled to fit | number | ≥ 3,≤ 1800 | — |
업데이트 기록
버전별 개선 사항, 수정 내용과 남은 과제입니다.
AI 도우미로 템플릿 업데이트
이전 템플릿을 보조자에게 전달하고 다음 문장을 보냅니다. 새 버전은 별도의 파일로 저장되고 이전 패키지와 프로젝트는 유지됩니다.
이 MotionGit 템플릿을 직접 업데이트하려면 https://motiongit.cn/update.md를 누르고, 이전 패키지와 기존 프로젝트를 유지하고, 완료되면 사용할 새 파일을 알려주세요.
首个版本:50 页财经/知识解说动效,含完整 186 秒中文 Demo。商用许可措辞待作者确认。
더 많은 내레이션 영상
9:1601:57템플릿 보기
9:1600:36템플릿 보기
16:904:20템플릿 보기
16:902:09템플릿 보기댓글과 제작 결과
질문, 사용 경험, 이 템플릿으로 만든 작품을 공유하세요.
아직 댓글이 없습니다. 첫 작품을 공유하세요.