让你的PPT档次直逼海报poster


还记得公子之前分享过的这副设计作品吗

这是设计大师Magdiel Lopez的作品,他的设计大部分都是这种炫酷的切割效果,配色也是相当的大胆有趣!
那公子就想在PPT中是否也可以实现,答案是肯定的,而且操作起来也并不复杂!
比如公子做的这几页效果:



是否有一种直逼海报poster的感觉,所以说这是公子很不愿意分享给你们的一个技巧或思路,哈哈,不存在的!
那今天我就来教大家怎么制作这种“切割”图片
01
规则形状的横版切割
我们以公子做的第一页效果为例,基本都是由一些规则形状的布尔运算得到的,算是一个比较简单的案例!

• 选择图片并确定切割位置
如果你对PS抠图不怎么熟练,那首先就要选择一张适合的png透明底图片,公子之前有分享过该去哪里找!PNG素材哪里找,吐血干货!
那这页效果的图片呢是公子先用PS抠出来的

然后我们要确定切割位置,也是为了后面我要做的形状布尔运算。
这里公子有个小技巧,尽量用形状中的“新月形”来切割,因为它有一定的弧度!

• 切割为N个图片
接下来就是不断重复形状与图片间的“合并形状”操作。
这里需要注意的是,一定要提前原位复制出你所需要的图片及形状数量,比如这里我就分别都复制出了3份!
我用图片1(共有3份)与上方新月形1(共有3份)进行合并形状的相交,注意这里要先点击图片!


为了方便你们了解,我在拆解每一步的时候,都把多余的复制暂时隐藏了,但其实它们都是存在于同一个页面同样的位置!


两次合并形状的操作之后,我们实际上得到的效果是这样的:

到这里我们的图片和两个新月形还各剩一份,我们这回要做的是形状减除!


形状减除的时候同样要先选择图片,后选择形状!如果你是跟着公子在操作,你会发现减除后我们得到的虽然是两个断面,但它依然是一幅图片。
怎么把它们拆开,很简单,原位复制出一个减除后的图片,用两个矩形分别与它们进行形状相交即可!

这样我们就彻底把这张图片切割完成了,为什么不直接用四个形状去切割呢?
因为公子选择的是有一定弧度的新月形,所以很难做到四个弧形完全的贴合,而用这种方法切割出来的图片则是可以做到无缝相连的!

• 制作切割的断面
切割图片其实并不难,只要你能熟练的运用合并形状这个功能!重要的是接下来制作断面的这个部分。
这个部分难的不是技巧,而是一种思路,当我们切割好一张图片后,给它一个适合或者出挑的断面,整个效果就会瞬间“高大上”起来!

在这个案例中,我选择用红色的渐变椭圆做其中的两个断面,而用一个绿色渐变作为中间的部分!


然后我们把三个渐变的椭圆与图片的切割位置重叠!

你会发现切割面暴露在图片之上了,我们在选择窗格里调整一下图片与形状的叠放顺序就可以了!

到这里这个切割的效果我们就制作完成了,最后我们给它加上一个背景及文字部分!

经过公子的拆解之后,有没有觉得其实很简单,还是那句话重要的是你的思路和审美!
02
不规则形状的竖版切割
我们以公子的第二页效果为例,来讲一下断面在不规则的情况下我们该如何处理,其实差别及重点只在一步!

我们借这个例子还是简单再巩固一下之前的操作!
• 选择图片并确定切割位置
第一步操作不变,我们先选择一张图片,如果PS操作不熟练,可以去png网站搜罗一下


因为这步并不是重点,所以公子就简单的抠了一下图,然后我们还是插入两个新月形!

• 切割为N个图片
依然是反复的进行合并形状,并且各部分都记得要原位复制出3份,这里公子就不多啰嗦了!




在两次图片与形状的相交之后,我们得到的结果是:

然后我们把剩余的图片与两个形状进行减除


这个案例因为我只需要把图片切割为3部分,所以到这里就可以了,不需要再去分离减除后得到的图片!

• 制作切割的断面
重点是在制作断面的这个部分,我们还是先插入两个与断面大小差不多的渐变椭圆!



把两个渐变椭圆与切割断面尽量重合!

这里我们会发现是很难做到完全贴合的,因为我们用来制作切割的新月形半径非常大,所以这个弧度我们比较难把控!
这里就涉及到一个技巧——编辑顶点,我们右键选择椭圆,然后进入编辑顶点状态,在保持弧度的前提下去拖拽锚点,使它与切割边缘重叠,是不是非常的简单暴力!

这就是我们在处理一些不规则断面的时候,可以选择的一种简单又直接的方法!

最后我们加上文字部分,一页非常有设计感的PPT就搞定了!

那么公子做的第3页效果,你是不是就可以自己动手试一下了,或者你有更好的创意。

一直都有很多同学在后台给公子交作业,其中有一些设计真的特别棒,公子也在考虑是否以后可以加一个专栏来展示你们的优秀作品!
我很期待这次的作业,不知道你们都会有什么样的创意,等你哦!
OK,那今天就这样了,Good Luck

网友评论