在用AE制作动画时为动画加入弹性效果可以让动画效果更生动,更符合现实物理规律。
我在学习用AE制作动画的最开始,大多数的场景都可以使用最基本的缓动效果(fn+F9),不管是放大缩小、位移、透明度变化。在这些动画中插入默认的缓动效果已经可以让整个动画感到舒适,不那么僵硬。这样的最终效果在交互动画中其实已经完全可以满足。
但是当你在制作一写非匀速动画的时候,一些有趣的小动画的时候,就显得有一些不足。总觉得还是差那么一些感觉。
例如说我想一个物体突然弹出的一个画面。
脑海中比较理想的一个效果是:物体从无到有快速蹦出,同时会有一些回弹,最后停止。
大致是这样
为了模拟这样的效果,在我一开始还没有使用任何插件和
表达式
的时候,是十分痛苦的,因为需要反复不停的K多个
关键帧
。大致如下:
刚开始用AE的时候只能用苯办法,哈哈。实际效果会有一点生硬,因为很难算好回弹数和回弹率,不够顺滑。
但是至少这样我大致得到了我想要的效果了。
不过如果在一个画面中弹出物体特别多的情况下,简直是要人命的体力活,比如做一个节日气氛的海报,整个画面风格都是类似mg动画的那种从无到有弹出的。
那就算在物体弹出规律都相同的情况下,至少也得花一下午的时间。
何况画面内的物体大小,方向,弹出时间都不尽相同。
好在AE中有一种类似于excel函数功能的高级功能【表达式】的存在,通过一些函数公式控制素材的一些变化来制作动画,在某些重复劳动的工作方便大大提升效率。
在百度上可以直接搜索【AE弹性表达式】可以找到网上分享的表达式。
【AE万能弹性表达式】(
度娘
随便搜的一个)
在AE中先提前K好起始和结束的缩放关键帧,之后按住键盘alt键,鼠标点击缩放前的码表,这个时候便会在右侧原本k帧的控制区出现表达式编辑区,如下图
将搜索到的表达式贴入编辑区,鼠标点击画面任意位置便可。(不要按回车,因为光标始终在编辑区域,回车则是编辑区域换行,并不是确认)
如果窗口没有跳出错误提示,即表示表达式式正确的(至少是可以识别的,具体效果是否正确得预览才能知道)
得到如下效果,(其实并不是我想要的效果)
实际上往上搜索到的表达式你是可以进行一些数据的调整和编辑的,例如调整freq的纸可以调整回弹的次数,调整decay的值则可以调整回弹率。但是复杂的表达式的调整则比较容易出现问题,且与实际你想要的效果可能出入较大。最终变成还不如手动k关键帧方便。
表达式的运用个人觉得是比较难的,在例如规律的循环,摆动等效果的时候,可以使用软件内置的表达式达到效果,比较简单。
但个性化较强的效果则不是很方便,因为他并不是可视化的,调整表达式也需要较强的理解能力。
AE的扩展能力也非常强大,有大量为AE打造的插件,可以方便使用。
要找到一款甚至几款弹性插件是非常容易的事情,来满足个性化的需求。
这边介绍一个我最近用的较多的插件【Motion2】其中的弹性功能
AE中安装插件的方式稍微繁琐,需要将插件本体以及插件附带的一些预设
文件夹
一同复制到指定文件夹,Motion2的文件复制路径为
Finer
应用程序
—AdobeAfterEffectsCC2019—Scripts—ScriptUIPanels
将插件复制完成后,重启AE,便可以在AE顶部工具栏的窗口底部,找到新增的motion2模块,打开后可以将模块吸附在右侧操作区域方便使用。
AE的插件多为英文,但是可视化的好处便是理解方便。简单介绍一下Motion2的功能
最近我用这个插件最多的则是EXCITE回弹功能以及JUMP撞击反弹功能
效果如下(我经常用在处理画面中从下往上出现的物体。)
效果如下(这个则常用在画面中物体掉落)
同时motion2还有很多弥补AE一些不足的功能,
众所周知,在AE中调整
锚点
是比较麻烦的,motion2可以快速帮你定位到9个最常用的锚点位置。
CLONE功能则是解决了在AE中如果同时选中多个图层复制关键帧会得到一个新建图层的缺点。
最后附上近期用motion2处理的小视频一个~
(仅处理动画的部分)
ps动态海报如何连贯在新媒体时代,动态海报已经是平面设计师必备技能。C4D和AE如今已经变成设计软件的中坚力量,但是对于平面设计来说,这些软件还是门槛太高,那该怎么办呢?今天和大家分享只用PS,就能做出来海报动效!
其实PS的时间轴工具非常强大,而我今天列举4类供大家参考,希望日后同学们可以举一反三,创造出无限可能。
1、利用时间轴做逐帧动画效果
_
逐帧动画是时间轴中最容易实现的效果,不仅操作简单,而且只要运用得当,能给设计加分许多!这个工具的使用,虽然没有技术限制,但是需要我们在设计之前就构思好整体的呈现效果!
_
全世界所有软件时间轴工具都差不多,点开时间轴,左下角有一个“转换为帧动画”,点击这个按钮(已经是的就不要点了),就可以进入和上图一样的模式!那么动效具体怎么实现呢,很简单!
Step1设置独立图层
首选,将需要独立呈现的动效分开不同图层,不需要的操作的图层可以群组以便选择!
_
Step2设置每帧画面
然后单独操作不同的帧,隐藏掉不需要现实的图层,就可以让画面动起来了!
_
这个方法,可以运用在很多不同场景中,不仅仅是一张海报,在品牌设计中,优秀合理的动效也是加分项!
_
在卓叔馆这个项目中,我们将动效加入到LOGO中,创造由瘦弱一步步变强壮的身体变化,完美契合卓叔馆瘦人增肌的核心理念,简单的动效在经过思考的结合后,被赋予了更多含义!
2、利用视频时间轴,做多动画效果
很多时间我们可以找一些动态素材,如果我们有多个动效,并且希望它们再同一个画面中动起来,要如何处理呢?
_
视频时间轴工具是PS中时间轴的另一个用法,它可以同时处理多个动态效果,点击右下角的“转换为视频时间轴”即可进入界面,在这个界面中,我们可以将编排好的图层独立处理。
Step1准备动态元素
_
先准备好动态元素,我们可以在PS中先处理好这些动效,帧数,背景等等,其中最重要的一步,一定要把GIF动图里的所有图层群组!之后直接将整个群组拖进画面中!
_
Step2调整动态元素
在视频轴工具中,画面本来的静态部分,会显示紫色,这部分可以修改时间长短,直接被导入的动态则会显示灰色,不可以修改时间长短!为了保证每个图层视频轴工具的显示长度保持一致,我们需要让每一个导入的动图的帧数都一样长!
_
最后只需要调整细节,就大功告成了,各位童鞋们可以自由发挥,将不同的组合加入到画面中来!
_
在这张海报中,我们将视频轴工具和逐帧动画混合起来使用,也可以达到同样酷炫的效果!
3、利用关键帧,做变化动态效果
_
视频时间轴工具同时也支持类似AE关键帧工具,可以通过设置关键帧创造各种各样的变化效果,这个功能可操作度更高,实现的效果也更加复杂!
_
关键帧会自动生成两个关键帧之间的动画,比起逐帧动画,能更高效的产生复杂的画面,接下来以上面的海报为例,为大家详解如何制作!
Step1整理图层
将海报中固定好的画面排布在画面中,并群组好不需要的图层,以免混乱!
_
Step2创造圆形素材
创造4个相同大小的圆形,用来创造剪切蒙版效果,两个红色,两个蓝色。
_
Step3转换智能对象
由于关键帧只能识别智能对象的大小变化,所以我们需要将这个圆形分别转换为智能对象。
_
Step4剪切蒙版
剪切蒙版这四个圆形,一蓝一红为一组,两个剪切蒙版到蓝色的背景中,两个剪切蒙版到红色的波点中。
_
Step5设置关键帧
将四个圆形居中对齐,并出画布,放在左下角,接下来重点来了,选中要编辑的圆形,在时间轴工具中点击这个图层的下拉菜单,在变化的旁边,有一个时钟的按钮,点击这个按钮,就可以设置变化关键帧了!
_
拖动指针,制定出下一个关键帧的位置,点击时钟旁边的菱形按钮,就可以定出下一个关键帧了,放大圆形,PS会自动生成两个形状之间的动态。
_
再用相同的方法设置其他三个圆形,就可以得到自己想要的效果啦!
这个方法不仅支持大小变化,还有位置,透明底等变量,多多常识,可以设计出很多意想不到的效果!
4、利用Imagemotion插件做动态图片效果
_
最后给大家介绍一个PS插件神器,时间轴已经满足不了你的话,那就用这个试试吧!Imagemotion插件是一款图片流动循环特效PS插件,它能够为静态照片添加动态效果,让你的图像看起来更加生动,需要注意的一点是,这个插件仅支持英文版PS。
_
Step1转换图层为可编辑
具体该怎么使用呢,首先,我们创造好要用的元素,点击左上角的工具箱按钮,确定,再点击ImageAnimations的第一个按钮,再确定。
_
Step2选出运动区域
点击第一排的按钮中最后一个,笔刷按钮,刷出你需要运动的区域
_
Step3设置动画关键帧
点击ImageAnimations的第二个按钮,它会扣除你话的区域,并提示你先拉出动画结尾的画面区域,拉好后双击!
_
再拉出动画开头的画面区域!
_
Step4调整细节
两个画面结合,就会生成动态效果了!当然,如果要整体全部动起来,还需要一点点处理细节,精雕细琢,最后才能形成酷炫的动态效果哦
如何迅速做Glitch故障效果设计?用AE!天儿是真的热起来了,大周末的时间真是过得快啊,一晃神这就夜里了,嘤嘤哒。打开门,来到阿随君这里的精神时光屋,嘿,翻了翻串串门,结果发现了上个月那篇Glitch的文章,一想也好,今晚就是它了,来聊聊阿随君用的那一招懒人神器。一来,是一些PS的Mock-up或者动作预设,自然都是简单几步的操作了。但是,这些在AE面前就是小儿科了,所以,这里就单单来讲一下AE里的特效大法,短短几十秒,迅速搞定故障艺术,甚至还是动态的,存个gif图,或者搞个视频,都不在话下的。
那么,老规矩,闲言少叙,本文教程以动图gif显示为主,感兴趣的小伙伴还请多留神几眼,仔细看下动图操作示例,当然了,其实是很简单的,可以不管任何原理,甚至不懂特效的参数意思,依然不妨碍,简单粗暴的做出故障艺术来。PS:本教程以一张《生化危机》海报为案例。接下来,就是看图说话,分布介绍了。高能教程,走起。
第一步,导入图片,即先把我们的案例图片导入到AE中,方法很多,可以选择导入命令,也可以直接拖拽到AE项目面板上,如下动图所示:
第二步,新建合成。操作方法也有很多种,可以通过新建命令等,也可以直接鼠标按住图片然后放到项目面板的合成按钮上,即可以图片的尺寸标准新建一个合成了,如下动图所示:
第三步,添加效果。在时间轴面板,点选案例图片,然后点击一下“效果和预设”,展开该面板,在搜索框输入“glitch”筛选我们需要的特效,在找到特效“BCCVideoGlitch"后,直接双击该特效,或者拖拽特效到合成上都可以完成添加效果的命令,如下动图所示:
第四步,预览效果。在添加了特效之后,甚至可以说已经就完成了故障艺术的设计,只需要按空格键预览一下,就可以看到效果了,或者在预设面板点击播放键,如下动图所示:
那你要问了,如果我只是想要一张平面作品,该怎么办呢?不急,很好办啊,首先你可以按自己需要的大小新建要给合成,然后把原始素材导入进来,然后添加特效插件,播放,选择到自己满意的一帧,导入单帧即可了呢。所以说,这个时候你已经拥有了一张图片的N多种形态的故障艺术效果了,棒棒哒。
第五步,更多效果。当然啦,作为要给专业的特效,它的参数设置还是很强大的,而同时其自带的效果预设也很多,方便满足我们的多种需要,让脑洞放飞,具体如下动图所示:
第六步,参数设置。该特效的参数非常丰富,每个参数的数值都可以调整,而且都可以通过关键帧做成动画,简单粗暴而且酷,虽然都是英文,但也都是及爱你但的单词,何况可以通过改变数值来观察它们的作用啊,如下动图所示:
BCC家的另一个Glitch风格的转场特效也是可以用多的,而且操作方式基本是一样的。所以,提到转场的话,也就是说Pr等剪辑软件也是可以拿来做故障艺术的,利用转场效果,十秒完成一个故障效果,还是很爽的。
好了,做法基本就是这样了,别看罗里吧嗦写了这么多,其实操作起来,一分钟都不用,如果电脑配置好,一不留神十秒就完成了一个故障艺术图片处理,哇咔咔。那么,说了这么多,再来回顾几个效果吧,动图戳动更有意思哦。
话说AE这个PS小公举的同门师弟,真的是蛮好玩的,会动的PS真的不是白叫的,阿随君当年也是想着要玩一玩AE,才认真的耍起了PS,然后,有了PS的基础后,AE也就变得有那么一丁点无师自通的赶脚了,工作之余,打开它们耍一番,也是不亦乐乎呢。下面这个视频,基于AE中的Plexus插件完成,很酷,wifi环境下推荐收看,看完记得回来留言一起聊聊哦。