30秒教你用PPT复刻,蜜雪冰城官网开屏动画!女朋友:好心动

30秒教你用PPT复刻,蜜雪冰城官网开屏动画!女朋友:好心动

少女心这个东西,谁说我们男孩子就没有了?

出门随便溜达一圈,都看到蜜雪冰城,突然就很好奇他们官网什么样,这不,我就点进去了。

30秒教你用PPT复刻,蜜雪冰城官网开屏动画!女朋友:好心动

官网的开屏动画是这个样子的:

30秒教你用PPT复刻,蜜雪冰城官网开屏动画!女朋友:好心动

是不是看起来很有意思?想学不?感觉很难?不不不,用PPT就能复刻!

结尾还送改动画PPT源文件哦~


一、波动上涨动画拆解

在拆解之前,大家可以想想有没有见过类似的动画效果?

举个例子,

30秒教你用PPT复刻,蜜雪冰城官网开屏动画!女朋友:好心动

30秒教你用PPT复刻,蜜雪冰城官网开屏动画!女朋友:好心动

都这是可以运用到日常PPT的制作中的,立马让你的页面变得厉害起来~

其实呢,这个动画的原理十分简单,只需波浪形状外加路径动画即可实现。

30秒教你用PPT复刻,蜜雪冰城官网开屏动画!女朋友:好心动

什么意思?可能有些朋友还没弄太明白。没关系,看完下面两张图,你就完全搞清楚了!

这张图是波浪形状在 PPT 界面中初始位置:

30秒教你用PPT复刻,蜜雪冰城官网开屏动画!女朋友:好心动

下面这张是给形状添加了向左上方移动的路径动画:

30秒教你用PPT复刻,蜜雪冰城官网开屏动画!女朋友:好心动

理解了嘛?其实就是通过波浪形状的移动,从而产生了水平面上涨的错觉!

30秒教你用PPT复刻,蜜雪冰城官网开屏动画!女朋友:好心动

同样的,我们改一下颜色:

30秒教你用PPT复刻,蜜雪冰城官网开屏动画!女朋友:好心动

可能又有些同学会问,路径动画好说,这个波浪形状该怎么画啊?

这就牵扯到 PPT 中的一个少有人知的形状工具,叫做曲线。

30秒教你用PPT复刻,蜜雪冰城官网开屏动画!女朋友:好心动

为了让你更容易掌握曲线工具的使用技巧,我特意录制了一波操作动图。

技巧一:通过点击鼠标,确定曲线的顶点,双击结束绘制

30秒教你用PPT复刻,蜜雪冰城官网开屏动画!女朋友:好心动

技巧二:同侧顶点相距越大,曲线的弧度就越平坦,反之则陡峭

30秒教你用PPT复刻,蜜雪冰城官网开屏动画!女朋友:好心动

技巧三:点击起始顶点,可构成封闭的形状

30秒教你用PPT复刻,蜜雪冰城官网开屏动画!女朋友:好心动

技巧四:右键编辑顶点,可对曲线弧度二次调整

30秒教你用PPT复刻,蜜雪冰城官网开屏动画!女朋友:好心动

看到这儿相信你一定学会了,波浪形状的绘制方法。再回过头来看一下开头的动画,是不是觉得简单多了?既然学会了曲线工具的使用方法,如果只是拿来做波浪动画就显得有些大材小用了。



二、曲线的创意用法

考虑到这一点,接下来我再跟各位一些非常实用的曲线工具应用场景。

1、绘制时间轴

比如,只是使用一根曲线:

30秒教你用PPT复刻,蜜雪冰城官网开屏动画!女朋友:好心动

或者两根曲线交错排布:

30秒教你用PPT复刻,蜜雪冰城官网开屏动画!女朋友:好心动

如果觉得页面不够丰富,那就再添一根:

30秒教你用PPT复刻,蜜雪冰城官网开屏动画!女朋友:好心动

当然,除了单纯的曲线,用曲线工具绘制的波浪形状作为时间轴,效果也很不错。

30秒教你用PPT复刻,蜜雪冰城官网开屏动画!女朋友:好心动

我们还可以给形状加上路径动画,再来看下动态效果:

30秒教你用PPT复刻,蜜雪冰城官网开屏动画!女朋友:好心动

这个效果一出来,是不是看着就高级了?



2、曲线还能够起到丰富版面的作用,避免页面单调。

比如下面这套腾讯云的 PPT,就通过虚实、粗细、颜色混搭的曲线,进而达到丰富页面内容的目的:

30秒教你用PPT复刻,蜜雪冰城官网开屏动画!女朋友:好心动

30秒教你用PPT复刻,蜜雪冰城官网开屏动画!女朋友:好心动

30秒教你用PPT复刻,蜜雪冰城官网开屏动画!女朋友:好心动

再跟各位举一个例子,这一页想要展示下年工作目标:

30秒教你用PPT复刻,蜜雪冰城官网开屏动画!女朋友:好心动

只有 4 个圈加文字,看起来很单调,对吗?而我们加上曲线,让 4 个圈串联起来,页面就会变得大不一样:

30秒教你用PPT复刻,蜜雪冰城官网开屏动画!女朋友:好心动

最后呢,再送给大家一个小福利,关注我们,私信回复关键词【波浪动画】即可免费获取文章开头动画的源文件。

30秒教你用PPT复刻,蜜雪冰城官网开屏动画!女朋友:好心动


想学习更多的PPT技巧,还可以关注我的头条专栏哦~



展开阅读全文

页面更新:2024-05-27

标签:动画   弧度   源文件   顶点   波浪   单调   路径   曲线   形状   开头   心动   女朋友   颜色   效果   页面   技巧   工具   数码

1 2 3 4 5

上滑加载更多 ↓
推荐阅读:
友情链接:
更多:

本站资料均由网友自行发布提供,仅用于学习交流。如有版权问题,请与我联系,QQ:4156828  

© CopyRight 2020-2024 All Rights Reserved. Powered By 71396.com 闽ICP备11008920号-4
闽公网安备35020302034903号

Top