【原创】你不知道的“伸展”动画可以这么玩！（二）

        今天延续上期的教程话题，技巧这种东西，很快我们就会学会，但关键还是怎么去应用和创意，所以今天我们继续开开脑洞，先来看看效果，

【原创】你不知道的“伸展”动画可以这么玩！（二）

        这个动画里面有两个点用到伸展效果，第一个是中间色块吐出来图片的效果，第二个是左下线条拉起来文字和色块的效果，我们仔细分析下第一个效果，第二个效果大家可以自己做下。

一.效果分析

        首先拆解动画，拆解的方法大家可以参考之前的帖子，【原创】如何优雅的拆解PPT动画，第一个效果是色块的飞入，正常一个就够了，但实际是两个，因为后面伸展要用。

色块制作

       第二个是做出来类似“吐”的效果，其实那天脑子有点秀逗，因为在做的时候我一直在努努嘴找感觉，反正媳妇以为我傻了！不过事实也确实如此，后面讲操作的时候会再聊这个话题，如何做的生动？第三个是图片的飞出效果，这里注意到飞出的时候有个速度的变化，所以最好用路径而不是飞入！这里比较下同样持续时间飞入和路径的比较

三种效果比较

二.制作步骤

        1.色块制作。两部分色块，同时飞出就可以了，这个不难！

       2.“吐”出来的效果。这里聊聊怎么把动画做的生动，第一，生动的效果多来源于生活。就如前面聊到的那样，大家现在实际试试嘴唇收进去，然后努嘴或者撅噘嘴的效果，特别是快速噘嘴的感觉，样子不要太萌哦！所以这个效果就是先慢慢的收回来，然后快速伸展，需要的持续时间大家可以边努嘴边试试啦！

“努努嘴”

       再来看下动画窗格，很明显看出来层叠，也就是消失动画持续时间要长，伸展动画短，也就意味着“努努嘴”的时间快！

动画窗格

       第二，图片的飞出效果。这里感觉就是从嘴里“吐”出来的效果，所以飞出来的时候会有个加速的效果，所以开始要做个平滑的效果，停止的时候有个减速，所以需要平滑减速！

吐出效果

       这里注意图片是从色块下面飞出来的，所以要注意层次，特别是最右边图片的飞出，层次可以在左边图片的上面，也可以在下面，全凭大家的喜好和感觉！

第三，时间轴调整。

    或者说节奏的把握，一是努嘴的效果，这里大家也可以感觉下出拳的效果，先把手收回来，然后快速出拳的过程。

出拳效果

         额，好像不太对！是下面的感觉！

出拳效果

        二是图片飞出和伸展效果的配合，伸展结束的时候，图片飞出的路径刚刚好要到色块的边缘，或者说飞出来一点，因为时间比较短，所以可能要按照0.01秒左右的延迟调整，多调整几次就好了！我把这步分解发给大家看下就比较明白了！

分解图

       写到这里，教程大体就结束了，还是那句话，效果很简单，就看你怎么用了，脑洞够不够大！！

       有需要下载源文件的小伙伴联系我要链接吧，下次见喽！