返回博客
制作与编辑 · 16 / 19

在 Claude Motion 中使用标志、字体和品牌素材

为本地 Remotion 视频项目准备稳定素材路径、透明标志、获准使用的字体和品牌检查清单。

品牌一致性从一份明确的小型素材包开始。本指南采用开源 Claude Motion 工具包与 Remotion 的素材约定。这些准备也适合编辑 HyperFrames 项目,但 React 导入和 staticFile 是 Remotion 的用法,并非本站编辑器的命令。

建立智能体能遵循的素材清单

收集已批准的标志、现有的深浅背景版本、准确的字体文件、简洁的配色和允许公开的截图。在项目旁的文档中记录每个文件名、用途、来源及使用许可,补充当前产品名和批准过的行动文案。清楚标注占位素材。实现前让智能体列出实际找到的文件,可以避免看似可信的样片悄悄换掉真实标志,或编造产品并不存在的界面。

资料来源与延伸阅读: Remotion

使用稳定的本地路径

在 Remotion 项目中,把公共素材放在 public 下,例如 public/assets/logo.png 和 public/assets/dashboard.png,通过 staticFile 引用相对于 public 的路径。文件名应简短并统一大小写;一台电脑能用的路径,换到另一台电脑可能因为大小写不同而失效。优先使用本地、已获授权的素材,避免可能过期的临时图片链接。不要在 URL 中放访问令牌,也不要为了渲染方便而把包含客户隐私的截图上传到公开素材站。

资料来源与延伸阅读: Remotion

动画之前先检查透明度与裁切

分别在浅色和深色背景打开标志。白色矩形可能本来就在图片里,并非渲染错误;透明留白也会让可见标志显得过小。保持标志比例和批准的留白空间。决定每张照片是填满容器还是完整显示,前者可能裁掉重要内容。增加动画之前,为每个素材要求一张静帧。按手机实际观看尺寸检查细线,而不只是放大桌面画面来看。

资料来源与延伸阅读: Remotionwhaleyxbt

加载真实字体并检查每种文字

Remotion 文档提供了通过 @remotion/fonts 加载本地字体的方法。使用指定字体族和真实字重,并在文字测量或渲染之前等待字体加载完成。确认字体许可覆盖预定用途,并保留许可记录。拉丁字体可能不包含中日韩字符,应指定并审阅适当的回退字体,不能假设所有语言外观相同。测试最长标题、标点、数字和重音字符。翻译导致换行变化时,先调整布局,不要把所有语言都缩到难以阅读。

资料来源与延伸阅读: Remotion

写清品牌提示词并检查导出

使用下方提示词明确品牌要求。批准后,在实际 MP4 中检查字体替换、标志裁切、颜色变化或图片缺失。将素材、清单、字体信息和成品一起保存。本站可编辑下载支持继续本地制作,但不要假设存在通用品牌上传或自动品牌包导入功能。

使用提供的标志,不要重画。只采用批准的奶油色背景、炭灰文字,并仅在关键行动上用绿色强调。加载提供的字体文件。保持截图比例和内容不变。先展示包含标志、最长标题和截图的静帧,再添加动画。
资料来源与延伸阅读: RemotionwhaleyxbtClaude Motion Skills

下一步行动

给智能体真实文件和明确规则,再在导出视频中核对。正确的素材清单,比一句“做得有品牌感”更可靠。

探索创作工作区

资料来源与延伸阅读

引用链接指向原始文档和创作者。产品可用性会变化,订阅或安装前请核对来源。

  1. Importing assetsRemotion
  2. Using fontsRemotion
  3. Visual review loopwhaleyxbt
  4. Claude Motion Skills public CLIClaude Motion Skills