AE怎么实现静态图片流动效果?

Xsens动作捕捉 2023-04-10 7165

题主你好,近年来,动态图像已经成为设计师作品中必不可少的一部分,因为我们的眼睛很容易捕捉到运动的物体,静态图像无法做到这一点。虽然静态图片有些失宠,但是我们可以使用方法让它动起来。接下来康石石将介绍两种方式,用AE实现静态图片流动的具体操作步骤。

方式一

效果

AE怎么实现静态图片流动效果?  第1张

首先将素材图片置入AE项目中,且以图片大小新建一个合成(合成设置持续时间调为3s)

AE怎么实现静态图片流动效果?  第2张

将图片图层右键预合成命名为素材

AE怎么实现静态图片流动效果?  第3张

ctrl/command+D选择素材预合成复制两层一层民名为背景,一层命名为蒙版,排列顺序如图所示(可将素材图层的颜色改为粉色以区分)

AE怎么实现静态图片流动效果?  第4张

针对素材图层,使用操控点将水的部分添加五个操控点

AE怎么实现静态图片流动效果?  第5张

素材图层使用U把所有操控点调出来,先将起始关键帧都拖至0s,再将时间拖到3s把操控点都进行位置的调整,做出液体流动的效果(图片变形不用担心)

AE怎么实现静态图片流动效果?  第6张

选中蒙版图层使用钢笔工具将除液体部分全部勾选出来创建蒙版,并将蒙版的羽化调为20

AE怎么实现静态图片流动效果?  第7张

将素材图层的不透明度T属性调出,在0s打一个关键帧且属性调为0%,时间拖到1s10帧属性调为100%,时间拖到3s属性再次调为0%

AE怎么实现静态图片流动效果?  第8张

ctrl/command+D复制素材图层两次,命名为素材1,素材2,排列顺序如图所示

AE怎么实现静态图片流动效果?  第9张

将素材2图层整体时间条结尾拖至1s10帧,素材1图层整体时间条开始拖至1s10帧,做出重复流动的效果

AE怎么实现静态图片流动效果?  第10张

最后合成添加到渲染队列渲染导出即可。

方式二

除了让静态的图片流动起来这种有趣且吸引人眼球的动态效果以外,还可以通过视觉差的效果,将静态的图片分层以创建三维感(3D)的幻觉。

效果

AE怎么实现静态图片流动效果?  第11张

首先用ps做前期处理,将的素材图片置入PS,背景图层解锁,使用钢笔工具将人物勾选出来,ctrl/command+回车建立选区,ctrl+J复制出新的图层并命名为人物

AE怎么实现静态图片流动效果?  第12张

ctrl点击人物图层,再次得到人物选区,菜单栏>选择>修改>扩展,将我们的选区扩展20像素

AE怎么实现静态图片流动效果?  第13张

回到背景图层上,针对选区做填充,菜单栏>编辑>填充>内容识别,这样就可以把背景上的人物擦除。

AE怎么实现静态图片流动效果?  第14张

饮料瓶同样方法使用钢笔先勾选出轮廓且复制抠出并命名好图层,回到背景中使用内容识别填充将其擦除,最终得到人物,饮料,背景三个图层,保存好psd源文件

AE怎么实现静态图片流动效果?  第15张

在此之后利用AE制作动态效果,打开AE将我们的在PS中处理好的文件置入项目中(一定要以合成的形式置入)

AE怎么实现静态图片流动效果?  第16张

双击合成,把三个图层的3D开关都打开,右键新建一个摄像机图层

AE怎么实现静态图片流动效果?  第17张

为了观察可以将视图模式调为2个试图-水平

AE怎么实现静态图片流动效果?  第18张

将背景图层的位置调出,将其Z轴往里推推到最后面

AE怎么实现静态图片流动效果?  第19张

将人物与饮料图层的位置属性调出,将其Z轴拉到最前面

AE怎么实现静态图片流动效果?  第20张

调出摄像机图层的位置属性,在0s其Z轴属性添加关键帧,属性调为-2222.2,时间拖到3s属性调为-2660.2

AE怎么实现静态图片流动效果?  第21张

调整背景缩放属性调为190%,使其一直充满整个屏幕,人物缩放属性调为116%

AE怎么实现静态图片流动效果?  第22张

给人物的手及头部添加操控点的关键帧动画,让其左右摆动

AE怎么实现静态图片流动效果?  第23张

丰富饮料罐动画,给其Y轴添加关键帧动画,使其上下移动,给其Z轴旋转添加关键帧动画,使其转动起来

AE怎么实现静态图片流动效果?  第24张

调整工作区时间为0s-3s,合成渲染导出GIF即可

除了流动、2.5D视觉差效果能够让静态图片动起来丰富其效果以外,还有很多效果例如震动、液化扭曲,其实现方法相差无几。

以上,望有帮助。

——————————————————

欢迎关注我的个人公众号(kang-shishi)

AE怎么实现静态图片流动效果?  第25张

如有艺术留学&保研、院校、专业、作品集方面的问题,可私信康石石咨询。

The End