fastreport masterdata每页都显示_这个95%的人都没用过的PPT功能,几分钟帮你做出发布会级的交互动画...

18f60a2e38ce788c1e47bbcb3975b05f.png

我赌五毛,你一定没用过这个位于PPT插入选项卡的动作功能:

2f605c1c51852955a03ea38c5558205e.png

三顿就是用这个不起眼的小功能,制作了超多酷炫的交互动画。比如在做APP产品介绍时,点击左侧的按钮就能一键更换背景和产品图片:

fd2a71f719ab78deb19fbeb429d4e366.png

甚至不用点击!将鼠标滑动到按钮位置就能给车换色:

cdf069386dfe27408041e6febd0f6ac7.gif

这种玩法放到PPT目录页中也很好用:

db06768292d55408894c7449b3ebac9a.png

再还能用到常见的内容页中!只需要滑动到对应位置,就能展开呈现具体内容:

a2a74ef3228ac11ef53908b4dbb0eae5.gif

是不是超酷?三顿要告诉你的是,不仅效果酷炫,而且做起来一点都不复杂,和我一起来看看吧!

a609f0257cf3f6c184612dcf5be98e09.png

交互动画的基本原理

这个动作功能到底是干嘛呢?简单来说就是一个超链接。比如现在有这样三个页面:

8e3d216b057aa3f3a4cdb8e893b1c73e.png

给首页的两个按钮添加上动作效果之后,点击按钮1就能切换到页面1,点击按钮2就能切换到页面2。

97c5838ce0dea341f7543b6c0025f445.png

给大家看一下具体的设置选项:

04740bcee70b20696be801be0cadb03d.png

那是什么原因让这个功能变得特别酷炫呢?一是除了点击鼠标打开超链接外,还支持鼠标悬停,也就是鼠标悬浮到指定位置,无需点击就能打开超链接指向的页面。

083f0a7697ed37759ee72622710e94ec.png

二是可以结合平滑动画,点击的同时也能执行元素由A状态到B状态的平滑过渡。比如只要将鼠标滑动到红色小圆的位置,立马变成蓝色的大圆:

755118180921e987af36000ca2b3fa2e.png

a609f0257cf3f6c184612dcf5be98e09.png

交互动画搞定产品介绍页

了解了动作功能的基本原理之后,不妨动手试试制作这种效果!以前面分享的这个页面为例,具体是怎么制作的呢?

fd2a71f719ab78deb19fbeb429d4e366.png

第一步,我们需要做好四个产品页面:

a13cd4dbf6d8091286bd487ac78884f1.png

第二步,在页面一中添加上用来交互的按钮模块:

5c6b63461288d69050f94af7ccb94611.png

第三步,给每个按钮都加上动作效果。在操作设置中选择单击鼠标一栏,超链接到幻灯片,指向对应的四个页面:

bdae92a5610f5c149eb807837af28a35.png

第四步,把做好的动作按钮复制到每一页中:

994e42a64483de3e9f6293f48f8bc65b.png

最后,给每页都加上平滑效果,即可完成整个效果的制作。

9c43b1219b08049cfcc2752d82c7f46b.png

是不是特别简单?汽车这个动画制作起来也是类似,做好页面,添加按钮,设置动作,加上动画,简单几步就能搞定。

93df35bfd0be834a38fa01e095ed9a85.png

唯一变化的就是在添加动作时,需要选择鼠标悬停一栏再添加超链接:

a6e49334fed5d53432caac0a8f6c7459.png

另外还要用到一个关于平滑功能的小技巧,四张汽车图片需要在选择窗格中以“!!1”的形式进行命名,强制关联以实现变色的效果。

48b8a81b103f7d12d06e8a4ecb50fd73.png

a609f0257cf3f6c184612dcf5be98e09.png

交互动画搞定PPT内容页

再来看这个要复杂一些的的案例,这种超酷炫的展开动画是怎么做的呢?

a2a74ef3228ac11ef53908b4dbb0eae5.gif
素材准备

制作这个效果,首先需要进行的是素材准备。我们要找好这样六张图片:

37257446bf1cf286636467c1974ccc41.png

使用PPT中的剪裁功能将它们分别裁成相同的矩形:

ce31d43248909266249790af9b34be31.png

剪裁后就能得到这堆素材:

df5e2726bb307a889add158343ef85ea.png

另外我们还需要准备这样六个只添加了背景的PPT页面:

fafb56fc5c9fec72f890c62a9fc5e528.png
具体制作

接着才是具体制作,我们需要给刚刚做好的六个矩形加上动作效果,分别指向六个只有背景的PPT页面。记住,每个在操作设置中都得设置鼠标悬停,链接到对应页面:

7f359e51dfd1b9186c4ebfd05ef6e37b.png

设置完成后,我们只需要将这些添加了动作的矩形图片和原图片拼组到六个PPT背景页面上,再加上文字,制作成完整的PPT:

cdba477d82b2bc17de54761428323eaf.png

对每页加上平滑效果,即可搞定:

bfa9e61f22d4ae971c0ae18b99ee0379.png
小贴士

目录交互动画的制作更加简单,区别就是不用添加平滑效果,后三页各自去掉一个黑色蒙版即可。大家不妨可以跟着图片自己动手尝试一下:

db12bf8f24bc024b71caedae22b282ad.png

在实际的PPT制作中,我们可以使用隐藏幻灯片的功能把多余页面隐藏起来,保证原有页面正常切换的同时,交互动画效果不受影响。

35d0afbd98fbf9e874570dc053a3aa1a.png

a609f0257cf3f6c184612dcf5be98e09.png

除此之外,动作功能结合平滑效果还有超多有趣玩法,比如小伙伴@短酷PPT制作的这个案例,圆形可以跟随鼠标一起移动:

1599184b161998d51b7ce8302ef2027f.png

再比如经典的放大镜动画,可以使用动作功能加上一个滑动模块。用好这个实用的小功能,能做出不少酷炫的交互效果。

0857279dfa82f9499b1e00b591bbeb29.gif

赶紧自己动手试试吧!

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

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值