我们常常在手机上左右滑动切换图片,要是PPT上可以展示这个效果,也是挺有意思的,我们来看下怎么做吧。
老规矩,先上效果图:
![199a227fed07f3b2ed4c1eaca38c84a5.gif](https://i-blog.csdnimg.cn/blog_migrate/c41987a87b2f870503d05bbc9c738f38.gif)
那么,这个效果是如何实现的呢?简单来说就是以下几点:
1)素材准备:需要手机轮廓框图和相关图片,如果复杂点,还可以弄个手的图案
2)将图片使用统一大小形状裁剪成一致大小
3)将所有图片组合在一起,摆放切换效果
4)利用PPT上下页面之间的切换效果,设置定时切换或鼠标点击后切换
我们来看下具体操作步骤。
一、素材准备
准备一个手机轮廓图,或者直接利用形状绘制都可以。PP君是直接绘制的,请看下面的动态图。
![9cbc967541d97f5a415605d59a0e8408.gif](https://i-blog.csdnimg.cn/blog_migrate/173045970e86158b1afade5be452b102.gif)
准备好一组需要切换的图片。(最好大小尺寸一致,或者长宽比和所绘制的手机图案一致。这样不会失真)
二、镂空手机屏幕部分
之所以要镂空手机屏幕部分,是因为这样做了以后,可以得到三个图层:最上层是手机和当前展示图片,第二层是组合在一起的手机图片,第三层是背景。这样我们只要设置第二层的透明度,就可以遮住除了当前展示图片以外的其他图片。--理解这一点,非常重要!
具体做法是:
0)选中手机轮廓图的所有形状,组合在一起。
1)在手机屏幕部分,插入一个矩形,正好覆盖掉屏幕部分。注意,插入矩形后,要设置边框为无实线,否则会有边框重叠。
2)先选中手机轮廓形状,再选中这个插入矩形,选择「形状合并」中的「剪除」。
![4b17ca8e9508faad70647c899b6a0142.gif](https://i-blog.csdnimg.cn/blog_migrate/7405962bfbcb19a0202f7e2eb6f3bcf2.gif)
三、设置背景,组合图片
将图片插入和刚才一样形状大小的矩形中,然后连成一排,组合在一起。图片之间设置相等的间距。
![a73fe5ce92be4c0338176d7203b9e8f5.gif](https://i-blog.csdnimg.cn/blog_migrate/29bcdab783fcc4a090d9f543e133066f.gif)
然后将刚才的手机轮廓图放到上面,刚好盖住其中一张图片,将手机轮廓图置于顶层。这样我们得到了一个最上层的手机轮廓图,一个最下层的图片组合层。
接着,我们要做一个镂空矩形,放到中间层,再设置透明度,就可以刚好盖住下层,露出当前图片。(需要仔细理解这点哦)
具体的做法是
1)插入一个铺满页面的矩形,再插入一个手机屏幕一样大小的矩形
2)先选中大矩形,再按Shift选中小矩形,点击「合并形状」--「剪除」
3)然后将这个新的形状,在图层上上移一层,并设置这个形状深色的背景色,并设置透明度为10%左右,这样可以有效遮挡下层,有可以微微透出一些。
![f72dc48b4280cafd07ac2b8f40f945db.png](https://i-blog.csdnimg.cn/blog_migrate/016dc86425adcfb417f6960a19551a75.jpeg)
![b6f6e812dc40235d9c276f44d35281d5.png](https://i-blog.csdnimg.cn/blog_migrate/7c06bb38de408164cd01999e51b04816.jpeg)
![8fbe5eb017a4bb97d76241ef3f69d3e3.gif](https://i-blog.csdnimg.cn/blog_migrate/75770d11261f858292580bfc08cfd55e.gif)
好了,到这里,基本已经完成90%了。
四、复制页面,拖动每个页面的当前页面,然后设置页面切换
有几张图片就复制几次,然后将每一页设置成不同图片为当前展示图片。
![7636d35d6b5ca75d4920ecc536389e23.gif](https://i-blog.csdnimg.cn/blog_migrate/20c3f2ce0b39c5219d3b523046fbb172.gif)
重点来了,通过设置间隔页面之间切换的效果,和延时,就可以达到我要的效果了。
点击菜单「切换」,选「平滑」,设置延时时间和切换是定时切换还是鼠标点击后切换。
![b84150c5c8475c57d7e8e2fb7a1fd2e0.png](https://i-blog.csdnimg.cn/blog_migrate/d1ed79d0ef7462c18b792c868f7a5db0.jpeg)
看动态图,了解具体设置:
![5bf92cce3baabf6a5bc9ac3e4622c657.gif](https://i-blog.csdnimg.cn/blog_migrate/174e3df79b1b8a48eb3278bbb543dcc6.gif)
O啦,大功告成
(本文动态图在Mac+PPT2016下录制,Win系统下,对照使用)
其实要实现这个效果,还有许多其他办法哦?朋友们也来思考下吧。
视频讲解请移步这里-->PPT动画教程视频3-图片切换
写在后面
这里是PPo啦,O啦姐和PP君将会不定时发布关于PPT/PDF和Office使用小技巧哦。
如果您已经看到这里了,麻烦给个关注和点赞吧。
有任何问题需要咨询也欢迎发表评论向我们提出来。