android 图片放大缩小_如此方便,逐张放大显示的图片轮播PPT

ceeeee2544e0c9eaa04351b2b4580017.gif

本期介绍一个在后台累计被问到最多的动画,

PPT图片的逐张显示轮播动画。

0edbc69eec4d97e21534083f4ed44258.gif

这种动画用平滑切换实现的话,

逻辑是很简单的,

只需要在多页中重复放上图片,

并且调整它们的大小和位置,

设置为平滑切换就可以了。

但是这样做有两个缺点,

第一是平滑切换对版本有要求,

第二是平滑是在页面间进行的,

要移动N次图片,

就需要N+1页PPT,

如果要更改图片,

就要对应地更改(N+1)²张图片,

是很麻烦的。

今天介绍的方法做出的成果,

只有1页PPT,

对版本没有要求,

并且修改图片很方便,

接下来详细讲解一下操作步骤。

8aad22a5d021f689ffb04659f383a4c7.png

制作思路和关键步骤

实现此动画的思路为:

使用路径动画+放大缩小动画,实现单个元素的精确放大缩小和移动,同一批次的移动由多个元素的路径+放大缩小实现,利用动画复制和路径衔接,实现单个页面中多批次的移动。

关键步骤如下:

1、版式设计,在PPT编辑区域内放置5张图片。

c7c03a9cea7dbc459060df07167fc004.png

编辑区域外放置6张图片。

1bc329788670291b08845bb22d7b7deb.png

2、为每个元素添加向左的路径动画,与手机相关的两张图,累加放大缩小动画。

5b24bf5ac8438baf03c8b5ea697eba5d.png

3、以上一次移动的终点,作为下一次移动的起点,复制粘贴动画,并让路径顺次连接。

0edbc69eec4d97e21534083f4ed44258.gif

4、更改形状的填充,即可保留动画更改内容。

572a45ff4f3fbad3f76d96ff215a2e4e.gif

73f05364ff473af608a046c377f805b2.png

详细操作教程

整个动画的制作拆解为5个部分进行讲解,

以下为详细操作视频:

88fdc208fd5c7a0465b55b9536f7fdc4.png

源文件分享

本文源文件已打包,

后台回复【逐张放大】即可下载。

e6c7f522aeed2463a1a05d36aa06574b.png

在美与实用间寻找平衡

黑白间设计

9772fca48bcb972986d74b23692a22bf.gif

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

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

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

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值