查看原文
其他

苹果的这个图片墙动画太酷了!

利兄 利兄日志 2022-06-11
文 | 利兄
前段时间,网友问了我一个问题,就是下面这个动画是如何制作的?感觉很酷!


确实很酷的图片墙动画,今年的苹果秋季发布会,这个动画效果,还用的挺多的,比如下面这个也是。


我在上个月,做的一份PPT里面,也用了这样一个动画效果。

那么,像这样的一个效果,是如何制作的呢?


其实这里运用的是切换和动画的组合,切换运用的是平滑切换,动画运用的是缩放动画。

我们来重新制作一个案例~

假如,我们要的要做的PPT是这样一句文案,我们来优化一下。


要做这样一个PPT,首先,我们得先找些电影海报的图片素材,这个素材,我们可以去豆瓣电影下。

然后,我们把它插入到PPT中:



接下来,我们要将这些海报平铺在PPT版面上,这个时候,为了提升效率,我们可以借助islide插件的矩阵布局功能。

这个功能,排版图片起来非常快~



我们稍微微调一下间距,就可以得到这样一个图片墙。



然后,我们把其中一页图片单独拿出来,放到前一页的PPT中。

比如,我喜欢小丑这张电影的海报,我们复制一下,粘贴到前一页PPT中。



然后,我们将这个海报放大,铺满版面,最后这一页的构图是这样的效果。



接下来,我们设置这两页PPT之间的切换效果为平滑切换


选中第二页PPT,在切换选项里面选择平滑,我们就可以实现两页幻灯片的平滑过渡。‍



然后,我们选中第二页PPT中除小丑外其余所有的图片,给他们添加缩放动画。‍



‍设置缩放动画的开始时机为与上一动画同时。

为了让图片的出现有一个“错峰”的效果,我们可以给一些图片设置延迟,大概延迟个0.3秒左右。



这样,我们就可以得到这样一个效果。



然后,我们在图片上面添加一个黑色蒙版,把文案加上,就可以得到一页很酷的PPT。



到这里,一个酷炫的图片墙效果我们就做出来了!

到这里,细心的人可能发现一个细节,苹果发布会的PPT,平滑和缩放好像是同步进行的,而我上面做的这个是先后进行的。

仔细看一下!


如果我们用切换和动画的组合,是不能实现同时的,因为切换肯定是在动画之前。

所以这个我们需要在一页PPT里面通过动画来实现。

这里可以借助插件islide我们先来个简单的案例。

先选中大的图片,然后同时选中缩小后的图片,点击islide插件下的拓展里面的平滑过渡



我们可以看到,两张图片实现了自然的过渡。

这个时候,我们思考一下:如果我们将左侧的图片再放大铺满版面,然后设置平滑过渡动画,最后将缩放动画设置为上一动画同时。

是不是就可以得到苹果发布会的效果。



然后,我们调整一下时间和延误的时长,最后,就可以得到这样一页PPT。

今天的内容就是这样,你学会了嘛!

本期福利:
公众号回复关键词苹果,可以下载以上PPT源文件

素材下载:
2020年终总结PPT福袋!
更新 | 你是不是缺一个这样的PPT素材库


PPT学习:


想要系统学习PPT,可以参加我的职场PPT精品课,扫码了解。


利兄日志,一个以PPT为核心的公众号,后台回复关键词“合集”,可以查看所有PPT教程。


点击阅读原文,加入利友圈。

您可能也对以下帖子感兴趣

文章有问题?点此查看未经处理的缓存