近年来,动态图像已经成为设计师作品中必不可少的一部分,静态图片不得不费力讨好并为视频、动画、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视觉差能够让静态图片动起来丰富其效果以外,还有很多效果例如震动、液化扭曲,其实方法相差无几,感兴趣的同学可以自己多尝试,会熟练运用即可。