教你用ppt复刻,苹果网页的交互动画,简单又炫酷

教你用PPT复刻,苹果网页的交互动画,简单又炫酷

最近苹果开发布会的热度很高,那我的目光自然而然也被苹果吸引了。

教你用PPT复刻,苹果网页的交互动画,简单又炫酷

然后,我就去苹果官网,查看新品信息时,发现网页的交互动画非常震撼!

教你用PPT复刻,苹果网页的交互动画,简单又炫酷

我特意录了一个动图,你可以感受一下:

教你用PPT复刻,苹果网页的交互动画,简单又炫酷

作为一个 PPT 发烧友,我立马动手用 PPT ,还原了一个实用性很强的动画效果。

就是官网中,用来表现网速快到飞起的「涡轮旋转动画」。这是苹果官网的动画效果:

教你用PPT复刻,苹果网页的交互动画,简单又炫酷教你用PPT复刻,苹果网页的交互动画,简单又炫酷

下面这两个,是我用 PPT 制作的:

教你用PPT复刻,苹果网页的交互动画,简单又炫酷教你用PPT复刻,苹果网页的交互动画,简单又炫酷

那么,这种花里胡哨的旋转效果,用 PPT 该咋做呢?今天这篇文章,就手把手地教会你!

两页的动画,原理相同。

上一篇文章里已经很详细地把看起来最简单的这个说了~

教你用PPT复刻,苹果网页的交互动画,简单又炫酷

因此,我们今天来看这比较复杂的第二个动画:

教你用PPT复刻,苹果网页的交互动画,简单又炫酷

先绘制弧形线条,并加渐变:

教你用PPT复刻,苹果网页的交互动画,简单又炫酷

按照刚才所讲的方法,让所有弧形,均围绕圆心旋转:

教你用PPT复刻,苹果网页的交互动画,简单又炫酷

注意旋转的方向要沿着线条渐变的方向:

教你用PPT复刻,苹果网页的交互动画,简单又炫酷

旋转方向相对,给人的速度感就更强了:

教你用PPT复刻,苹果网页的交互动画,简单又炫酷

所有弧形同时旋转:

教你用PPT复刻,苹果网页的交互动画,简单又炫酷

同样的,添加基本缩放,所有弧形放大出现,并添加淡化退出:

教你用PPT复刻,苹果网页的交互动画,简单又炫酷

5G 的文字动画就比较简单,缩小+淡化退出即可:

教你用PPT复刻,苹果网页的交互动画,简单又炫酷

两组动画放在一起,看下最终效果:

教你用PPT复刻,苹果网页的交互动画,简单又炫酷

还不错吧?

相信看到这里,这个酷炫的涡轮旋转动画,你已经掌握得差不多了。

为了拓宽你的思路,这里我再列举一些,这个动画效果的使用场景。

使用场景

我更多的是它来修饰页面中的元素,其中给圆形元素添加这样的动画最为合适。比如像工作型 PPT 设计灵感手册的这个案例:

教你用PPT复刻,苹果网页的交互动画,简单又炫酷

我们就可以通过今天所学的方法,让立方体周围科技元素旋转起来:

教你用PPT复刻,苹果网页的交互动画,简单又炫酷

或者是,之前为腾讯制作的这页 PPT:

教你用PPT复刻,苹果网页的交互动画,简单又炫酷

同样可以让文字底部的扇形转动起来:

教你用PPT复刻,苹果网页的交互动画,简单又炫酷

其实,拆解来看,就是几个形状的重复旋转,用的还是前面所讲的方法!

教你用PPT复刻,苹果网页的交互动画,简单又炫酷

又或者,简单一些,用两个渐变扇形,拼凑出雷达扫描的样式:

教你用PPT复刻,苹果网页的交互动画,简单又炫酷

应用在实际页面中,就会呈现这样的效果:

教你用PPT复刻,苹果网页的交互动画,简单又炫酷

除此之外,如果你觉得元素一直旋转会影响阅读,我们也可以仅使用它来辅助元素出现。简单来说,就是在页面元素出现时旋转一下。

比如,辅助页面文字出现:

教你用PPT复刻,苹果网页的交互动画,简单又炫酷

辅助页面中的图标出现:

教你用PPT复刻,苹果网页的交互动画,简单又炫酷

最后呢,苹果漩涡动画的PPT源文件在这里,我也给大家放出了哦~

教你用PPT复刻,苹果网页的交互动画,简单又炫酷

(0)
上一篇 2023年4月26日 下午1:19
下一篇 2023年4月26日 下午1:23

相关推荐

  • 中国大陆第一座核电厂的装机容量多少?

    广东是中国经济第一大省,广东2020年(6926.12亿度)用电量也是中国第二,只比山东2020年6939亿度少了不到1%。山东能源丰富,煤炭石油天然气储量都比较大,发电成本较低。…

    2023年4月17日
    0
  • 大理石台面开裂还能用吗

    大理石是一种常见的台面材料,但是长时间使用后可能会出现开裂的情况。那么,如果大理石台面开裂了,还能继续使用吗? 首先,需要根据开裂的情况来进行判断。如果开裂比较严重,如裂缝较宽或者…

    生活百科 2023年6月24日
    0
  • 陀思妥耶夫斯基《穷人》主人公,陀思妥耶夫斯基对人性的探索

    “一个新的果戈理诞生了!” 1845年5月,一个男人手拿书稿,激动地向文学大师别林斯基喊道。 别林斯基漫不经心地接过书稿,没想到刚翻两页,他就兴奋地坐起来,读得手不释卷,一夜未眠。…

    2023年3月16日
    0
  • 换了四个新轮胎跑高速120飘正常吗

    汽车是我们日常生活中不可或缺的交通工具之一。然而,当我们遇到一些问题时,却常常不知所措。比如,在高速公路上行驶时,车辆出现飘的现象,很多车主就会感到十分困惑。那么,造成车辆飘的原因…

    生活百科 2023年7月10日
    0
  • qq音乐分享朋友圈样子变了

    经过这事以后,机哥想看看 QQ 音乐在 App 里,会不会做出什么变动。 打开 QQ 音乐,emmm,还是熟悉的味道,没看到大变化。 不过,不知从什么时候开始,在 App 首页下方…

    2023年6月6日
    0
  • 杨坤萧敬腾张杰谭维维综艺节目

    今晚9点08分,由创维、韩后联合冠名、红牛特约播出的《最美和声》第三季第三期将在北京卫视播出。在本期节目中,“武媚娘”乱入《最美和声》,杨坤化身“李世民”,萧敬腾当场“认父皇”,谭…

    2023年3月11日
    0
  • 诺基亚c203,讨人喜爱小巧的掌中宝——诺基亚C5-03

    2010年发布的诺基亚C5-03是C系列的第三款机型,在轻薄小巧的身材中集成了较为完善的功能是这个系列的一大特色。酷似刚刚发布的几款最新Symbian3系统手机,机器不论是外形还是…

    2023年2月22日
    0
  • 十月初一上坟是什么节日

    祭奠先人的习俗,是中国传统民俗文化的延续和发展。有着五千多年文明传承的国家,民俗节日就有很多,其中和祭祖有关的重要节日就有四个,且分布在四季中的春夏秋冬。 春天:阳历4月4日至5日…

    2023年2月13日
    0
  • 公务员成语积累的app有哪些(公务员考试成语积累)

    积累·成语词义用法侧重 首字母 A 按部就班 ·中性词/贬义词,按照步骤展开/也指墨守成规 ·对比记忆:墨守成规(·贬义词,形容因循守旧,不肯改进) 因循守旧(·指死守老一套,缺乏…

    生活百科 2023年6月6日
    0
  • 谁到底是读shu还是读shi

    “头条”看到一篇文章,说大家很常用的“谁”字,注音注错了——注音是“shuí”,可一般情况下人们都读“shéi”。 这位朋友,大概没去查权威性的汉语词典,比如《现代汉语词典》。 这…

    2023年3月22日
    0

发表评论

登录后才能评论