页面 切换 中英文 怎么实现_平滑切换让交互式动画更有趣

1f4cb711217af5b4e3e14ce05850c6b5.png

之前也做过一些平滑切换的介绍,这个功能在keynote中叫神奇移动。它可以让上下页面之间相同属性的元素滑溜溜的移动和变化,软件自动寻找路径,进行对位,并把整个过程柔和的动态展示出来。

5d5b860eba735a8bef27670fc0df49ba.gif

⊙利用平滑移动结合3D元素做的页面切换效果

本次分享,我们来看些结合鼠标悬停动作(或者超链接)看看能怎么做出还不错的交互动画。

超链接,大家经常用,就是点击某个元素,会跳转的别的页面,或者点击某个元素,弹出视频播放界面,可以避免视频放在PPT中导致文件太大,这个在教学场景中还是比较常见的。

b81fb96536ee36524faf186d3123176e.png

而鼠标悬停和超链接原理一模一样,只是点击鼠标变为鼠标移动到上方即算一次点击,不用真实去点击。在动作中可以找到对应设置项。

36a7c2cbfc53fba0fe6e15de1e49223a.png

0a76109ca62499dcae9de22730242e38.png

上面有单击鼠标和鼠标悬停,单击鼠标就是最常见的超链接形式。鼠标悬停合他一模一样,只是触发方式发生了改变。这里我们有三个页面,每次把鼠标悬停在三个小圆圈的某一个圆上,页面对应发生平滑切换。

c42d42b4515b77e99b8da4318aa6a023.png

307e8e7fb8d3f095667d490c368503d7.png

b8718928e05869e5d8ef5b136321200e.png

这里操作的关键有两个,一个是鼠标悬停设置对应的跳转页。每个页面都要设置,第一个圆对应第一个页面,第二个圆对应第二个,第三个圆对应第三个页面。

cc185d4069d4631eb6c43158d80321b6.png

1c0918a7b03559eaf722980c4f7a0552.png

e7be3389208e49a30edca6332f702546.png

然后把对应页面的图片放在中间,其余图片放在左上角或者右上角,记得要移出画面。稍微缩小一些。

65ffce64860fb096559234750b9edda2.png

最后,把所有页面的切换方式改为平滑切换。

47035c6dc7f0e7a135ab4680a342d5d4.png

最后,播放一下看看效果。公众号内回复87获取案例文件。

更多文章

会了这招,PPT画图如此之快

圆面积公式推导用动画怎么实现

office2019如何下载安装

监制/郭政/  主编/船长

编辑/船长

©醉里挑灯看剑

8263caa8666b2b22e7370bb2b0416303.png

  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值