热门标签 | HotTags
当前位置:  开发笔记 > 编程语言 > 正文

echarts柱状图同一页面点击不同得按钮切换_不可思议,这个PPT居然有按钮滑动效果...

本期来分享一下,怎样在PPT中做出这种动画效果:点击一次鼠标,就出现一次滑动按钮,随之切换一次内容。制作思路和关键步骤此动画

本期来分享一下,

怎样在PPT中做出这种动画效果:

26793705054da6cbb790cf86759696d9.gif

点击一次鼠标,

就出现一次滑动按钮,

随之切换一次内容。

57a5e929ad2c82426042ee9c4bf9fcec.png

制作思路和关键步骤

此动画实现思路为:

用形状补间动画实现按钮滑动,

配合遮罩设计和路径动画,

完成内容切换的效果。

关键步骤如下:

1、用缩放进入和放大动画,组合成弹跳进入效果。并用圆角矩形伪装为圆的形态,方便后期添加补间动画。

ad30eed9853d01d9af67853b13fa3d89.png

2、利用圆角矩形的补间动画,实现拉伸动画效果。

4d7104a400d2a5e5beea6cc75d402ef4.png

3、利用圆角矩形的补间动画,实现压缩动画效果。

7f6189e1615537e747f80ee08546e75d.png

4、将进入动画、拉伸动画和压缩动画拼合到一页中。

37d96c7836020648bd2dc3783fc717a0.png

5、制作遮罩手机版式,将动画成果融入版式中。

a5c2eda3704b2647661ecfbe52629eb2.png

6、以按钮滑动动画为核心,配合制作元素的路径动画,实现最终效果。

26793705054da6cbb790cf86759696d9.gif

c5bb516455cccc835fe94243fb57e465.png

详细操作教程

以下为详细操作视频:

ddc41eaf864443ee5d4fa48a74b37073.png
不可思议,这个PPT居然有按钮滑https://www.zhihu.com/video/1249722841102356480

在美与实用间寻找平衡

公众号:黑白间设计



推荐阅读
author-avatar
cometcui
这个家伙很懒,什么也没留下!
PHP1.CN | 中国最专业的PHP中文社区 | DevBox开发工具箱 | json解析格式化 |PHP资讯 | PHP教程 | 数据库技术 | 服务器技术 | 前端开发技术 | PHP框架 | 开发工具 | 在线工具
Copyright © 1998 - 2020 PHP1.CN. All Rights Reserved | 京公网安备 11010802041100号 | 京ICP备19059560号-4 | PHP1.CN 第一PHP社区 版权所有