今天分享下第三个封面效果,之前已经分享过两个封面效果,一个是类似聚光灯的效果,一个是纸飞机的动画效果,今天分享的效果灵感来源于–––信封。
先来看下动画的效果:

信封飞出,旋转到背面,然后打开,飞出标题,配合其他的元素完成封面!
要完成这个动画效果,除了最基本的路径和缩放动画之外,还用到一个我们平时不常用的效果–––伸展!
伸展动画解析:跟伸展动画有些类似的效果是我们最常用的擦除效果。除了最开始的原始效果,我们还可以设置伸展的各个方向,先来比较下两个效果:

是的,一个很明显的区别就是擦除会带有淡出的效果,伸展则不会;对于色块,展开的过程区别还不是很大,但对于图片而言,伸展有明显的压缩后展开的效果!
相对于进入效果叫做伸展而言,退出效果则叫做层叠,上文的信封动画就是利用的这两个效果的连用!


分析完这两个效果,估计很多小伙伴已经知道怎么做了,我们来具体操作一下!
第一步,信封的反转。信封淡出之后,先给信封的正面加上层叠退出效果,然后在效果之后给信封的背面加上伸展出现的效果,效果如图:

第二步,信封打开的效果。还是刚才的效果,只不过这次对象换成信封的封口而已,注意伸展出现的时候,把LOGO去掉。

第三步,文字飞出。这步就非常简单了,淡出加路径,文字记得放到倒数第二层就可以了,底层是上面的封口。
剩下其他的效果就不一一赘述了,大家自己尝试着做下!
当然,这个效果不仅仅用在封面,也远远没有这么简单,比如之前我发过的几个效果都是用伸展做的。



惯例文末分享下源文件的下载地址,还有更多的效果,等待你和我一起来摸索哦!
网友评论