苹果ppt放映(苹果官网这个动画放PPT里太秀了)

苹果ppt放映(苹果官网这个动画放PPT里太秀了)(1)

很多时候呢,各大品牌的发布会PPT如果没有值得借鉴的创意和玩法,你其实可以去品牌的官网看看!就比如苹果官网,有一些很不错的动画效果!

我看完恨不得立马用PPT进行复刻!

苹果ppt放映(苹果官网这个动画放PPT里太秀了)(2)

我在苹果官网查看最新版的 MacBook 时,看到一个很有意思的动画效果。

苹果ppt放映(苹果官网这个动画放PPT里太秀了)(3)

在产品的详情介绍中,文字和小图标的颜色会发生变化:

苹果ppt放映(苹果官网这个动画放PPT里太秀了)(4)

还有,M1 芯片上的文字,像是有光扫过一样,看起来很有质感:

苹果ppt放映(苹果官网这个动画放PPT里太秀了)(5)

手痒的我,立马用 PPT 复刻了一下:

苹果ppt放映(苹果官网这个动画放PPT里太秀了)(6)

文末可免费领取 PPT 动画源文件

其实,这个动画的原理十分简单,我们只需要有一个图形遮罩层和颜色动画层:

苹果ppt放映(苹果官网这个动画放PPT里太秀了)(7)

然后让底部的颜色发生位移即可:

苹果ppt放映(苹果官网这个动画放PPT里太秀了)(8)

就是这么简单~

接下来,我来说一下具体的操作步骤, 分为 3 步:

01、制作镂空遮罩

插入一个全屏形状,导入苹果的矢量 logo,并输入文字“M1”:

苹果ppt放映(苹果官网这个动画放PPT里太秀了)(9)

先选中形状,再选中 logo 和文字,点击合并形状中的剪除:

苹果ppt放映(苹果官网这个动画放PPT里太秀了)(10)

02、渐变模拟光感

插入 3 个形状,分别调整渐变填充,模拟光感:

苹果ppt放映(苹果官网这个动画放PPT里太秀了)(11)

将形状无缝拼接在一起,组合后就得到了底部的颜色层。

苹果ppt放映(苹果官网这个动画放PPT里太秀了)(12)

03、添加路径动画

将颜色层置于遮罩层下方:

苹果ppt放映(苹果官网这个动画放PPT里太秀了)(13)

再给颜色层加一个向右的路径动画:

苹果ppt放映(苹果官网这个动画放PPT里太秀了)(14)

在播放时,就会有扫光的效果了:

苹果ppt放映(苹果官网这个动画放PPT里太秀了)(15)

此外,我们还可以把颜色层逆时针旋转 45°,让其倾斜位移:

苹果ppt放映(苹果官网这个动画放PPT里太秀了)(16)

这样就苹果官网中的效果一样了:

苹果ppt放映(苹果官网这个动画放PPT里太秀了)(17)

看到这里,这个动画效果,你学会了吗?

案例拓展

其实这种遮罩的形式,在 PPT 动画中十分常见。为了拓宽你的思路,我们来看一些案例。

比如,底部的颜色层并不一定要发生位移,把它换成陀螺旋:

苹果ppt放映(苹果官网这个动画放PPT里太秀了)(18)

也可以让文字颜色发生变化,并且可以无限循环下去:

苹果ppt放映(苹果官网这个动画放PPT里太秀了)(19)

不久前,我们为联想制作的发布会 PPT,就用到了这个方法:

苹果ppt放映(苹果官网这个动画放PPT里太秀了)(20)

此外,镂空层可以不是文字,换成水滴型:

苹果ppt放映(苹果官网这个动画放PPT里太秀了)(21)

配合不断移动的波浪形状:

苹果ppt放映(苹果官网这个动画放PPT里太秀了)(22)

就能做出创意的动态图表:

苹果ppt放映(苹果官网这个动画放PPT里太秀了)(23)

我们还可以通过增加波浪形状的数量,从而让动画的层次更加丰富,这是两层波浪:

苹果ppt放映(苹果官网这个动画放PPT里太秀了)(24)

三层波浪:

苹果ppt放映(苹果官网这个动画放PPT里太秀了)(25)

还有很多读者问到的矩形线条循环动画,同样是用到的了遮罩效果:

苹果ppt放映(苹果官网这个动画放PPT里太秀了)(26)

这里简单拆解一下,它的遮罩层是镂空的矩形:

苹果ppt放映(苹果官网这个动画放PPT里太秀了)(27)

而最底层,是一个极坐标渐变形状,添加了陀螺旋动画:

苹果ppt放映(苹果官网这个动画放PPT里太秀了)(28)

将两者重叠,就会得到矩形线条不断转圈的效果:

苹果ppt放映(苹果官网这个动画放PPT里太秀了)(29)

是不是还挺惊讶的?原来这个效果这么简单!

当然,创意无限,我的文章也只是为你提供一些思路,有关遮罩的玩法儿还有很多很多,你也可以拿起鼠标,动手试一试~

苹果ppt放映(苹果官网这个动画放PPT里太秀了)(30)

为了方便你拆解学习,我会把我临摹苹果官网的动画,我会直接分享出来~

后台回复关键词 苹果动画,就能直接领取啦!

苹果ppt放映(苹果官网这个动画放PPT里太秀了)(31)

#职场干货# #职场达人炼成记# #ppt# #苹果#

,

免责声明:本文仅代表文章作者的个人观点,与本站无关。其原创性、真实性以及文中陈述文字和内容未经本站证实,对本文以及其中全部或者部分内容文字的真实性、完整性和原创性本站不作任何保证或承诺,请读者仅作参考,并自行核实相关内容。文章投诉邮箱:anhduc.ph@yahoo.com

    分享
    投诉
    首页