龙空技术网

我花了10分钟,用PPT复刻了苹果官网网页动画!网友:太酷炫了

旁门左道PPT 249

前言:

此时同学们对“网页动画创作”都比较注重,各位老铁们都需要学习一些“网页动画创作”的相关知识。那么小编也在网络上收集了一些对于“网页动画创作””的相关资讯,希望你们能喜欢,咱们快快来学习一下吧!

相信大家都知道,前几天苹果官网更新了新的手机——Iphone SE

这次因为疫情原因,苹果没有像平常一样,开发布会,因此自然也没有了PPT!

不过,当我打开苹果官网的网页,却发现了新天地,这次的网页设计很有特点,尤其是动画的设计,让人忍不住惊艳!

关注我的头条号,发送私信【苹果官网】即可获取我复刻的所有动画的PPT源文件!

还有这个:

等等,这样的页面还有很多,是不是动画很不错,让页面逼格满满?如果这样的动画,可以用在我们的PPT中,一定也很惊艳!

于是,我花了30分钟,用PPT复刻了苹果官网的动画效果!希望对大家的设计有帮助哦!

3D旋转动画

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

如果你有手机的3d模型,并且,PPT的版本支持平滑切换功能,你只需要把3D模型素材,按照网页中的样式,摆放在3个页面上就可以了。

这里呢,因为我没有官方的3D素材模型,所以,随意拿了一个三维模型来替代。

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

其实,这样的效果,不仅仅苹果在使用,很多手机厂商都在用!

小米的官网也曾使用过这样的类似效果:

如果咱们的PPT中,设计一些产品的展示,大家可以试试这个动画效果哦,一定会让PPT非常惊艳!

那这类肯定有读者要问了,我不知道该去哪里找到这些好看的3D素材?

其实很简单,有两个方法:

1.你自己使用C4D或者PPT等软件进行绘制,制作要求高

2.寻找现成的3D素材

这里跟大家分享一个跟不错的3D素材网站turbosquid,上面有很多不错的优秀案例:

比如我们搜索一个地球,找到我们想要的素材,点击下载即可:

用在我们的PPT设计中,使用变体功能,超级酷!

好了,还有超多的素材,大家可以自行下载哈~希望这篇文章能给你的PPT设计带来点思路!

苹果官网所有的动画我都用PPT进行了复刻,如果你想要学习,我可以直接分享源文件给你哦~

领取方式:

关注我的头条号,发送私信【苹果官网】即可获取我复刻的所有动画的PPT源文件!

辛苦码字,别忘了点赞哈~

标签: #网页动画创作