保姆级教程！AIGC视频工具玩转3D动效

当Sketch遇上AIGC动效工具，设计师的加班时代正在终结，生成动态的界面动效，这波生产力革命你赶上了吗？

1. 引言

AIGC是这几年最大的创意红利，我在项目里首次接触AIGC，通过短期的技术摸索沉淀，结合各个模型的特征和利弊，在短短的一周之内同时需要完成多线任务的情况下，最大程度实现了AI在“创作控制”和“落地项目”的平衡，对于画面的艺术性和趣味性，品牌的张力上，都力求达成一份完美的AI融合。

参与的减重战役项目中，通过借助AI技术高效生成风格统一且情感共鸣的动效素材，智能展现人物形象及动态瘦身效果，增强用户减重信心。实践表明，动效生成周期缩短70%，验证AIGC在界面动效的有效应用。分享一个最近做的典型案例，具体需求如下图：

2. 准备工作

动效脚本设计

如何通过动态素材去表达合适的减重主题，就需要通过对画面元素的合理拆解，提炼AI可覆盖的素材生成，制定相应动画素材生成策略。

工具测评

对当前流行的图片生成AI工具进行了测评并总结如下：

生图表现：Chatgpt是我测评所有的生图软件里比较高效的快速的软件，他的优势很明显，在所有的生图软件里，优势为听得懂人话，具备兜底的设计能力。

动态视频表现：可灵视频表现令人惊叹，无论是被诟病的手部动作（“Ai不会画手”），还是人物的表情变化，可灵都处理得相当出色。尤其是近景特写，没有明显的Bug。

3. 动效SOP工作流说明

经过项目的复盘，总结了一套生成动效的SOP，主要分为4个步骤，包含生成分镜素材、合成动态视频、视频细节调整、落地输出。

工具推荐

Chatgpt（需要购置会员）、可灵（有新人赠券+购置会员）、Photoshop、Adobe After Effects

SOP-1 生成分镜素材

制作减重动效需要人物素材，因此通过找参考、垫图换衣服、垫图换脸等方法生成人物基底角色形象图，然后基于基底图生成胖瘦的两个状态（形象+动作），通过对基底图进行垫图来保证胖瘦形象的一致。

以下为通过chatgpt垫图生成基底图及胖瘦两个状态的静态图片素材，作为后期视频合成的素材。

用到3个镜头的素材，用基底生成胖、瘦两个动作

SOP-2 合成动态素材

合成素材探索案例尝试

综合测评中，因可灵支持「文生视频」、「图生视频」以及「首尾帧」，所以选为生成视频的工具。

• 可设置多种参数来控制视频生成效果：包括运镜控制、生成模式（高性能、高表现）、添加尾帧、想象力及相关性控制等，最长可延长视频至10分钟。

首尾帧：可灵目前还没有控制变量（控制随机种子）的功能，若觉得生成的视频效果还不错，想在此基础上保留原有效果再生成一段类似效果，只能重新抽卡。测试下来可灵中的「首尾帧」是可控性比较强的模型，可以通过首张首尾两帧图作为定量，加以中间的转场动效完成转变，因此需要利用这个特性完成项目。

在合成视频中，尝试了多种提示词，发现提示词的结构很大程度上会决定效果成败，因此在摸索中不断找到合适的提示词公式，自后提炼出提示词公式，我们来看一下探索过程中的案例，希望对你如何生成动态视频素材提供参考价值，以及给到我实践下来针对项目比较合适的提示词公式。

接下来开始进行合成动态素材的操作步骤，如下图：

案例一

提示词：两位卡通人物在运动场中同步进行网球挥拍与室内骑行蹬踏，左侧人物挥动绿色网球拍击打弹跳的网球，右侧人物规律地蹬踏健身车车轮旋转，固定镜头展现夸张肢体动作与趣味互动。右侧人物男生和左侧人物女生，同时顺时针缓慢转圈一周，身体从肥胖逐渐变瘦，全身散发白色粒子闪光，透明背景，8K 高清，电影质感。

思考：避免动作复杂，避免多人运动，提示词的从句比较多，AI难以理解。需要再次优化提示词。优化思路：尝试换成 1 个人去做动作，单人做动作控制，要比双人效果的效果好一些，但是还是会出现羽毛球拍的扭曲和变形。旋转的提示词要明确，是原地旋转还是转一圈旋转，旋转的角度和头身的变化。

案例二

提示词：一位微胖的女性，身穿白色运动T恤和绿色运动短裤，保持叉腰动作在原地旋转 360 度，身材从微胖到瘦，身材逐渐变得苗条，用时 1.5 秒。转完圈以后变瘦同时两手张开，固定镜头 3 秒。头绳为深草绿色跟裤子同色。

不希望呈现的内容：变形、面部表情、不必要的动作、跳跃、摆动

思考：提示词描述的前后顺序跟着动画的帧数前后顺序变化，改变动作前后的顺序，避免长句，动作拆解变化要跟着帧的前后关系走，方便 AI 通过短句理解并完成动态前后变化素材准确生成。

案例三

提示词：一位微胖的女性，身穿白色运动T恤和绿色运动短裤，身材从微胖到瘦且原地旋转 360 度用时 1.5秒。变瘦完成后固定镜头 3 秒。头绳为深草绿色跟裤子同色。

思考：该视频比较符合预期目标，并且发现提示词的基本规律满足公式 Prompt = 主体（主体描述）+运动+视角+（镜头语言+面部表情）。

案例四

提示词：一位微胖男性，身穿运动服和绿色运动短裤静止站1秒，摇摆身体用时 1.5 秒慢慢变得苗条，固定姿态定格静止 3 秒并挥手摇摆比肌肉。固定镜头。

总结提示词公式

动效提示词公式 =【主体】+【主体描述】+【视角】+【镜头语言】+【面部表情】

• 一致性：用同一人物、相同服装等词锁定角色特征，避免变形错乱。

• 动态强化：加入如发丝飘动、衣摆飞扬等细节增强动感。

• 时间控制：通过 0.5 秒过渡、首尾各1秒指定时长。

• 简化描述：避免复杂从句，用逗号分隔短句，提高AI识别率。

SOP-3 AI生成素材细节调整

为了能够对视频细节进行调整，需要将生成的AI视频苏词啊导入到ps中做细节处理，其中包括视频中不需要展示的某些帧数、时长调整以及背景透明的批量化处理。

• 文件/导入/视频帧到图层

• 选中导入视频素材/打开

• 将视频导入图层/默认选项/确定

• 点击窗口/时间轴

• 图层帧选择无延迟

• 对不必要的视频内容进行删帧

• 对图层进行背景透明化批量操作

• 将时间轴转换为视频时间轴

• 将时间轴转换为视频时间轴

• 保存Web所用格式（旧版）

SOP-4 落地输出

AE：视频细节进一步调整&输出PNG格式

素材导入到AE里再做细节的进一步调整，导入AE中做微调和输出处理，添加装饰元素，按照导出切图的大小给到开发。其中AE中关键帧的打法的教程网上有很多，大家比较熟悉就不赘述，仅做流程步骤的阐述。

PS：将 AE 生成的图层导入到 PS 中进行 GIF 格式转换并导出

因为需要将 AE 生成的动态视频转换成 GIF 格式，所以需要把素材导入 ps 进行进一步的输出。操作步骤如下：

① 选择【脚本】选择【将文件载入堆栈】

② 创建时间轴

③ 转换帧-转换视频动画

④ 从图层建立帧

⑤ 反向帧

⑥ 转换为视频时间轴

⑦ 导出-存储为 web 所用格式（旧版）

4. 对于应用 AI 动效的思考

该项目总结出来的 3D 动效 SOP 工作流，可以广泛扩展到私域其他场景，动态素材的扩展场景应用举例如下图：

AI作为超级助手，提升了设计师效率，却无法替代其核心创意与动效的情感叙事掌控力，如同CGI取代不了导演。