AE图片制作动态视频

一张静态画如何获得“呼吸感”？本教程以分层PSD为基础，使用 After Effects 的 CC Bend It、关键帧和循环表达式，让树影轻摇、云烟缓行、水波荡漾、舟影往来。教程结合“入画·金陵”互动影像墙的黑底绿色线稿画面整理，重点讲清楚面板在哪里、按钮怎么找、参数怎么设置。

整体原则很简单：建筑、山石与塔保持稳定；云、水、树、舟只做缓慢、克制的局部运动。看不出动作规律，但能感到画面在呼吸。

一、开始前：检查PSD分层

在Photoshop中确认需要运动的内容已经独立成层。建筑、塔、桥、山石、地面和题字保持固定；前景树、柳枝、远景树影、云烟、水纹和舟影分别成层。若一棵树和大片山石在同一图层，请先在Photoshop中将树分离出来，否则变形时山石也会一起摇动。

建议图层结构

• 固定层：建筑、塔、桥、山石、地面、题字。
• 植物层：前景树、柳枝、远景树影分别成层。
• 云烟层：前、中、后分层，便于设置不同速度。
• 水波层：水面底图与活动水纹分开。
• 舟影层：每条船单独成层，四周保留透明区域。

二、正确导入PSD

顶部菜单选择：文件 → 导入 → 文件…。Mac可按 Command + I；Windows可按 Ctrl + I。

选中PSD后，在导入窗口底部“导入为”中选择：合成—保留图层大小。不要选“素材”，否则PSD会被当作一张扁平图片，无法逐层制作动画。

三、建立黑色背景并检查线稿

1. 选择 图层 → 新建 → 纯色…。
2. 颜色选择黑色，尺寸选择“制作合成大小”。
3. 将黑色纯色层拖到时间线最底部，并锁定。
4. 确认画面为黑底绿色线稿；若仍有白底，隐藏PSD中的白色背景层。

四、找到“效果和预设”面板

如果右侧没有“效果和预设”面板，顶部菜单选择：窗口 → 效果和预设。在搜索框输入 CC Bend It；先选中一棵树或一组柳枝图层，再双击搜索结果，或将效果拖到图层上。

添加成功后，在“效果控件”面板会看到三个主要参数：Bend控制弯曲方向和幅度；Start是变形起点；End决定弯曲作用范围。

五、最关键的一步：放好Start与End

将 Start 放在树干根部、枝条连接处或植物与地面交接处，它相当于固定点。将 End 放到树冠或枝条最高点之外，留出一点安全距离；End压在树冠内部，摆动时树梢可能被切掉。

正确顺序：先放Start固定根部 → 再放End越过最高枝叶 → 最后调整Bend数值。

六、制作第一组树影摆动

在“效果控件”面板中找到 Bend，点击左侧秒表图标，给它添加关键帧。建议从小数值开始：

• 0秒：Bend = -3°
• 3秒：Bend = +4°

枝条越细、画面越写意，摆动幅度越应小。先完整预览一次，再决定是否增加幅度。

让动画自动往复循环

• Mac：按住 Option，同时点击Bend左侧秒表。
• Windows：按住 Alt，同时点击Bend左侧秒表。

属性下方会出现表达式输入框。输入：

loopOut("pingpong")

输入后按数字小键盘Enter，或点击空白处确认。动画会播放到最后一个关键帧后反向播放，再持续循环。若出现红色报错，通常是英文双引号被误输入为中文引号，请删除后重新输入英文半角双引号。

七、复制效果，但不要让所有树同步

第一棵树做好后，可以复制CC Bend It到其他植物图层，但至少要改变三项：摆动正负方向、动画周期和时间线起始位置。这样画面才不会像所有树在同时摇摆。

元素	推荐做法	建议节奏
树、柳枝	Bend约±2°～5°	4～8秒往复
云烟	缓慢横移，轻微透明度变化	8～16秒
水波	局部置换、遮罩移动或透明度变化	4～10秒
舟影	沿水面缓慢平移	单程12～30秒
建筑、塔、桥、山石	保持静止	作为视觉锚点

八、云烟、水波和舟影的处理方法

云烟

将云烟独立预合成，在预合成内部左右复制一份，制作连续横移。前景云略快，远景云更慢；透明度可在85%和100%之间缓慢变化。

水波

不要让整条河一起移动。只选取几组水纹，利用遮罩或轻微置换，让局部亮线产生流动感；长画面中不同区域的水纹要错峰变化。

舟影

船只沿水面缓慢横移。接近画面边缘时可淡出，再从另一侧淡入。速度应比普通短视频慢，让观众感到它是在画中行进，而不是贴图滑动。

九、常见问题、预览与输出

• 树根漂移：把Start移到树干与地面交接处。
• 树冠被切掉：把End移过树冠顶端；必要时预合成并扩大边界。
• 画面抽搐：将Bend幅度减半，周期调到4～8秒。
• 所有树一起摇：错开图层起点，改变周期和正负方向。

1. 按空格键预览，至少完整看两次循环。
2. 检查最后一帧不会突然跳回第一帧。
3. 确认建筑、塔、桥和山石没有误动。
4. 选择 合成 → 添加到Adobe Media Encoder队列。
5. 使用H.264与较高码率，分辨率按三台投影融合后的实际画布设置。

AE在这个项目中主要负责“景物动态”；背景循环完成后，再进入TouchDesigner，叠加观众识别、古画人物、人形移动和投影融合。

参考资料

• 哔哩哔哩：AE教程《让你插画里的花花草草动起来》
• Adobe After Effects：扭曲效果说明
• Adobe After Effects：表达式语言参考

微信分享