用PPT实现鼠标悬浮高亮效果,这也太酷了吧!

进阶提高3年前 (2021)更新 杰森说
4,408 0 0
大家好,我是Jason。下图是网易云音乐网页交互效果,鼠标移动到上面就会实现变色或加深。在html中使用div&css非常容易实现,如果在PPT中实现的话,那能发挥的地方就多了!

用PPT实现鼠标悬浮高亮效果,这也太酷了吧!

本期的教程延续前面的教程,准备来一个鼠标悬停三部曲!

 

杰森用PPT做出了这样的效果!先来看一下鼠标悬停高亮技巧最终呈现出来的样子:

用PPT实现鼠标悬浮高亮效果,这也太酷了吧!

在人物介绍、产品介绍、环节介绍等,利用鼠标或者高级一点的翻页笔就能实现“指哪亮哪”的操作,这种驾驭感绝不是普普通通的PPT能给予的。

那么,这样的效果究竟怎么做? 我们往下看!

#01.

图文先排好

其实这一步和前面的第一步曲一样,图文排布这个步骤一定是基础中的基础。不存在任何技法上的讲究。但是这里杰森推荐大家一个较为简单的方法——用表格制作规整页面!点击下图跳转读完记得回来哈~

用PPT实现鼠标悬浮高亮效果,这也太酷了吧!

这次杰森制作了1-2种案例的demo pages,用来进行本次PPT鼠标悬停高亮技巧教学。废话不多说,直接进入正题!

用PPT实现鼠标悬浮高亮效果,这也太酷了吧!

上面这张图其实是由四个横向内容构成,每一行都是一个人物介绍。发散思维,这也可以变成一个小按钮,每一个按钮都可以变成下一次点击的高亮,进而跳出对应内容。这将会在最终曲的时候教给大家。

#02.

想高亮几个就复制几个页面

回到上面的案例图来看,横向四个人物,届时将会有四次鼠标高亮。所以就需要将PPT复制出四份。这里可以使用快捷键(点击左侧想复制的页面缩略图导航,然后按下Ctrl+D)

用PPT实现鼠标悬浮高亮效果,这也太酷了吧!

点击缩略图按下Ctrl+D按键快速复制多页

复制好之后要做的就是对这四页中每一页的三行用蒙板遮盖。点击插入>形状>矩形,绘制在想要遮盖的那一行,并进行颜色填充。

用PPT实现鼠标悬浮高亮效果,这也太酷了吧!

上面这一步请注意,将形状格式中的“线条”选项,选择为“无线条”。这样我们的蒙板看起来才不会显得露馅。之后将填充好的形状复制填充到另外几个横向内容表面。最后的效果是这样。

用PPT实现鼠标悬浮高亮效果,这也太酷了吧!

每一页只有一个横向内容不用蒙板遮盖

如果这时候遮盖住左侧的导航缩略图是不是就很像那回事儿了呢?先别急,我们就快要做好啦~

#03.

在每个页面暗部插入“动作”

这一步和第一步曲非常相似,依然是点击需要插入的区域然后插入对应的页面。但是这里插入的逻辑和第一部曲完全不同。这里需要点击“暗色条”然后点击>插入>动作。

用PPT实现鼠标悬浮高亮效果,这也太酷了吧!

动作的页面:要抱着“暗色条”需要变成“亮色条”的逻辑。继续以上一张截图为例:该案例对应插入的动作页面应该是想让这一条变亮的页面。(是不是有点绕?我们看下面这张插入的页面)

用PPT实现鼠标悬浮高亮效果,这也太酷了吧!

点击暗页,插入亮页的页面链接

这么解释吧——先点“哈利波特”那条暗色的,然后点击插入>动作>鼠标悬停>超链接到>幻灯片,然后选择“哈利波特”这条亮色的对应幻灯片。(点击上图放大看看),再点击底部的“鼠标移过时突出显示”总结来说就是:点暗图,找亮图去插入即可。(每一页都不要放过。每一个暗色的都要有一个亮色的对应动作页面指向)

#The end.

最后来看一下实际的效果!是不是非常酷!

用PPT实现鼠标悬浮高亮效果,这也太酷了吧!

用PPT实现鼠标悬浮高亮效果,这也太酷了吧!

用PPT实现鼠标悬浮高亮效果,这也太酷了吧!

 

步骤1:点亮右下角「在看」「赞」

步骤2:凭截图后台回复「点亮1208」

——
公众号:杰森说
原文链接:用PPT实现鼠标悬浮高亮效果,这也太酷了吧!

© 版权声明

相关文章