前段时间,小米召开了今年的第1场号称“春晚”的发布会,发布了好几款新品。
虽然不是发烧友,但我也旁观了几个小时。手机好不好先不说,整场发布会的PPT,还是有几个比较有创意亮点的。
比如
讲到手机音效时的声波扩散动画:
因为是录屏,画质较渣,见谅见谅~
展示各款手机时的缓入动画:
以及讲到续航能力时,
多彩背景的位移动画:
看起来很酷,对吗?
其实,这些动画制作起来非常简单。我趁午休时候复刻了出来,给大家分享一下制作方法。
在开始之前,我们
先准备好样机和文案:
然后,我们就可以
界定声波的范围和移动方向:
那么,这个波形该怎么做呢?其实很简单,
只需要几个渐变的椭圆:
波形做好后,我们再把它们调整到合适大小和位置:
那么问题又来了,该如何让它们动起来,出现扩散效果呢?
方法很简单,只需要
借助iSlide插件的平滑过渡,通过添加动画,达到扩散的效果。
首先把波形复制一份,并缩小到样机之内:
然后,
先选中样机内被缩小的一个波形
,再选中页面外,该波形对应的原始波形:
确定选中对应的波形后,我们点击iSlide插件中的平滑过渡,
在弹出的窗口中设置时间,并点击应用:
一个平滑过渡的波形就出现了:
以此类推,我们再为其他的波形添加平滑过渡:
波形的扩散效果做完了,我们放到页面里看一下:
原始的波形,在镂空的样机屏幕中露出来了,对吗?
想要解决这个问题也很简单,我们只需要
添加一个,能够遮盖住样机的梯形:
然后
把矩形设置成黑色,并置于底层,
这样就能和背景融为一体:
最后,我们
选中所有波形,也置于底层:
(现在的图层关系是样机→梯形→波形,依次向下)
做好之后,我们再来看下效果:
梯形把波形盖住了,不会露馅了,对吗?
扩散效果做好了,我们再来看下原稿:
手机屏幕里还有动态效果,这个该怎么做呢?
很简单,只需要添加一个视频:
然后
把视频缩小到和手机屏幕等宽,并更改视频的形状为圆角矩形,调整到和屏幕的圆角相契:
之后,再
把样机提到页面顶层,盖住视频:
视频下方又露出来了一截,对吗?相信大家已经想到了解决方法——
用色块盖住。
我们再看下效果,声波只出现了一次,但视频还没播放完呢,该怎么让声波多出现几次呢?
很简单,我们可以
用PA口袋动画插件中的动画循环
,一键搞定!
首先在动画窗格中,选中所有平滑过渡所需的动画,然后点击口袋动画插件中的动画循环,在弹出的窗口中,
设置循环次数和时间:
设置完之后,我们再看下最终效果:
还不错吧?
照着这个方法,我们还可以延伸出一些,很有创意的页面:
挺有趣的吧?
看到这个动画,有些朋友可能会说,这不就是加了个飞入动画嘛~
但如果我们
只是简单的添加飞入动画,就会看起来非常僵硬:
其实,除了添加飞入动画之外,我们还需要进行一些细节上的设置。
一个是
添加平滑结束:
另一个是
添加动画延迟:
设置完之后,我们就能得到,平滑且缓缓进入的效果了。
怎么样,很简单吧?
同样的,我们还可以把这个效果,应用到日常的工作PPT中:
还挺实用的吧?
这个动画可以说是非常简单了,但效果还是很棒的。
如果你是Office365用户,依旧只需要借助平滑切换效果,就能实现。
首先我们插入一张多彩的长条形背景图片,并把它
对齐到页面顶部,图片宽度和页面相等:
然后,
把页面复制一份,并向上移动图片,把图片底部对齐到页面底部: