之前苹果在官网偷偷上线了iPhone SE手机产品，相信很多读者，都知道了这个事情。

但今天，咱们不是来聊这款手机，而是聊聊这款手机的网页动画设计。
我看了一下这个官网，里面的动画呢，大概分为3个。
- 第01个 -

- 第02个 -

- 第03个 -

接下来，咱们就挨个来了解一下动画的实现过程。

坦白讲，这个动画的设计难度一点都不高，但对于素材和软件有一定的要求。

如果你有手机的3d模型，并且，PPT的版本支持平滑切换功能，你只需要把3D模型素材，按照网页中的样式，摆放在3个页面上就可以了。
这里呢，因为我没有官方的3D素材模型，所以，随意拿了一个三维模型来替代。

摆放好之后，只需要在第2和3页，添加平滑切换动画即可实现：

这个动画的效果呢，之前也讲过，但这次的有点不太一样，因为需要上层的镂空蒙版放大很多倍：

那这个动画是怎么实现的呢？我这边做了一个类似的案例，大概是这样：

如果我们把这一页PPT的图层拆分来看，大概是这样：

上一篇：ppt教程：“星球”素材图片让你的PPT排版创意满满！ 下一篇：菜鸟ppt制作教程：制作职场PPT背景的最简单方法竟然是“文字云”！

郑重声明：本文版权归原作者所有，转载文章仅为传播更多信息之目的，如作者信息标记有误，请第一时间联系我们修改或删除，多谢。