首页 >web前端 >html教程 >加载动效制作(普及一些小常识)+刷人气^_^_html/css_WEB-ITnose

加载动效制作(普及一些小常识)+刷人气^_^_html/css_WEB-ITnose

WBOY
WBOY原创
2016-06-24 11:21:121257浏览

表达式是大神的标配,熟练使用关键帧也可以棒棒哒!

一直想写个小教程来把自己在使用AE过程遇到的问题、怎么解决的过程表达出来,当问题被解决的那一刻,做的东东过关那一刻就有好激动有木有。。。

闲话少说直接上效果!

效果图

分析过程

用到了融球和拖尾的效果。融球效果是给 调节图层 加效果-扭曲-果冻效应修复和效果-遮罩-简单阻塞工具。

注: 合成里不要有固态层,否则简单阻塞效果会失效,原因不详,欢迎大神你为我解答

果冻效应修复:摄像机在移动或者目标在移动,则果冻效应会导致图像扭曲,所以需要修复一下,数值一般50%左右

简单阻塞工具:融合效果的主力,数值根据你文件小球的大小可自动控制,我这里是10 扫尾效果用到了效果-扭曲-CC smear。

把cc smear效果加到(移动的小球)形状图层circle1上,然后给smear效果的from和to按住alt键点小闹表 打上表达式,再把他们分别认circle1的位置为父级关系,按住 拖到位置处;然后在cc smear to 那写入表达式:时间延迟的表达式   valueAtTime(time-0.2) 数值0.2是表示to比form慢0.2秒     切记只在to上写一次表达式,否则from和to的距离都减0.2表示没减,因为我脑残的也在form上写了一遍,结果

制作过程

①新建合成1000x60。

②新建调节图层,添加果冻效应修复和简单阻塞工具

③直接双击 新建形状图层,这样保证形状图层的圆心都在合成的中心,方便操作。然后修改大小、位置、原地复制图层circle1,并命名为circle1-1。

④给circle1图层加CC smear效果。

⑤对circle1-1图层加关键帧,他要实现的效果是在原地从无到有+最后的颜色变化。

⑥苦力工,重复③④⑤步骤,分别制作circle2、circle3等

⑦导出程序员师傅们需要的gif大小。由于我们在制作的时候制作的是需求尺寸的10倍,如果我们在ps里修改gif大小会出现虚边或者有暗黑色描边的渣图,那样还是前功尽弃 ,我们需要在AE里修改到需求尺寸,方法是选中所有图层右键预合成一下——再新建空物体,让预合成认空物体为父级关系,修改空物体的缩放比例

10%——然后修改合成设置改成100x60的大小——再导出视频——ps导出gif。完成

多一点真诚,少一点套路

声明:
本文内容由网友自发贡献,版权归原作者所有,本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容,请联系admin@php.cn