视频付费 已验证

图标分布扫掠动效片段

制作一段本地渲染的简洁动效片段,让可辨认的图标随醒目的绿色到薄荷色渐变扫掠穿过编辑式画面。适用于表达传播、覆盖或概念连接的教育及社交内容,并提供可编辑的 HTML/CSS,便于调整图标顺序与节奏。

你会得到

  • 一段以可辨认图标扫掠为核心的横版 MP4 动效片段。
  • 可编辑的 HTML/CSS 画面,图标顺序与节奏清晰可改。
  • 适合系列内容复用的白底、黑字与醒目渐变视觉系统。

适合

  • 社交内容讲解段落之间需要精致的视觉停顿。
  • 教育内容需要表达覆盖、流动或概念关联。

不适合

  • 依赖界面准确性的产品演示或功能导览。
  • 需要精确数据标签或解读的定量图表。

你需要提供

  • 片段要表达的简短信息或概念。
  • 五至八个图标主题,或可编辑的矢量图形。

运行要求

  • Node.js 20+
  • FFmpeg
  • Chromium (npx playwright install chromium)

运行成本

No external services or generation models. Renders locally.

试试这个提示词

/sl-icon-distribution-sweep-motion-clip 为虚构系列 Learning Notes 制作一段 8 秒、16:9 视频:开场显示“One idea, many learners”和“A study tip travels further”,重复 BOOK/GLOBE/MESSAGE/CHECK 图标节拍,然后展示 READ/SHARE/DISCOVER/APPLY,结尾显示“Let useful ideas travel.” 使用可辨认图标和绿色到薄荷色的渐变扫过效果。

后续提示词

  • 将图标序列替换为课程中的五个步骤,并保持原有节奏。
  • 缩短收尾文案,并延长最终图标排列的停留时间。

验证情况

已验证

render-checkpass5.0 / 546s

常见问题

之后可以调整图标顺序吗?

可以。源文件中图标顺序和时间节奏均可编辑,调整后可重新渲染。

这个技能会用生成模型制作图标或视频吗?

不会。它通过 HTML/CSS 和可编辑的矢量图标构建画面,并在本地渲染。

相似技能

图标分布扫掠动效片段 · SkillLoom