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