咔片PPT · AI自动生成演示文稿,模板丰富、排版精美 讯飞智文 · 一键生成PPT和Word,高效应对学习与办公

各位朋友们,这期推文是玩个P的第二期

上一期呢,带大家玩了一下PPT模拟UI加载动效

相信大家对PPT动画有了更进一步的认识

那么本期呢,我们来玩一下PPT中的好玩的交互方式


正如大家平时所见的UI交互或者网页交互方式,主要有两种:一种是通过鼠标单击特定功能区域或者功能按钮触发交互另一种则是通过鼠标悬停,进入特定功能区域触发交互。而PPT作为一款平面演示软件,就自带了这两种交互方式,主要是通过触发器超链接动作来实现。


我们先来看看我们今天要练习和玩耍的交互作业吧!



  • 触发器+超链接动作


  • 单纯的超链接


在正式进入上面的练习前,我们需要掌握以下两个知识点:




触发器,简单地说,就相当于遥控器按钮,可以对某一对象发送开始动作(播放)指令。通过对象指定触发器的设置,实现单击交互。



  • 下面我们通过下面这个按钮的交互动效来具体地来操作触发器的设置


  1. 第一步,绘制按钮。我们先插入圆角矩形,加上弥散阴影(中部阴影),完成按钮形状的绘制,并敲上“进入官网”四个文字。
  2. 第二步,给绘制完成的按钮,添加按钮触发反弹的动效。这个动效,主要是通过强调动画中的放大/缩小动画和进入动画中的基本缩放来实现。


  • 放大/缩小动画具体参数如上(进入动画:基本缩放默认参数不变即可)



iii.第三步,触发器的设置。我们希望按钮的动效是通过单击按钮来触发的,那么我们就可以将动画的触发器设置为“进入官网”这个按钮(通过选择窗格来命名这个按钮的名称,这里我将它命名为“进入官网”)



iiii.第四步,给按钮触动加上修饰动画。这里的修饰动画是数个粒子向外散射并缩小直至消失的动画,主要是通过直线的路径动画和退出动画中的缩放动画来实现的。我们只要完成第一个动画,接下来直接按住CTRL键移动复制到按钮的边缘,并随机移动路径的方向即可。

  • 第一个动画的添加方式如上



  • 按住ctrl键移动复制圆点粒子(我这里简单演示一下,要多少粒子自己定就好了)
  • 长按住shift键,先选择粒子的第一个动画,再选择粒子的最后一个动画,完成所有粒子的全选,拖动到按钮动画的后面(这里还可以通过PA插件进行随机的延迟,让粒子动画有随机的发散,这里就不演示了)到这里我们就已经完成了按钮的整个交互动效的设置。



超链接动作,这里主要通过鼠标单击和鼠标悬停两种动作方式链接文件、幻灯片、程序、网页等。这里我主要想分享的鼠标悬停这个有意思的链接方式,那么通过它呢,就能实现一些有意思的交互。鼠标悬停,顾名思义,只要鼠标悬停在某个设置了超链接的区域(这里称它为功能区域),就能实现无缝对接。


  • 以上为超链接动作的设置窗口


下面我们还是通过案例来对超链接中鼠标悬停动作进行具体的设置。


i.第一步,编排好图文版式。以上页面的精致图标都可以在islide插件中直接找到(如果你还没有安装这款PPT制作效率神器,可以直接百度islide,到官网下载最新版)。这里就不再详细演示这是怎么排版出来的了,依葫芦画瓢,大概排一下就好,就得到下面这样的版式


  • 这里的四张图片都是通过绘制四个正方形,直接通过剪贴板来填充完成,然后各自在顶层加上一层黑色的半透明蒙版(你也可以将蒙版理解为滤镜)。

ii.第二步,绘制遮罩。通过布尔运算中的“剪除”来完成遮罩的绘制。(前面已经对遮罩概念有过详细说明了,这里就简单演示一下)


iii.第三步,在第一张幻灯片的基础上复制四张同样幻灯片。


iiii.对复制出来的四张相同的幻灯片的遮罩设置超链接动作中的“鼠标悬停”动作,并且都是链接到第一张原始幻灯片。这样设置的主要作用是只要链接到每一页,只要鼠标从图片区域移到遮罩区域,就会自动恢复原始页面状态。


iiiii.第五步,依次给后面四页幻灯片的蒙版设置直线向上的路径动画。(只要做完第一个动画,直接用动画刷刷给后面三页就可以很快做好动画)

iiiiii.第六步,给第一页幻灯片的所有黑色半透明蒙版设置鼠标悬停的动作,分别链接到对应的页面即可。


到这里就搞定啦!!!



OK,那么到这里,我们就回过头来完成整个网页交互动效的模拟吧!

i.第一步,我们还是按照之前设定的版式,排版好第一个人物LIN NA的链接页面,并将“切换”改为“窗口”,持续时间为“1.5”秒




ii.第二步,对第二页幻灯片“Lin Na”的人物照片设置超链接动作中的单击动作,并将“单击时突出显示”勾选上,链接到上面设置好的人物介绍页面。


iii.第三步,将我们之前做的按钮链接上这里的第一张幻灯片,就完美搞定整个交互动效的模拟。


是不是感觉PPT交互也挺简单的呢!那赶紧动手做一下吧~

那么我们下一期再见啦!