swing中怎么在原来图片的基础上切换第二张图片_一键生成发布会级动画,这可能是PPT中最好用的动画功能!...

三顿经常会在各种品牌的发布会上看到一些特别酷炫的动画效果,比如前阵子苹果春季发布会上的这组转场动画:

49a57274ad06f05321af67eef17183e3.gif

867f9cdaaf02025c044fad3d4806ca39.gif

再比如锤子科技发布会上这个非常经典的放大镜动画:

4334530427a1f0a302b9ace4e15883a5.gif

这么酷炫的动画,做起来一定特别复杂吧?完全不会,甚至用PPT一键就能搞定,而且小白也能掌握!

需要用到的是切换选项卡中的平滑效果。

fe61de4a627c511befc9bf15f572d8ce.png

什么是平滑效果,它又是如何实现这些超酷炫的动画的,这篇文章给大家做一个完整的分享!

文章很长,在这里也给大家准备了一个目录:

0ec71a199ba935ce4d97dc1754e292db.png

平滑效果的原理与作用

什么是平滑效果

平滑是一种页面与页面间的切换效果,而具体的效果和之前给大家介绍的补间动画类似,可以实现元素间的平滑过渡

觉得特别抽象?我在这里给大家举个例子,假设A为元素的初始状态,位于页面一,B为元素的最终状态,位于页面二。

46a607efa414e7c22290b1f23ac8eee2.png

此时,在切换选项卡给页面二添加一个平滑效果,就能实现由A到B的平滑过渡

3303b33ea7ffb9f2fbafecc13bc649f3.gif

除了案例中的颜色过渡外,使用平滑效果还能实现元素大小、位置的过渡。

ce37d0c0c46e310dab714e0f8ee65556.gif

416d9d31349d45ec21da6d96e2ce78d0.gif

是的,只需要在页面一设定元素的初始状态,页面二设定元素的最终状态,不管是颜色、大小甚至是位置,平滑功能都能帮我们生成过渡效果。

元素的强制关联

三顿,看了前面这么多案例,是不是要同一个元素才能使用平滑效果?尝试一下,如果在两个页面上放置不同元素,我们会发现两者并不能实现平滑的过渡。

0c7e963eb106607cfdbfe705e9a1cd52.gif

怎么办呢?我们需要将元素强制关联,让软件将两者识别为同一元素。

操作方法是打开选择窗格,元素名称处双击,以“!!+名称”的方式对元素进行命名。感叹号为英文半角,而两个元素的名称要保证相同

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

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值