跳转到主内容
趣航编程网 - 趣学编程,启航技术之路!

Recraft AI 怎么生成Lottie动画素材?动效设计前期准备

需完成三项准备:一、规范SVG源文件,转曲文字、删干扰代码、简化色彩与路径、存为SVG 1.1;二、构建结构化提示词,明确动词+对象+参数,分句标注图层;三、配置正方形画布、关闭自动调色、导出选Lottie JSON/30fps/高精度并保留图层名。 ☞☞☞AI 智能聊天, 问答助手, AI 智能搜索, 多模态理解力帮你轻松跨越从0到1的创作门槛☜☜☜ 如果您希望使用Recraft AI生成可用于网页或App嵌入的Lottie动画素材,但发现输出仅为静态图像或动效不匹配设计意图,则可能是由于未完成动效设计前期的关键准备步骤。以下是开展Lottie动画生成前必须落实的准备工作: 一、确认SVG源文件符合Lottie兼容规范 Recraft无法对结构混乱的矢量文件进行有效图层识别与动效绑定,原始SVG必须剥离渲染干扰项,确保AI能准确解析可动画化对象。不符合规范的文件将导致关键帧生成失败或图层错位。 1、使用Illustrator或Figma打开原始Logo或图标,执行“文字转曲”操作,消除所有未扩展的文字路径。 2、检查并删除SVG代码中嵌入的
标签、外部CSS引用及JavaScript脚本片段。 3、将多色SVG简化为单色或双色结构,合并重叠路径,确保整体路径节点数控制在 500个以内 。 4、保存为SVG 1.1格式,勾选“最小化内联样式”与“清除不可见元素”选项,禁用“响应式”属性。 二、明确动效语义并构建结构化提示词 Recraft依赖自然语言指令触发Lottie关键帧逻辑,模糊描述(如“动起来”“更生动”)无法激活有效时间轴,必须以动词+对象+参数的精确结构表达运动意图,否则AI将默认静止输出。 1、拆解目标动效为单一可量化动作,例如:“文字图层绕中心点顺时针旋转360度”而非“让文字有活力地转动”。 2、指定持续时间(单位:秒)、缓动类型(如ease-in-out)、起始/结束状态(如opacity: 0 → 1),避免使用“缓慢”“快速”等主观词。 3、在提示词中显式标注需动效的图层名称,例如:“将名为‘Arrow’的形状图层沿X轴平移80px,持续0.8秒,弹性缓动”。 4、若含多个动效,分句书写并用分号隔开,禁止跨图层混写,例如:“‘LogoText’缩放120%;‘Dot’图层脉冲闪烁3次;‘Line’绘制动画从左至右”。 三、配置项目环境与导出参数预设 Recraft的Lottie生成流程依赖特定项目设置,错误的画布尺寸、色彩模式或导出选项会导致JSON结构异常或跨平台渲染失败,必须在生成前完成标准化配置。 1、新建项目时,将画布尺寸设为 正方形比例(如512×512) ,避免非整数宽高比引发关键帧偏移。 2、在「Settings」中关闭“Auto Color Correction”与“Background Fill”,确保输出透明通道完整保留。 3、进入导出设置界面,将格式明确选择为 Lottie (JSON) ,帧率固定为30fps,采样精度设为“High Quality”。 4、启用“Preserve Layer Names”选项,保证导出JSON中图层ID与原始SVG结构严格对应,便于后续在LottieFiles或After Effects中调试。

相关文章