近年来，动态图像已经成为设计师作品中必不可少的一部分，静态图片不得不费力讨好并为视频、动画、gif和电影腾出位置。当然，它的成功与技术的进步息息相关，也可以归因于我们大脑感知静态和动态图像的方式不同。而且我们的眼睛很容易捕捉到运动的物体，静态图像无法做到这一点。
近年来，动态图像已经成为设计师作品中必不可少的一部分，静态图片不得不费力讨好并为视频、动画、gif和电影腾出位置。为什么动态图像如此受欢迎？当然，它的成功与技术的进步息息相关，也可以归因于我们大脑感知静态和动态图像的方式不同。
我们的眼睛在图像上移动的方式是由复杂的算法定义，那些了解并掌握了这种算法的人，例如伟大的画家、摄影师和电影导演，都可以“操纵”观众的注意力并引导视线。而且我们的眼睛很容易捕捉到运动的物体，静态图像无法做到这一点。
虽然静态图片有些失宠，但是我们可以通过使用AE来让它动起来：
一、流动效果- 首先将我们的素材图片置入AE项目中，且以图片大小新建一个合成（合成设置持续时间调为3s）.
- 将图片图层右键预合成命名为素材.
- ctrl/command D选择素材预合成复制两层一层命名为背景，一层命名为蒙版，排列顺序如图所示（可将素材图层的颜色改为粉色以区分）.
- 针对我们的素材图层，使用操控点将水的部分添加五个操控点.
- 在素材图层使用U把所有操控点调出来，先将起始关键帧都拖至0s，再将时间拖到3s把操控点都进行位置的调整，做出液体流动的效果（图片变形不用担心）.
- 选中蒙版图层使用钢笔工具将除液体部分全部勾选出来创建蒙版，并将蒙版的羽化调为20.
- 将素材图层的不透明度T属性调出，在0s打一个关键帧且属性调为0%，时间拖到1s10帧属性调为100%，时间拖到3s属性再次调为0%.
- ctrl/command D复制素材图层两次，命名为素材1，素材2，排列顺序如图所示.
- 将素材2图层整体时间条结尾拖至1s10帧，素材1图层整体时间条开始拖至1s10帧，做出重复流动的效果.
- 最后合成添加到渲染队列渲染导出即可.
除了让静态的图片流动起来这种有趣且吸引人眼球的动态效果以外，我们还可以通过视觉差的效果，将静态的图片分层以创建三维感（3D）的幻觉。
二、2.5D视觉差1. PS前期处理
- 将我们的素材图片置入PS，背景图层解锁，使用钢笔工具将人物勾选出来，ctrl/command 回车建立选区，ctrl J复制出新的图层并命名为人物.
- ctrl点击人物图层，再次得到人物选区，菜单栏>选择>修改>扩展，将我们的选区扩展20像素.
- 回到背景图层上，针对选区做填充，菜单栏>编辑>填充>内容识别，这样就可以把背景上的人物擦除.
- 饮料瓶同样方法使用钢笔先勾选出轮廓且复制抠出并命名好图层，回到背景中使用内容识别填充将其擦除，最终得到人物，饮料，背景三个图层，保存好psd源文件.
2.AE制作动态
- 打开AE将我们的在PS中处理好的文件置入项目中（一定要以合成的形式置入）.
- 双击我们的合成，把三个图层的3D开关都打开，右键新建一个摄像机图层
- 为了观察可以将视图模式调为2个试图-水平.
- 将背景图层的位置调出，将其Z轴往里推推到最后面.
- 将人物与饮料图层的位置属性调出，将其Z轴拉到最前面.
- 调出摄像机图层的位置属性，在0s其Z轴属性添加关键帧，属性调为-2222.2，时间拖到3s属性调为-2660.2.
- 调整背景缩放属性调为190%，使其一直充满整个屏幕，人物缩放属性调为116%.
- 使用操控点属性给人物添加图钉操控点.
- 给人物的手及头部添加操控点的关键帧动画，让其左右摆动.
- 丰富饮料罐动画，给其Y轴添加关键帧动画，使其上下移动，给其Z轴旋转添加关键帧动画，使其转动起来.
- 最后调整工作区时间为0s-3s，合成渲染导出GIF即可.
除了流动、2.5D视觉差能够让静态图片动起来丰富其效果以外，还有很多效果例如震动、液化扭曲，其实方法相差无几，感兴趣的同学可以自己多尝试，会熟练运用即可。
