讯享网

 <p class="f_center"><img src="https://nimg.ws.126.net/?url=http%3A%2F%2Fdingyue.ws.126.net%2F2021%2F1129%2Fc924ab55j00r3b7mt000kd200dx00dxg00dx00dx.jpg&thumbnail=660x&quality=80&type=jpg"/><br/></p><p id="0EUH8VHU">Hello，大家好，这里是一周进步。</p><p id="0EUH8VHV">我是某不知名的PPT设计师<strong>弎十二</strong>。</p><p id="0EUH8VI1">今天，给大家推荐一个PPT设计师必备的<strong>图片素材网站</strong>。</p><p id="0EUH8VI3">它的首页上有不同的分类。</p><p id="0EUH8VI5">点击这些图片就能跳转到对应的详情页上，右上角有返回键，可以一键回到首页。</p><p class="f_center"><img src="http://dingyue.ws.126.net/2021/1129/7f534ac8g00r3b7mu04z6d200fu008bg00fu008b.gif"/><br/></p><p id="0EUH8VI9">而这个网站的一大亮点就是它的切换效果非常顺滑，甚至还有些<strong>解压</strong>。</p><p id="0EUH8VIB">就这么来回点，就能玩一个下午。简直……</p><p class="f_center"> <img src="http://dingyue.ws.126.net/2021/1129/7d2ad8adg00r3b7mw0117d200fu008bg00fu008b.gif"/><br/></p><p id="0EUH8VIF">额……穿帮了，这<strong>其实只是个PPT</strong>……</p><p id="0EUH8VIH">看到这里，你可能会好奇，像这样无比顺滑的<strong>交互切换</strong>，真的只是用PPT做出来的吗？</p><p id="0EUH8VIJ">今天，我就来和你分享一下这里面的奥秘。</p><p class="f_center"> <img src="https://nimg.ws.126.net/?url=http%3A%2F%2Fdingyue.ws.126.net%2F2021%2F1129%2F339b47f3j00r3b7mx000kd200il008ug00il008u.jpg&thumbnail=660x&quality=80&type=jpg"/><br/></p><p id="0EUH8VIN">在这篇文章中，我将<strong>手把手</strong>教你做出和上面这个案例同款的<strong>丝滑切换效果</strong>，给你的PPT加点料。</p><p id="0EUH8VIP">记得看到最后噢。</p><p id="0EUH8VIR">让我们来用PPT先设计出上面看到的这几个页面吧。</p><p id="0EUH8VIT">首先，做出第一张<strong>多图页面</strong>。</p><p class="f_center"> <img src="https://nimg.ws.126.net/?url=http%3A%2F%2Fdingyue.ws.126.net%2F2021%2F1129%2F97e11636j00r3b7mx001sd200m800cig00m800ci.jpg&thumbnail=660x&quality=80&type=jpg"/><br/></p><p id="0EUH8VJ1">这一步没有特别的要求，你可以自由发挥，找些自己喜欢的图片。</p><p id="0EUH8VJ3">不过要提一点的是，右下角的黑色矩形需要长一点，方便我们之后的操作。<br/></p><p class="f_center"> <img src="https://nimg.ws.126.net/?url=http%3A%2F%2Fdingyue.ws.126.net%2F2021%2F1129%2F75923c64j00r3b7my001ad200j300czg00j300cz.jpg&thumbnail=660x&quality=80&type=jpg"/><br/></p><p id="0EUH8VJ6">接着我们来做第二页PPT，先复制下刚刚做好的多图页面，将原本的图片和文字全部向上平移，直到<strong>移除画布以外</strong>。</p><p class="f_center"> <img src="https://nimg.ws.126.net/?url=http%3A%2F%2Fdingyue.ws.126.net%2F2021%2F1129%2Fd28c94a7j00r3b7my000fd200gb00f5g00gb00f5.jpg&thumbnail=660x&quality=80&type=jpg"/><br/></p><p id="0EUH8VJA">记得要按住<strong>shift</strong>进行移动，这样水平方向才不会偏移。</p><p id="0EUH8VJC">接着，我们在空白PPT页上，插入自己喜欢的图片，这里我选的是一张雪山的图片。</p><p class="f_center"> <img src="https://nimg.ws.126.net/?url=http%3A%2F%2Fdingyue.ws.126.net%2F2021%2F1129%2F67421fbaj00r3b7mz004zd200u000gwg00zk00k0.jpg&thumbnail=660x&quality=80&type=jpg"/><br/></p><p id="0EUH8VJF">插入图片之后，记得把图片平铺在整个PPT页面。如果过大也可以适当裁剪。</p><p id="0EUH8VJH">这样，头两个静态页面就算做好了。</p><p id="0EUH8VJJ">那么接下来的问题就是：<strong>如何让这两个页面实现丝滑跳转呢？</strong></p><p class="f_center"> <img src="https://nimg.ws.126.net/?url=http%3A%2F%2Fdingyue.ws.126.net%2F2021%2F1129%2F985cb91cj00r3b7n0000rd200hy006tg00hy006t.jpg&thumbnail=660x&quality=80&type=jpg"/><br/></p><p id="0EUH8VJN">其实，要实现这些页面的交互，最关键的一点是利用PPT中的<strong>【动作】</strong>功能。</p><p class="f_center"> <img src="https://nimg.ws.126.net/?url=http%3A%2F%2Fdingyue.ws.126.net%2F2021%2F1129%2Fed082cdej00r3b7n00008d200af004kg00af004k.jpg&thumbnail=660x&quality=80&type=jpg"/><br/></p><p id="0EUH8VJR">回到我们做的第一页，选中多图页面中的第一张图片。在插入选项卡中，选择【动作】。</p><p id="0EUH8VJT">在窗口中，找到超链接到幻灯片，再选择对应的页数，单击确定就<strong>关联</strong>好了。</p><p class="f_center"> <img src="http://dingyue.ws.126.net/2021/1129/2bc45a0eg00r3b7n100iwd200ic008xg00ic008x.gif"/><br/></p><p id="0EUH8VK1">此时如果你再点击第一页的这张图片，PPT就会直接跳转到我们刚刚做好的那张雪山页面上。</p><p id="0EUH8VK3">如果再想从雪山这一页跳转回去，我们需要再设置一次超链接。<br/></p><p id="0EUH8VK5">这时候，之前第一页右下角的长矩形就起到作用了。</p><p id="0EUH8VK7">先把长矩形拖拽下来，并设置为置于顶层。然后选中插入动作，超链接到第一页。</p><p class="f_center"> <img src="https://nimg.ws.126.net/?url=http%3A%2F%2Fdingyue.ws.126.net%2F2021%2F1129%2F59f22d48j00r3b7n2003md200u000htg00w900j5.jpg&thumbnail=660x&quality=80&type=jpg"/><br/></p><p id="0EUH8VKB">链接之后还不够，想要足够顺滑，我们还要为它加上切换效果。</p><p id="0EUH8VKD">首先，将第二页的雪山大图复制到第一页，向下垂直平移至画布以外。</p><p id="0EUH8VKF">此时再为这两页都添加上<strong>【平滑】</strong>的切换效果。</p><p class="f_center"> <img src="https://nimg.ws.126.net/?url=http%3A%2F%2Fdingyue.ws.126.net%2F2021%2F1129%2F83b18bd8p00r3b7n20005d200pm003hg00pm003h.png&thumbnail=660x&quality=80&type=jpg"/><br/></p><p id="0EUH8VKJ">这样，就能得到两页的<strong>交互切换</strong>了。</p><p id="0EUH8VKL">但其实这样做完之后还不够，交互切换上还有些生硬，不够滑。</p><p id="0EUH8VKN">我们可以进一步优化一下:</p><p id="0EUH8VKP">将第二页画布外的元素，进行垂直方向的<strong>交错移动</strong>，使得这些元素之间的高度差大一些，<strong>稍</strong><strong>微乱一点</strong>。</p><p id="0EUH8VKR">接着把第一页画布外的大图，往下拉开一段距离，在中间插入一个和图片大小一致的矩形，这里矩形的颜色我设置为蓝色。</p><p class="f_center"> <img src="https://nimg.ws.126.net/?url=http%3A%2F%2Fdingyue.ws.126.net%2F2021%2F1129%2Fd87d22c6j00r3b7n30016d2009m00***009m00fl.jpg&thumbnail=660x&quality=80&type=jpg"/><br/></p><p id="0EUH8VKV">然后再复制到后面的几页，记得把这些矩形垂直平移置画布上面，并<strong>置于底层</strong>，即元素和图片之间有一段颜色的过渡，后面以此类推。</p><p class="f_center"> <img src="http://dingyue.ws.126.net/2021/1129/405fad38g00r3b7n301f3d200hz008ig00hz008i.gif"/><br/></p><p id="0EUH8VL2"> 视频操作<br/></p><p id="0EUH8VL4">做好之后，后面几页的效果是下面这样的。<br/></p><p class="f_center"> <img src="https://nimg.ws.126.net/?url=http%3A%2F%2Fdingyue.ws.126.net%2F2021%2F1129%2F2205b2d0j00r3b7n40013d200b300f6g00b300f6.jpg&thumbnail=660x&quality=80&type=jpg"/><br/></p><p id="0EUH8VL8">这样一波调整下来，我们再看看效果。</p><p class="f_center"> <img src="http://dingyue.ws.126.net/2021/1129/85cce47fg00r3b7n5016zd200hh008fg00hh008f.gif"/><br/></p><p id="0EUH8VLC">是不是感觉比之前更有动感了？</p><p id="0EUH8VLE">后面几页的操作也差不多：</p><p id="0EUH8VLG">先复制第二页，替换掉雪山图片和上面矩形的颜色，这里我把蓝色矩形替换为绿色。</p><p id="0EUH8VLI">然后把图片和绿色矩形都复制回第一页的画布外。</p><p id="0EUH8VLK">接着给第一页的小图<strong>插入动作</strong>，链接到对应的页数就可以了。</p><p class="f_center"> <img src="http://dingyue.ws.126.net/2021/1129/1512a1b6g00r3b7n600wmd200i0008gg00i0008g.gif"/><br/></p><p id="0EUH8VLO">后面就一直重复这个过程，<strong>直到四张图片都添加好对应的动作。</strong></p><p id="0EUH8VLQ">这样，堪比网页动效切换的交互PPT就做好了。</p><p id="0EUH8VLS">你学会了吗？</p><p class="f_center"> <img src="http://dingyue.ws.126.net/2021/1129/b787a9f4g00r3b7na04b9d200a0005mg00a0005m.gif"/><br/></p><p id="0EUH8VM0">如果觉得文字理解不够，我还准备了B站视频，双手奉上。<br/></p><p id="0EUH8VM4">好了，以上就是本期的全部内容了~记得看完要自己动手练习一下哦。</p><p id="0EUH8VM6">我是弎十二，咱们下期再见！</p><p id="0EUH8VMA"> ✅ 双十一知识储备节只剩下最后2天！ 活动即将结束，11月30号后一律恢复原价。</p><p id="0EUH8VMC"> 一周进步目前官网上 <strong>任意2门</strong> L3训练营，自由搭配，只需要 <strong>899元</strong> ，欲购从速。</p><p id="0EUH8VME"> 活动只剩最后3天，欲购从速</p><p id="0EUH8VMI"> ✅ 我们和学员共建了 <strong>免费PPT模板站点</strong>—— 演示星球 。</p><p id="0EUH8VMK"> 在这个网站中，可以 <strong>免费、无门槛、直接下载</strong> 我们高质量的PPT模板，戳下方公众号可直达。</p>