什么？小米、OPPO、vivo联手了？这可真是个天大的好消息呀，以后再换手机，之前的照片、聊天记录啥的就都可以一键转移到新手机上了。

这几个手机品牌可都是我经常关注的呀，尤其是它们的发布会，作为一个设计师，经常从他们的发布会上汲取设计灵感。

比如之前看到的一场小米发布会展示各款手机时的缓入动画：

讲到手机音效时的声波扩散动画：

看起来很酷，对吗？

其实，这些动画制作起来非常简单。我趁午休时候复刻了出来，给大家分享一下制作方法。

文末给大家准备了最新的样机素材和插件安装包，一定要读到最后哦~

物体缓入动画

看到这个动画，有些朋友可能会说，这不就是加了个飞入动画嘛~

但如果我们只是简单的添加飞入动画，就会看起来非常僵硬：

其实，除了添加飞入动画之外，我们还需要进行一些细节上的设置。

一个是添加平滑结束：

另一个是添加动画延迟：

设置完之后，我们就能得到，平滑且缓缓进入的效果了。

怎么样，是不是很简单？

同样的，我们还可以把这个效果，应用到日常的工作PPT中：

还挺实用的吧？

声波扩散动画

在开始之前，我们先准备好样机和文案：

然后，我们就可以界定声波的范围和移动方向：

那么，这个波形该怎么做呢？其实很简单，只需要几个渐变的椭圆：

波形做好后，我们再把它们调整到合适大小和位置：

那么问题又来了，该如何让它们动起来，出现扩散效果呢？

方法也很简单，只需要借助iSlide插件的平滑过渡，通过添加动画，达到扩散的效果。

文末给大家准备了最新的样机素材和插件安装包，一定要读到最后哦~

首先把波形复制一份，并缩小到样机之内：

然后，先选中样机内被缩小的一个波形，再选中页面外，该波形对应的原始波形：

确定选中对应的波形后，我们点击iSlide插件中的平滑过渡，在弹出的窗口中设置时间，并点击应用：

一个平滑过渡的波形就出现了：

以此类推，我们再为其他的波形添加平滑过渡：

波形的扩散效果做完了，我们放到页面里看一下：

原始的波形，在镂空的样机屏幕中露出来了，很不美观。

想要解决这个问题也很简单，我们只需要添加一个，能够遮盖住样机的梯形：

然后把矩形设置成黑色，并置于底层，这样就能和背景融为一体：

最后，我们选中所有波形，也置于底层：（现在的图层关系是样机 梯形 波形，依次向下）

做好之后，我们再来看下效果：

梯形把波形盖住了，看起来是不是就很自然真实了？

扩散效果做好了，我们再来看下原稿：

手机屏幕里还有动态效果，这个该怎么做呢？

很简单，只需要添加一个视频：

然后把视频缩小到和手机屏幕等宽，并更改视频的形状为圆角矩形，调整到和屏幕的圆角相契：

之后，再把样机提到页面顶层，盖住视频：

但是视频下方又露出来了一截怎么办呢？相信大家已经想到了解决方法——用色块盖住。

我们再看下效果，声波只出现了一次，但视频还没播放完呢，该怎么让声波多出现几次呢？

很简单，我们可以用PA口袋动画插件中的动画循环，一键搞定！

首先在动画窗格中，选中所有平滑过渡所需的动画，然后点击口袋动画插件中的动画循环，在弹出的窗口中，设置循环次数和时间：

设置完之后，我们再看下最终效果：

还不错吧？学会了就赶紧练习操作起来吧！

我也给你准备了最新的样机素材以及插件安装包：

你可以：