PPT制作鼠标悬停动画效果!

简介: 上面视频中,我是以四川省的地图为例,当鼠标悬停在某个区域,会自动用颜色突出该区域,并在旁边用气泡显示名称。

嗨,好久没更新了!


最近真的太太太太忙了……


本来本期想用视频的方式呈现的,但夜已深,为避免扰民,还是用图文咯~


先看下面这15秒的视频:

制作核心


制作软件: MicroSoft 365 中的PPT



核心功能:插入-动作


请马上打开你的PPT,看看插件功能区域下是否有动作这个功能。如果没有,要么注册并下载MicroSoft365,要么放弃本文。



windows 和 mac 平台均有。


制作方法


上面视频中,我是以四川省的地图为例,当鼠标悬停在某个区域,会自动用颜色突出该区域,并在旁边用气泡显示名称。

为了偷懒,我只做了其中两个区域,你们用在自己的作品中,可以根据需要做丰富!


1.插入地图矢量图


你可以用自己熟悉的方式获取地图矢量图,需要里面的版块都是独立的,能单独点击的。一块整图那种是不行的!



对了,本文末会附上全国的地图的矢量图。


2.复制第1页做的PPT


把第1页的PPT复制2份,然后把你想要突出显示的区域设置醒目的填充色,并在旁边添加一个气泡,里面打上区域的名称。

完成后如下:



更改填充色:选中某一块后,在形状格式功能区下的形状填充里面更改颜色。加气泡:在插入功能区下,形状里面挑选你喜欢的气泡。


这一步看懂了吧!


也就是一共需要3页PPT,第一页是普通的地图,第2、3页分别把你想突出显示的区域填充不显眼的颜色。


3.设置悬浮动作


现在回到第1页PPT,点击一下你在第2页突出填充的那个区域,再点击顶部插入-动作,默认是鼠标点击动作,右边就是鼠标悬停,切换过去。



在链接里面,选择幻灯片,并选择你想跳转到的页面,这里选择第2页。



以此方法,把另一块区域,链接到第3页PPT上。


4.页面相互联动


前面3步动作,成功让我们在第一页通过鼠标悬停跳转到第2页或第3页上。但还没实现上面视频里面那样,任何时候悬停到想要的那块区域上都能流畅跳转。


那是因为:跳转到第2或第3页后,这两页上没有添加动作,就没有跳转了。


给第2和第3张PPT插入一个白色的矩形,右键把它置为底层,然后给它设置悬停动作,跳转到第1张PPT上。



完成这一步后,在第2或第3页PPT中,当我们鼠标划到地图外的空白区域,就能跳到第一页PPT了,在第一页,又能触发区域跳转了。


但,假如我们想直接从第2页到第3页呢?


还是给它加动作呀!


在第2页PPT中,点击第3页突出显示的区域,给它添加跳转到第3页的鼠标悬停动作。



同理,在第3页PPT中,点击第2页突出显示的区域,给它添加跳转到第3页的鼠标悬停动作。


好了,全屏放映PPT,试试看效果吧!


5.举一反三


什么?你想给地图上所有区域都添加上突出显示的功能?


数学好的同学算一算:需要添加多少页PPT,相互要添加多少个动作呢?


放手去干吧!

相关文章
|
11月前
Photoshop制作白色可爱音乐播放图标面板(一)
Photoshop制作白色可爱音乐播放图标面板
60 0
|
21天前
微信小游戏制作工具中关于背景图的设置
微信小游戏制作工具中关于背景图的设置
127 0
|
7月前
|
前端开发
css3制作鼠标悬浮图文动画效果
css3制作鼠标悬浮图文动画效果
37 0
|
10月前
|
人机交互
幻灯片
5.4.1 设置幻灯片动画效果 1.插入单个动画 选中要添加动画的对象,选择“动画”选项卡,在“动画”组中选择合适的动画单击即可。也可以单击“其他”按钮,在下拉列表中选择合适的动画。选好动画后,还可以通过“效果选项”命令改变动画的路径在“动画”选项卡的“计时”组中还可以设置动画的开始方式、动画长度和动画开始播放的延迟时间等。 2.对一个对象插入多个动画 选中要插入多个动画的对象,单击“动画”选项卡的"高级动画”组中的“添加动画"按钮,在弹出的下拉列表中选择合适的动画,这样就添加了一个动画,重复这一步骤即可添加多个动画。单击“动画窗格”按钮会弹出动画窗格,在里面可以看到全部的动画。 3.自定
|
11月前
Photoshop制作白色可爱音乐播放图标面板(二)
Photoshop制作白色可爱音乐播放图标面板
44 0
|
JSON Android开发 数据格式
原生app开发技巧——底部导航栏动画效果按钮制作方法之采用photoshop制作gif动画-过渡动画关键帧
原生app开发技巧——底部导航栏动画效果按钮制作方法之采用photoshop制作gif动画-过渡动画关键帧
原生app开发技巧——底部导航栏动画效果按钮制作方法之采用photoshop制作gif动画-过渡动画关键帧
|
开发者
幻灯片与图集| 学习笔记
快速学习幻灯片与图集。
44 0
|
开发者
幻灯片和图集|学习笔记
快速学习幻灯片和图集
53 0
幻灯片和图集|学习笔记
|
图形学
PPT制作三大技巧:图标 、图片背景透明和自动函数
PPT制作三大技巧:图标 、图片背景透明和自动函数
249 0
PPT制作三大技巧:图标 、图片背景透明和自动函数
|
前端开发 JavaScript
创意代码之图片悬停效果
自己也想写一个类似这种的特效,就是鼠标放图片上时图片会悬停,就是那种戳一下动一下的效果,本文会先分解实现的步骤,使用到知识点都会有案例,那么我们开始吧。
208 0
创意代码之图片悬停效果

热门文章

最新文章