在ppt中你见过有趣的下拉菜单动画吗?点击一下就会出现很多内容 , 其实它的制作方法也超级简单 , 又显得你的ppt创意十足 。本篇文章将为你详细介绍制作步骤,一起来看看怎么做吧!
一、组成把上面的图拆开,实际上由3个相同的部件组成:
文章插图
文章插图
再把其中1个部件拆解,可以看到,1个部件实际是由4个元素组成:三角形、正方形、长方形、半透明矩形 。
文章插图
文章插图
其中正方形和长方形实际上是组合在一起的,暂且把三角形+正方形+长方形这一组合称为菜单栏,把半透明矩形称为内容页:
文章插图
文章插图
二、动画为方便直观,我给各部件添加了编号,重新看一遍动画效果:
文章插图
文章插图
(一)拆解动作
由上图可以看到,当鼠标点击菜单栏时 , 触发了几个动画,整体可分为2个阶段 。以部件1为例:
1.进入阶段
当第1次点击部件1菜单栏时,各部分动作展开:
动画1:部件1的三角形顺时针旋转了90°
动画2:部件2、部件3菜单栏整体路径下移
动画3:部件1的内容页(半透明矩形)切入
2.退出阶段
当第2次点击部件1时,各部分动作立即还原:
动画4:部件1的三角形逆时针旋转了90°
动画5:部件2、部件3菜单栏整体路径上移
动画6:部件1的内容页(半透明矩形)切出
(二)操作步骤
我们逐步解构上述几个动画:
文章插图
文章插图
1.进入阶段:当第1次点击部件1菜单栏时 , 各部分动作展开 。
动画1:部件1的三角形顺时针旋转了90°
选中三角形,添加【动画】-强调【陀螺旋】,打开【动画窗格】,双击动画,效果【顺时针90°】-【确定】 , 调整持续时间:0.1秒 。
文章插图
文章插图
动画2:部件2、部件3菜单栏整体路径下移
以部件2为例,选中正方形+长方形组合,点击【动画】-动作路径【直线】,【效果选项】-【下】,调整持续时间:0.25秒 。
文章插图
文章插图
可以看到 , 动作路径有绿色端(起点)、红色端(终点) 。根据半透明矩形的宽来确定路径的长度(如上图,部件2的路径长度正好在半透明矩形下方附近) , 操作方法:选中组合的路径,按住shift键,拖动红色端 。
部件2的三角形、部件3都设置同样的动作,记得同时调整路径的长度 。
保证所画的路径长度等长的小技巧:照着部件2组合的路径的绿色端(起点)和红色端(终点)画一条直线(记得按住shift键再画),移动到三角形的路径的绿色端,根据直线的长度拖动红色端(终点)即可 。
动画3:部件1的内容页(半透明矩形)切入
选中半透明矩形,点击【动画】-进入【切入】,【效果选项】-【自顶部】 , 调整持续时间:0.25秒 。
文章插图
文章插图
部件3重复上述同样动作,在此不再赘述 。
2.退出阶段:当第2次点击部件1时 , 各部分动作立即还原 。
动画4:部件1的三角形逆时针旋转了90° 。
动画5:部件2、部件3菜单栏整体路径上移 。
动画6:部件1的内容页(半透明矩形)切出 。
分别选中不同图形,添加与进入阶段同样的动画,但方向或参数相反 。
如图:
文章插图
文章插图
三、触发器我们点击部件1的菜单栏(组合21),才触发了后面的动作 。
操作:先选中全部动作,点选【触发】-单击【组合21】即可:
文章插图
文章插图
部件2、部件3按同样操作,但要注意动作数量是递减的:
【ppt下拉菜单怎么做】
文章插图
文章插图
四、应用样例应用场景还是很广泛的,但手上素材有限,这里只做了2个不同风格的案例供大家参考 。
文章插图
文章插图
文章插图
文章插图
是不是非常炫酷呢?快来一起学习一下然后给你的小伙伴大展身手吧!
- PPT中怎么添加超链接
- 一个圆为你打造个性ppt
- 实用PPT文字效果有哪些
- Excel表格里的零值太多怎么快速删除?
- 芒果怎么切方便吃「芒果正确切法图解」
- 微信朋友圈纯文字发表操作步骤 微信怎么发文字朋友圈不发图
- 电脑找不到u盘解决方法 u盘在电脑上读不出来怎么修复
- 火鸡面吃不完该怎么办
- 什么是雾霾 雾霾是什么形成的
- 衣服不扔怎么处理