前排提醒

如果你想更加深入研究PPT,希望让PPT成为自己个人技能

并且有机会作为副业的话,那么一定不要错过这门训练营。

专为0基础小白打造,学完学费全返

扫码开启你技能学习的第一步

Hello,大家好,这里是零一PPT

我是弎十二

今天,给大家推荐一个PPT设计师必备的图片素材网站

它的首页上有不同的分类。

点击这些图片就能跳转到对应的详情页上,右上角有返回键,可以一键回到首页。

打开网易新闻 查看精彩图片

而这个网站的一大亮点就是它的切换效果非常顺滑,甚至还有些解压

就这么来回点,就能玩一个下午。简直……

打开网易新闻 查看精彩图片

额……穿帮了,这其实只是个PPT……

看到这里,你可能会好奇,像这样无比顺滑交互切换,真的只是用PPT做出来的吗?

今天,我就来和你分享一下这里面的奥秘。

打开网易新闻 查看精彩图片

在这篇文章中,我将手把手教你做出和上面这个案例同款的丝滑切换效果,给你的PPT加点料。

记得看到最后噢。

让我们来用PPT先设计出上面看到的这几个页面吧。

01-首先,做出第一张多图页面

打开网易新闻 查看精彩图片

这一步没有特别的要求,你可以自由发挥,找些自己喜欢的图片。

不过要提一点的是,右下角的黑色矩形需要长一点,方便我们之后的操作。

打开网易新闻 查看精彩图片

02-接着我们来做第二页PPT,先复制下刚刚做好的多图页面,将原本的图片和文字全部向上平移,直到移除画布以外

打开网易新闻 查看精彩图片

记得要按住shift进行移动,这样水平方向才不会偏移。

03-我们在空白PPT页上,插入自己喜欢的图片,这里我选的是一张雪山的图片。

打开网易新闻 查看精彩图片

插入图片之后,记得把图片平铺在整个PPT页面。如果过大也可以适当裁剪。

这样,头两个静态页面就算做好了。

那么接下来的问题就是:如何让这两个页面实现丝滑跳转呢?

打开网易新闻 查看精彩图片

其实,要实现这些页面的交互,最关键的一点是利用PPT中的【动作】功能。

打开网易新闻 查看精彩图片

04-回到我们做的第一页,选中多图页面中的第一张图片。在插入选项卡中,选择【动作】。

在窗口中,找到超链接到幻灯片,再选择对应的页数,单击确定就关联好了。

打开网易新闻 查看精彩图片

此时如果你再点击第一页的这张图片,PPT就会直接跳转到我们刚刚做好的那张雪山页面上。

如果再想从雪山这一页跳转回去,我们需要再设置一次超链接。

这时候,之前第一页右下角的长矩形就起到作用了。

05-先把长矩形拖拽下来,并设置为置于顶层。然后选中插入动作,超链接到第一页。

打开网易新闻 查看精彩图片

链接之后还不够,想要足够顺滑,我们还要为它加上切换效果。

06-首先,将第二页的雪山大图复制到第一页,向下垂直平移至画布以外。

此时再为这两页都添加上【平滑】的切换效果。

打开网易新闻 查看精彩图片

这样,就能得到两页的交互切换了。

但其实这样做完之后还不够,交互切换上还有些生硬,不够滑。

我们可以进一步优化一下:

07-将第二页画布外的元素,进行垂直方向的交错移动,使得这些元素之间的高度差大一些,微乱一点

接着把第一页画布外的大图,往下拉开一段距离,在中间插入一个和图片大小一致的矩形,这里矩形的颜色我设置为蓝色。

打开网易新闻 查看精彩图片

08-然后再复制到后面的几页,记得把这些矩形垂直平移置画布上面,并置于底层,即元素和图片之间有一段颜色的过渡,后面以此类推。

打开网易新闻 查看精彩图片

视频操作

做好之后,后面几页的效果是下面这样的。

打开网易新闻 查看精彩图片

这样一波调整下来,我们再看看效果。

打开网易新闻 查看精彩图片

是不是感觉比之前更有动感了?

后面几页的操作也差不多:

09-先复制第二页,替换掉雪山图片和上面矩形的颜色,这里我把蓝色矩形替换为绿色。

然后把图片和绿色矩形都复制回第一页的画布外。

接着给第一页的小图插入动作,链接到对应的页数就可以了。

打开网易新闻 查看精彩图片

后面就一直重复这个过程,直到四张图片都添加好对应的动作。

这样,堪比网页动效切换的交互PPT就做好了。

你学会了吗?

打开网易新闻 查看精彩图片

我是弎十二,咱们下期再见!

最后,如果你想学习更多有意思的PPT技巧,那就要来我的PPT小白营看下了~

好课推荐1

如果你想更加深入研究PPT,希望让PPT成为自己个人技能,并且有机会作为副业的话,那么一定不要错过这门训练营。

专为0基础小白打造,学完学费全返

扫码开启你技能学习的第一步

好课推荐2

今年新开了由珞珈亲授的AI小红书实战副业营

包含AI和小红书上最热乎最干货的实践总结!!

扫码报名,想讨论交流的课程直播中见

扫码开启你技能学习的第一步