你好,我是帅陈西。


到底是什么样子的技巧,可以直接让你的PPT效果炸裂呢?


没错,就是穿插效果。前几天公众号小伙伴问我关于穿插的一些设计教程。


于是帅陈西决定讲一讲穿插的设计效果。穿插效果使用好的话,可以让你的PPT快速提升一个档次。


穿插的效果就是一个元素穿过某些元素,一些部分露出,一些部分被遮挡,形成了更好的层级感和设计效果。


嗯,可以这样子理解。


我们还是直接用案例来说明,展示不同的穿插设计效果,这样更方便大家理解。


▌图片和文字穿插



这个案例就是使用了明显的图文穿插的效果,给人一种比较强的层级感和设计感。


一起来思考一下:这里的文字和图片是怎么进行穿插操作的?


我们将中间穿插设计的部分拿出来。如下:


可以看到,这个人物是被文字环绕的。


我们继续拆解一些中间人物和文字穿插设计的部分。如下:


这样就看得很清楚了,由三层元素叠加裁剪对齐后得到的。


第一层元素是一个完整的环形文字,第二层元素是人物,第三层元素是裁剪后的部分文字。


第三层文字元素可以将中间层的元素进行遮挡,和第一层元素直接拼接上。从而形成这样的穿插效果。


穿插效果设计的核心是什么?


那就是元素的叠加以及层级关系的调节。


我们来具体看一下。如下:


不同的元素相互叠加,那么就会出现遮挡,形成层级关系。要么在上面要么在下面。


那么怎么去调节元素之间的层级关系呢?


第一:在开始选项卡右侧的排列里面,可以进行元素层级关系的调节,记得选中元素后调节。


第二:开始选项卡右侧的选择窗格可以打开,在里面可以按住拖动来调节层级关系。


第三:选中元素之后,在出现的格式选项卡里面可以直接调节层级关系。


明白了这些就很好做穿插效果啦。


我们再看一些图文穿插的案例效果。如下:


这个案例也是图文穿插的,图片在两个文字之间,一个文字在下方,一个文字在上方。


拆解出来看一下。如下:


形成了三层的层级关系。而在设计中,一般层级关系越丰富,设计的效果给人的整体设计感就会更好。


再看一个图文穿插的案例。如下:


这里的文字部分也用了一丢丢的图文穿插效果。


图文穿插还有各种的不同类型和设计方式,大家可以做更多案例。


▌图片和形状穿插


这个案例展示的就是图片和形状之间的穿插设计。


有三处的穿插设计,比较有立体感,而设计的关键仍然是调节层级关系。


当然,本身的设计美感和整体效果这些基础的还是需要照顾的,不能只为了层级而设计层级。


拆解一下这里的层级关系。如下:


有时候我们需要通过裁剪,调节层级关系来形成这种穿插效果。比如这里的火烈鸟。


有时候可以直接调节三个元素的层级关系。比如这里面两处花的穿插效果。


▌图片和线条穿插


图片和线条穿插其实也是类似的操作。


需要裁剪的地方进行裁剪,调节层级关系,调整叠加,形成穿插的效果。


我们拆解看一下。如下:


可以很清楚地看到这里的裁剪关系和叠加关系。


当然,我们还可以设计更多的案例。如下:


这两个PPT设计的案例中,都是用了图片和线条的穿插效果的。大家可以根据这个思路继续设计哦!


▌图片和图片穿插


这一个案例中是图片和图片的一个穿插效果设计。


使用了手机的样机模型,再加上穿插的设计,整理效果是很好的。


拆解看下细节。如下:


第一层也是最底层的是人物,第二层是手机样机模型,然后再裁剪出需要遮挡住手机边框的那个裙子部分,叠加上去作为第三层。


这样,一整个的穿插效果就设计好啦。


同理,可以设计更多的效果案例。如下:


手机模型加上穿插的效果,会很有冲击力,这种设计手法可以记住哦!


▌文字和形状穿插


思路还是一样的,叠加元素,调节层级关系。


看下拆解图。如下:


对,就是中间这个虚化了的球球和文字之间,是形成了一个穿插的效果的。


再看一个案例。如下:


这个案例中,青春的春字左侧和形状也是一个穿插的效果。


通过这些案例的实际结合,相信可以给到大家更好的体会去理解穿插效果。


另外,虽然案例展示比较多,但也不是全部,还有很多其它的穿插效果设计的,大家可以开拓思维去探索。


这就是本期的分享啦,满满的干货。还有什么想学的赶快去下方评论区写上


创作不易,还请分享,点赞,给我支持呢,一起进步。


以上。