如何用ppt制作出图片翻层切换效果

来源:优页文档 作者:优页文档

这种用PPT做出的图片翻层切换效果,我们能看到我们用鼠标点击一下界面,对应的图片也会跟着切换到最顶层,移动到中间位置,变成一张清晰放大的照片,而其他两张照片则会向两边移动且缩小图片大小和变成透明化,这种炫酷的图片翻层切换效果到底是怎么做出来的呢?

图片

其实这里是对图片设置了好几种动画而产生的效果,不仅要让图片丝滑的切换,还要注意保持中间的图片在图层中的最顶层,所以用到的动画是相当的多,下面请听我细细道来。

1.图片图层原理

首先我们先理清整个动画的思维逻辑,到底是怎么切换的呢,这也是重点和难点,其实图片是这样用图层排列起来的:

图片

我们需要找到三张素材。我们应该注意到的是,动画过程中,图片的样式不同,两种图片样式,一种是放大的清晰图,一种是缩小的透明图,所以我们先找到三张图,图1,图2,图3。然后我们再复制一组图片图4,图5,图6,然后把最开始的一组图片设置透明度为50%。

因为这个动画该开始进入的时候是图5在中间放大展示,为了让图5向左移动动画的时候更加的丝滑,所以我们需要复制一张透明的图3给他添加退出动画,让中间图片退出的时候更加丝滑。复制后的透明图为图7。

图片

接下来最重要的重点步骤来了

下面是动画没播放时的图片排列方式,分别是两组图片,透明那组对齐叠加排列在左边,右边是放大的清晰图片和一个透明缩小的图片。

图片

设置完图片样式,设置的时候注意图片顺序,像我这样先把图片排列好,然后依次加上动画,这样就能清楚的知道整个动画的逻辑结构是怎样的了。

图片
图片

1.图片设置

接下来我们详细讲解给图片如何加入动画的要点,这点也同样的重要。

其实整个动画可以分为三段:

第一段动画是进入动画,图1移动到右边,图3在左边,,图5在移动到中间。

图片

这段动画我们就需要把图1添加路径动画【向右】移动到右边,图4添加路径动画【向左】移动到左边,位置如图所示,

图片
图片

接着添加动画【放大\缩小】然后尺寸自定义80%,再添加退出动画【淡化】。接着图7加入退出动画【消失】:

图片

接着图5添加进入动画淡化,然后再添加【放大\缩小】,尺寸自定义80%,接着给图5添加路径动画,【直线】效果选项【向左】,位置移动到画面中间,之后添加放大\缩小,尺寸设置为自定义125%。接着给图片2添加进入动画【出现】

图片

这样我们第一部分的动画就设置好了。

3.第二部分动画

第二部分的动画的思维和第一部差不多,第二部分动画是图6移动到中间放大,图2移动到右边,图3在左边。

图片

所以我们先开始设置图2添加路径动画,【直线】【向右】,接着给图5添加路径动画,【直线】【向左】,位置移动到画面中心,

图片
图片

接着添加动画【放大\缩小】,尺寸自定义80%,接着再添加退出动画【淡化】。接着给图1添加退出动画【消失】,接着给图6添加进入动画【淡化】,接着添加【放大\缩小】,尺寸自定义80%

图片

接着添加路径动画【直线】【向左】,位置移动到画面中心,接着添加【放大\缩小】。,尺寸自定义125%,接着再给图3添加进入动画【淡化】。第二部分动画就完成了。

图片

4.第三部分动画

第三部动画主要的内容就是,图3移动到右边,图1在左边,图4中间,

图片

所以我们首先把图3添加路径动画【直线】【向右】位置如图所示,接着图6添加路径动画【直线】【向左】,位置在画面中心,

图片
图片

接着添加动画【放大\缩小】,尺寸自定义80%,接着添加退出动画【消失】。然后给图2添加退出动画【消失】,接着给图片4添加进入动画【淡化】

图片

接着添加路径动画【直线】【向左】,位置如图所示,接着添加动画【放大\缩小】尺寸自定义125%,接着给图1添加进入动画【淡化】,接着添加路径动画【直线】【向左】

图片

这里要注意的是,图1移动的位置靠左,意思就是把图一的移动的终点和图1相同位置,起点在右边,这点千万不要出错。

图片

这样之后,我们调整好所有动画的时间,全选所有动画,设置开始时间为与上一动画同时,持续时间0.5s,图2路径动画和图一路径动画的开始时间设置为【单击】时。

把图2,图3,和图1的进入动画的延迟时间设置为0.2s

图片

现在我们再把图片排列对齐,图片翻层切换效果就做好了。

图片

是不是非常的有意思呢?大家快去试试吧!


资讯来源说明:本文章来自网络收集,如侵犯了你的权益,请联系:puerppt#163.com进行删除。

PPT模板

  • 珍爱生命预防溺水主题班会PPT
  • 预防溺水知识PPT
  • 防溺水安全教育PPT
  • 红色主题PPT
  • 毕业答辩报告PPT
  • 重温入党誓词PPT
  • 入党誓词PPT
  • 教师自我介绍PPT

Excel模板

  • 单据粘贴单11
  • 出差申报单11
  • 出差申报单(2)1
  • 付款申请单11
  • 付款申请单(3)1
  • 入库单1
  • 领料单
  • 销售明细单1
  • 销售明细单(3)
  • 付款申请单(2)1

Word模板

  • 面试招聘
  • 社会招聘面试审批流程
  • 电话营销销售人员的招聘面试流程
  • 求职招聘登记表及面试记录表
  • 校园招聘面试结果评价表
  • 校园招聘求职者面试报告示范模板
  • 招聘面试评分记录表
  • 招聘面试评估表
  • 招聘面试评价表
  • 招聘面试记录表
优页文档

优页文档是佛山市墨豆信息科技有限公司旗下业务,优页文档(www.youyedoc.com)是一家专注于分享高质量的PPT模板、Excel表格、Word模板的下载网站,1000+各行业优质设计师每日更新200+优质办公文档模板,满足各行业办公需求。海量office文档制作教程,致力于打造国内最大最权威的办公文档下载一站式服务平台

Copyright © 2021-2025 www.youyedoc.com. All Rights Reserved.   粤ICP备2021116258号-佛山市墨豆信息科技有限公司

本站所有文档资源来源于互联网或作者上传,仅供学习研究使用,版权归作者所有,请勿用于商业用途,如果用于商业用途请联系作者,如果因为您将本站资源用于其他用途而引起的纠纷,本站不负任何责任。

如果本站内容无意中侵犯了您的版权,请联系youyedoc,我们会及时处理。

问题反馈

联系客服

微信扫码关注
更多文档模板免费分享

顶部