设计运用中你必须知道的破局处理

时隔些许，我回来咯，抗着一麻袋的知识点回来咯~

不知道你们有没有听过这样一句话，设计来源于生活又高于生活，我们也需要有一双善于发现美的眼睛；在日常工作中，你是否会出现看到版面无从下手？？？那么接下来，请先看这几张GIF图片，看完告诉我你所想的~

还有一张，我怕你们看了会羞羞，但是，还是忍不住想要分享给你们~嘿嘿~

好啦，相信你们看了之后，最大的感受还是震撼和冲击力，那咱们可以观察一下，为什么看完后会产生这样的感觉，这几张图的处理手法都运用了破局；那么，这种处理手法咱们也可以运用到我们实际的版面中，也别有一番风味！那接下来我们一起看看吧~

01.这是一把平平无奇的椅子，也是咱接下来的小主角~

02.我们给他添加 一个色块置于产品后方，再给色块添加一点投影，增添前后层次关系

03.这个时候不妨想想我们刚刚所看的GIF动图，怎么运用到我们的版面之中；我们可以把色块的高度减少一些，将产品露出来，像是叠压在色块上一样

04.再将文案信息编排上，版面就完成啦~

05.当然我们再沿用一下破局的处理，也可将我们的按钮色块进行破局处理~

06. 也可以把色块的位置进行调换，来个左右构图也别有新意~

07.当然我们的色块也可换成文字，构图形式不变，变换的是里面的表达形式；这也是我们平常做页面或者看图的时候，要将事物平面化的原因和好处~

08.是不是来感觉了（娇羞……）那我们就趁热打铁，继续冲冲

这是一张帅气的厨师人物照片，这样看他似乎不好处理，下半身被切割开了，别急，我们可以运用今天所讲的知识点给他改造一番！

09.将人物全部扣取出来，画一个圆角矩形叠压在人物后面，给人一种人物从框里突破出来的感觉，版面瞬间活泼了起来~

10.再编排上文案信息饱满内容，就欧拉~

11.还是这个人物图片，我们继续给他处理，换一种形式，换汤不换药~同样的色块我们给他置于人物前面

12.我们可将人物手肘位置突破出来，这样能很好的将人物和图片进行结合~也具有前后层次关系，再给手肘下方添加一个投影，让画面更加真实~再编排上文案信息，让版面更加完整~

13.当然，我们不仅仅可以用图片来进行破局处理，文字也是如此，这同样是一个普普通通的字母A

14. 接下来我们将黑人小哥剪切进去A里面，给我们普普通通的字母赋予生命力

15.直接剪切进去效果虽好，但我们可以将版面再次进行破局处理，将黑人小哥往左边移动一些，利用字母的形态和人物的手部姿势，刚好可以契合上字母A的形态，浑然天成，何乐而不为呢~

16.给版面编排上文案信息，再添加上一点点元素进行装饰就好啦~

相信大家现在对于破局处理有了一定的认知和了解，那么我们可以来个稍微复杂一点的版面实际演练一下~

01.嘿嘿，又是我们的黑人小哥出场啦，小哥将作为我们版面的人物模特

02.为了更好的处理人物，我们可将模特扣取下来，置于版面之中

03.模特自身颜色较为丰富，可给他进行去色处理，这里有个小技巧；通常我们去色是直接Ctrl+Shift+U去色，这样去色图片会有点偏灰，下面我教给大家另外一种方式，能保留图片更多细节

首先，打开我们的模特图，Ctrl+Alt+2调出高光，并Ctrl+C复制一层，将图层模式改为滤色

04.再选中模特图层，Ctrl+Alt+2调出高光并Ctrl+Shift+I反向，并Ctrl+C复制一层，将图层模式改为正片叠底

05.再Ctrl+Shift+Alt+E盖印一层，执行Ctrl+Shift+U去色，这样一番操作下来，相比直接去色是会保留原图的更多细节，我们可以对比看看~

06.模特处理好后直接大图铺底平平无奇，我们可以利用上面所讲，给模特做些突破；将模特缩小一些，因为本身图片的缺陷，人物下半身并不完整，这个时候我们可以在背后添加一个色块，让模特从色块中突破出来，有张力的同时也能弥补图片的缺陷~

07.版面为上下构图，将文案信息编排好置于下方

08.将剩余信息编排置版面内，让版面更加丰富

09.再给画面添加一点点缀色，用一个手写体英文增添活跃度

10.找一张塑料薄膜的素材，叠放至背景，适当降低不透明度，给背景增添质感~

11.也可继续丰富背景，找一张纸张的纹理，叠于背景，将图层模式改为线性光，用曲线适当压低暗部，保留一点细节即可，也可适当降低不透明度

12.也可找张碎光的素材，图层模式改为滤色，利用曲线压低一些暗部，放置版面中，增添细节

13.再用Camera滤镜适当调整至所需效果即可完成啦~

话不能停，手也不能停，咱们继续哈~

1.掌声欢迎我们的酷小姐登场，一起来看看用这个模特可以怎么编排~

2.首先我们观察一下这张模特图，背景大面积留白，可大图叠底，上方放置文案信息，先依照这个构思编排好~

编排好后发现画面略显平淡，那可以尝试把人物突破出来，先将人物扣取出来，换个背景底色

2.扣取出来后，整体画面透气了许多

插播一下哈，我们在扣取人物图片，特别是带有发丝的时候，这里有个小技巧教给大家

先打开人物图，将边缘清晰的地方用钢笔工具扣取，头发丝的位置可先贴着一些发丝边缘位置，粗略扣取；再Ctrl+回车转换成选区~

敲重点啦！在选区状态下切换M工具，工具属性栏上有个选择并遮住，点击选择并遮住，在弹出来的属性框里面，调整边缘检测和净化颜色

边缘检测：可勾选智能半径，给你自动检测发丝边缘，也可调整数值来达到效果；上方的视图模式可根据个人习惯调整一个喜欢的即可

净化颜色：可以把边缘扣取后有点泛白的位置进行填补，数值建议不用给的很高，根据实际情况来具体调整即可

3.继续回到我们的版面当中，我们可在人物后面添加一个圆环，符合女性属性，也能和模特进行前后穿插

3.也可以利用重复原则，将圆环在画面中进行重复

4.在版面添加一点修饰元素，如手写体英文丰富画面

5.再找一张纸张的纹理，Ctrl+Shift+U去色置于背景层，给背景增添细节

06.整体盖上一层薄膜素材，添加蒙版，进行适当擦除，再用Camera滤镜适当调整至所需效果即可完成啦~

看完赶紧行动起来叭~期待下次与你们相见~