前几天 Jesse 老师收到一名网友的求助,说自己在工作 PPT 中经常会需要展示一系列的图片。平时他都是直接把图片丢到 PPT 上,一页一图的翻过去,可最近老板反馈说这种形式太简陋了,内部用用还行,对外展示时还得再改进改进。

可到底该如何调整呢?他是一点思路都没有。今天 Jesse 老师就给大家提供一种简单可行的方法。

相信大家在看科技、职场类自媒体文章时都见过一种给手机截图套上壳子的效果,这种效果使得截图更具有真实感和场景感,被很多人所青睐:

ppt各种动画典型用法(学会这个6步就能完成的小动画)(1)

锤子科技的 Smartisan OS 早在2.0版本的时候就已经对这种需求提供了专门的解决方案,用户可以在对屏幕进行截图之后非常方便的为截图套上手机壳。不光是锤子手机,三星、索尼、HTC、小米、魅族、一加等品牌的手机壳素材也可以下载套用:

ppt各种动画典型用法(学会这个6步就能完成的小动画)(2)

不少平面设计也使用了这种手法,这一类手机、iPad、电脑显示屏外壳的图片被称为「样机」,也有专门的站点可以制作或是下载素材:

ppt各种动画典型用法(学会这个6步就能完成的小动画)(3)

形式很受欢迎,素材也能轻易找到,那我们是不是可以在 PPT 里借鉴这一手法来打造场景感,提升感染力呢?

当然可以。不过既然是做一系列的图片展示,我们还得在平面呈现的基础上做一点小改进,让图片动起来

6步打造 iPad 样机图片轮播动画

1、下载一个 iPad 样机素材放入 PPT 页面(下图素材来源站点:mockupworld ),要求屏幕区域为空,没镂空的素材在 PPT 里也可以通过「合并形状」操作手动镂空:

ppt各种动画典型用法(学会这个6步就能完成的小动画)(4)

2、绘制两个白色矩形,盖住图片左右两侧的空位(如果你要图片上下滚动那就要盖住上下两侧)——为了方便观看,下图中绘制的两个矩形暂时未填充为白色:

ppt各种动画典型用法(学会这个6步就能完成的小动画)(5)

因为我们找到的样机图片在 iPad 外部有阴影,所以图片边缘离 iPad 边缘还有一定距离(参见步骤1里的配图)。矩形看起来和 iPad 边缘并未接触,但实际上已经和图片边缘紧贴在一起了。

3、插入第一、二两张需要进行展示的图片,根据 iPad 内框大小进行裁剪、使图片大小比例与之吻合,然后如图邻接放置:

ppt各种动画典型用法(学会这个6步就能完成的小动画)(6)

4、选中两张图片,右键点击,将它们「置于底层」。由于有两侧白色矩形的遮挡,第二张图片在进入 iPad 框体内之前都是看不见的:

ppt各种动画典型用法(学会这个6步就能完成的小动画)(7)

5、将这一页 PPT 复制一份,在复制出来的页面水平向左移动两张图片的位置,展示出第二张图片,同时再放置好下一张图片:

ppt各种动画典型用法(学会这个6步就能完成的小动画)(8)

6、将后一页 PPT 的切换方式设置为「平滑」,播放 PPT ,图片在 iPad 内滑动展示的轮播动画就做好了:

ppt各种动画典型用法(学会这个6步就能完成的小动画)(9)

如果还需要继续添加新的图片,只需要重复这个过程:复制新的页面,然后不断地将图片位置向左调整,在最左侧删去已经播放完成的图片,在最右侧加入接下来需要播放的图片就OK了。

你也可以把这个动画与其它页面设计元素(如文字、形状、背景)组合起来,或者利用多个样机图片进行设计,制作出更具设计感的图片动态展示:

ppt各种动画典型用法(学会这个6步就能完成的小动画)(10)

多个样机与虚化背景设计结合

ppt各种动画典型用法(学会这个6步就能完成的小动画)(11)

Mac样机与渐变灰背景结合

你还可以在目录里使用这种方法,一边向大家介绍本次演示的主要内容,一边点击鼠标播放动画。随着目录要点一个一个的出现,样机内的配图也对应的发生变化,整个效果可以说是浑然天成:

ppt各种动画典型用法(学会这个6步就能完成的小动画)(12)

MacBook样机 图片 目录

不管使用哪一种形式,是不是比起直接丢上去一张图片,都高大上多了?

,