「PPT教程」如何在PPT里“切割”图片
让你的PPT档次直逼海报poster
![](https://img.haomeiwen.com/i8897345/539c694e994756d8.png)
![](https://img.haomeiwen.com/i8897345/28bb70fa88092291.jpg)
还记得公子之前分享过的这副设计作品吗
![](https://img.haomeiwen.com/i8897345/5fe581f4e9e50b23.jpg)
这是设计大师Magdiel Lopez的作品,他的设计大部分都是这种炫酷的切割效果,配色也是相当的大胆有趣!
那公子就想在PPT中是否也可以实现,答案是肯定的,而且操作起来也并不复杂!
比如公子做的这几页效果:
![](https://img.haomeiwen.com/i8897345/1864eabccda5cd12.jpg)
![](https://img.haomeiwen.com/i8897345/09f023536623db60.jpg)
![](https://img.haomeiwen.com/i8897345/92e51e0258234f5a.jpg)
是否有一种直逼海报poster的感觉,所以说这是公子很不愿意分享给你们的一个技巧或思路,哈哈,不存在的!
那今天我就来教大家怎么制作这种“切割”图片
01
规则形状的横版切割
我们以公子做的第一页效果为例,基本都是由一些规则形状的布尔运算得到的,算是一个比较简单的案例!
![](https://img.haomeiwen.com/i8897345/01759cbcb042088b.jpg)
• 选择图片并确定切割位置
如果你对PS抠图不怎么熟练,那首先就要选择一张适合的png透明底图片,公子之前有分享过该去哪里找!PNG素材哪里找,吐血干货!
那这页效果的图片呢是公子先用PS抠出来的
![](https://img.haomeiwen.com/i8897345/7ec45903e8ec9755.jpg)
然后我们要确定切割位置,也是为了后面我要做的形状布尔运算。
这里公子有个小技巧,尽量用形状中的“新月形”来切割,因为它有一定的弧度!
![](https://img.haomeiwen.com/i8897345/0b8396e07b78118c.jpg)
• 切割为N个图片
接下来就是不断重复形状与图片间的“合并形状”操作。
这里需要注意的是,一定要提前原位复制出你所需要的图片及形状数量,比如这里我就分别都复制出了3份!
我用图片1(共有3份)与上方新月形1(共有3份)进行合并形状的相交,注意这里要先点击图片!
![](https://img.haomeiwen.com/i8897345/37ee75e36b7e063e.jpg)
![](https://img.haomeiwen.com/i8897345/5061c97c3841e8c0.jpg)
为了方便你们了解,我在拆解每一步的时候,都把多余的复制暂时隐藏了,但其实它们都是存在于同一个页面同样的位置!
![](https://img.haomeiwen.com/i8897345/8e240daa50258158.jpg)
![](https://img.haomeiwen.com/i8897345/364d84980d938071.jpg)
两次合并形状的操作之后,我们实际上得到的效果是这样的:
![](https://img.haomeiwen.com/i8897345/c94bddb0053dc11d.jpg)
到这里我们的图片和两个新月形还各剩一份,我们这回要做的是形状减除!
![](https://img.haomeiwen.com/i8897345/d9df994089639b61.jpg)
![](https://img.haomeiwen.com/i8897345/24c8eb59f255f09d.jpg)
形状减除的时候同样要先选择图片,后选择形状!如果你是跟着公子在操作,你会发现减除后我们得到的虽然是两个断面,但它依然是一幅图片。
怎么把它们拆开,很简单,原位复制出一个减除后的图片,用两个矩形分别与它们进行形状相交即可!
![](https://img.haomeiwen.com/i8897345/ad1dfcc171ab60d9.jpg)
这样我们就彻底把这张图片切割完成了,为什么不直接用四个形状去切割呢?
因为公子选择的是有一定弧度的新月形,所以很难做到四个弧形完全的贴合,而用这种方法切割出来的图片则是可以做到无缝相连的!
![](https://img.haomeiwen.com/i8897345/f61d9585be737ea8.jpg)
• 制作切割的断面
切割图片其实并不难,只要你能熟练的运用合并形状这个功能!重要的是接下来制作断面的这个部分。
这个部分难的不是技巧,而是一种思路,当我们切割好一张图片后,给它一个适合或者出挑的断面,整个效果就会瞬间“高大上”起来!
![](https://img.haomeiwen.com/i8897345/63526a5863e0f518.jpg)
在这个案例中,我选择用红色的渐变椭圆做其中的两个断面,而用一个绿色渐变作为中间的部分!
![](https://img.haomeiwen.com/i8897345/91f50408f488050c.jpg)
![](https://img.haomeiwen.com/i8897345/0ff19f928651ec59.jpg)
然后我们把三个渐变的椭圆与图片的切割位置重叠!
![](https://img.haomeiwen.com/i8897345/004c6bb1e16a8c48.jpg)
你会发现切割面暴露在图片之上了,我们在选择窗格里调整一下图片与形状的叠放顺序就可以了!
![](https://img.haomeiwen.com/i8897345/5616fda97bb6c2c8.jpg)
到这里这个切割的效果我们就制作完成了,最后我们给它加上一个背景及文字部分!
![](https://img.haomeiwen.com/i8897345/c5bd0987a968e0e7.jpg)
经过公子的拆解之后,有没有觉得其实很简单,还是那句话重要的是你的思路和审美!
02
不规则形状的竖版切割
我们以公子的第二页效果为例,来讲一下断面在不规则的情况下我们该如何处理,其实差别及重点只在一步!
![](https://img.haomeiwen.com/i8897345/e556fd04a4f0b4ad.jpg)
我们借这个例子还是简单再巩固一下之前的操作!
• 选择图片并确定切割位置
第一步操作不变,我们先选择一张图片,如果PS操作不熟练,可以去png网站搜罗一下
![](https://img.haomeiwen.com/i8897345/3eecd6becb31ae04.jpg)
![](https://img.haomeiwen.com/i8897345/1f5bf056703e1814.jpg)
因为这步并不是重点,所以公子就简单的抠了一下图,然后我们还是插入两个新月形!
![](https://img.haomeiwen.com/i8897345/cdd33973f3681aa9.jpg)
• 切割为N个图片
依然是反复的进行合并形状,并且各部分都记得要原位复制出3份,这里公子就不多啰嗦了!
![](https://img.haomeiwen.com/i8897345/de22cb5bb80e3dd0.jpg)
![](https://img.haomeiwen.com/i8897345/cc862c55d1fc0431.jpg)
![](https://img.haomeiwen.com/i8897345/f1297375ece07b32.jpg)
![](https://img.haomeiwen.com/i8897345/e413718a0ed4e135.jpg)
在两次图片与形状的相交之后,我们得到的结果是:
![](https://img.haomeiwen.com/i8897345/4ba4c8792deddffe.jpg)
然后我们把剩余的图片与两个形状进行减除
![](https://img.haomeiwen.com/i8897345/eb11d0140a624c9e.jpg)
![](https://img.haomeiwen.com/i8897345/7bc580d3c2fb6106.jpg)
这个案例因为我只需要把图片切割为3部分,所以到这里就可以了,不需要再去分离减除后得到的图片!
![](https://img.haomeiwen.com/i8897345/46062abb945729a6.jpg)
• 制作切割的断面
重点是在制作断面的这个部分,我们还是先插入两个与断面大小差不多的渐变椭圆!
![](https://img.haomeiwen.com/i8897345/d5b6350c2b8f99ee.jpg)
![](https://img.haomeiwen.com/i8897345/aecfa41b4c0a85cc.jpg)
![](https://img.haomeiwen.com/i8897345/f25696d809a807b3.jpg)
把两个渐变椭圆与切割断面尽量重合!
![](https://img.haomeiwen.com/i8897345/8aa4dc7f7718f2db.jpg)
这里我们会发现是很难做到完全贴合的,因为我们用来制作切割的新月形半径非常大,所以这个弧度我们比较难把控!
这里就涉及到一个技巧——编辑顶点,我们右键选择椭圆,然后进入编辑顶点状态,在保持弧度的前提下去拖拽锚点,使它与切割边缘重叠,是不是非常的简单暴力!
![](https://img.haomeiwen.com/i8897345/feccaf965f9b2729.jpg)
这就是我们在处理一些不规则断面的时候,可以选择的一种简单又直接的方法!
![](https://img.haomeiwen.com/i8897345/bec6cabd9f268657.jpg)
最后我们加上文字部分,一页非常有设计感的PPT就搞定了!
![](https://img.haomeiwen.com/i8897345/bb60f5ff5f930a19.jpg)
那么公子做的第3页效果,你是不是就可以自己动手试一下了,或者你有更好的创意。
![](https://img.haomeiwen.com/i8897345/0f91d5d51dbaea08.jpg)
一直都有很多同学在后台给公子交作业,其中有一些设计真的特别棒,公子也在考虑是否以后可以加一个专栏来展示你们的优秀作品!
我很期待这次的作业,不知道你们都会有什么样的创意,等你哦!
OK,那今天就这样了,Good Luck
![](https://img.haomeiwen.com/i8897345/4958a03d3b555938.jpg)