说出来你可能不信,我用PPT做了无比顺滑的网页……
Hello,大家好,我是某不知名的PPT设计师弎十二。
今天,给大家推荐一个PPT设计师必备的图片素材网站。
它的首页上有不同的分类。
点击这些图片就能跳转到对应的详情页上,右上角有返回键,可以一键回到首页。
而这个网站的一大亮点就是它的切换效果非常顺滑,甚至还有些解压。
就这么来回点,就能玩一个下午。简直……
额……穿帮了,这其实只是个PPT……
看到这里,你可能会好奇,像这样无比顺滑的交互切换,真的只是用PPT做出来的吗?
今天,我就来和你分享一下这里面的奥秘。
在这篇文章中,我将手把手教你做出和上面这个案例同款的丝滑切换效果,给你的PPT加点料。
记得看到最后噢。
让我们来用PPT先设计出上面看到的这几个页面吧。
首先,做出第一张多图页面。
这一步没有特别的要求,你可以自由发挥,找些自己喜欢的图片。
不过要提一点的是,右下角的黑色矩形需要长一点,方便我们之后的操作。
接着我们来做第二页PPT,先复制下刚刚做好的多图页面,将原本的图片和文字全部向上平移,直到移除画布以外。
记得要按住shift进行移动,这样水平方向才不会偏移。
接着,我们在空白PPT页上,插入自己喜欢的图片,这里我选的是一张雪山的图片。
插入图片之后,记得把图片平铺在整个PPT页面。如果过大也可以适当裁剪。
这样,头两个静态页面就算做好了。
那么接下来的问题就是:如何让这两个页面实现丝滑跳转呢?
其实,要实现这些页面的交互,最关键的一点是利用PPT中的【动作】功能。
回到我们做的第一页,选中多图页面中的第一张图片。在插入选项卡中,选择【动作】。
在窗口中,找到超链接到幻灯片,再选择对应的页数,单击确定就关联好了。
此时如果你再点击第一页的这张图片,PPT就会直接跳转到我们刚刚做好的那张雪山页面上。
如果再想从雪山这一页跳转回去,我们需要再设置一次超链接。
这时候,之前第一页右下角的长矩形就起到作用了。
先把长矩形拖拽下来,并设置为置于顶层。然后选中插入动作,超链接到第一页。
链接之后还不够,想要足够顺滑,我们还要为它加上切换效果。
首先,将第二页的雪山大图复制到第一页,向下垂直平移至画布以外。
此时再为这两页都添加上【平滑】的切换效果。
这样,就能得到两页的交互切换了。
但其实这样做完之后还不够,交互切换上还有些生硬,不够滑。
我们可以进一步优化一下:
将第二页画布外的元素,进行垂直方向的交错移动,使得这些元素之间的高度差大一些,稍微乱一点。
接着把第一页画布外的大图,往下拉开一段距离,在中间插入一个和图片大小一致的矩形,这里矩形的颜色我设置为蓝色。
然后再复制到后面的几页,记得把这些矩形垂直平移置画布上面,并置于底层,即元素和图片之间有一段颜色的过渡,后面以此类推。
做好之后,后面几页的效果是下面这样的。
这样一波调整下来,我们再看看效果。
是不是感觉比之前更有动感了?
后面几页的操作也差不多:
先复制第二页,替换掉雪山图片和上面矩形的颜色,这里我把蓝色矩形替换为绿色。
然后把图片和绿色矩形都复制回第一页的画布外。
接着给第一页的小图插入动作,链接到对应的页数就可以了。
后面就一直重复这个过程,直到四张图片都添加好对应的动作。
这样,堪比网页动效切换的交互PPT就做好了。
你学会了吗?
如果觉得文字理解不够,我还准备了B站视频,双手奉上。