说出来你可能不信,我用PPT做了无比顺滑的网页……

Hello,大家好,我是某不知名的PPT设计师弎十二

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

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

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

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

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

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

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

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

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

记得看到最后噢。

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

视频操作

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

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

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

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

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

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

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

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

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

你学会了吗?

如果觉得文字理解不够,我还准备了B站视频,双手奉上。

(0)

相关推荐