平面设计教程!5个案例教你运用版面切割设计海报

时间:2022-09-27
类别:平面设计
水平:普通
观众:8.9k
设计师入站必刷的宝藏频道,掌握设计真本领与AI并肩 👉 立即点击

平面设计教程!5个案例教你运用版面切割设计海报

教程作者:大熊(授权转载自公众号:胡晓波工作室

交作业:微博搜索话题 #优设每日作业# 进入话题页即可发布作业

关于教程

“感觉画面太平了...”大家做图的时候是不是经常有这种感受,但是又不知道怎么往下动手,这一期我们就从切割这个方向,来聊聊它在海报设计中的运用,让你的版面多亿点点细节,丰富起来。

平面设计教程!5个案例教你运用版面切割设计海报

平面设计教程!5个案例教你运用版面切割设计海报

找了一些网上使用切割方式做的海报,仔细观察可以看出,它的方式其实都比较简单,用简单的线条,色块来切割版面丰富细节。

平面设计教程!5个案例教你运用版面切割设计海报

光看可不行,赶紧上手整活吧!

案例1 文字切割错位编排

平面设计教程!5个案例教你运用版面切割设计海报

第一个案例是文字为主体的,先选一个无衬线的英文来做主视觉元素,块面的字母即使切割后,形状也仍然是饱满的,画几根线条,阶梯式排布,然后框选对象,进行切割(文字要先扩展哦)。

平面设计教程!5个案例教你运用版面切割设计海报

切割之后的部分进行移动,错位摆放。

平面设计教程!5个案例教你运用版面切割设计海报

这次的主题是爱与自由,听起来就觉得很浪漫,所以我这里用来蓝粉渐变,让画面有一种梦幻感~

平面设计教程!5个案例教你运用版面切割设计海报

接着把中文标题跟重复的英文标题的部分也进行切割,不影响识别度的情况下,进行小部分的切割,切掉的部分也可以不显示,再加入其他的信息完整编排。

平面设计教程!5个案例教你运用版面切割设计海报

平面设计教程!5个案例教你运用版面切割设计海报

主体英文切割部分也可以用不同的颜色,增强层次感,然后再加入一些小装饰元素丰富一下即可。

平面设计教程!5个案例教你运用版面切割设计海报

案例2 色块切割

平面设计教程!5个案例教你运用版面切割设计海报

一般我们拿到信息后,先阅读分析,把文字信息进行层级大小的规整摆放,这样后续版面的处理就简单多了。

平面设计教程!5个案例教你运用版面切割设计海报

然后我们根据文字层级用大小色块对画面进行随意切割,这个过程中结合文字的位置摆放,并进行颜色搭配。

平面设计教程!5个案例教你运用版面切割设计海报

平面设计教程!5个案例教你运用版面切割设计海报

平面设计教程!5个案例教你运用版面切割设计海报

平面设计教程!5个案例教你运用版面切割设计海报

这个时候可以看到画面会有留白的地方,不着急,咱们继续细化,在色块的基础上,增加一些简单的几何图形,线条来丰富版面,简单地说就是哪里空补哪里,so easy!

平面设计教程!5个案例教你运用版面切割设计海报

平面设计教程!5个案例教你运用版面切割设计海报

第二版为了丰富版面,英文部分我也加了一丢丢小切割。

平面设计教程!5个案例教你运用版面切割设计海报

案例3 格子线条切割

平面设计教程!5个案例教你运用版面切割设计海报

接着我们来做一个人物海报,如果你也要做人物海报,不知道怎么下手的时候,就可以试试这个简单的方法。

第一步先抠图,然后填充一个纯色背景。

平面设计教程!5个案例教你运用版面切割设计海报

然后确定构图方式,用简单的上下构图关系就可以,接着我们就可以加入格子框线,把标题文字往里面搁,为了平衡可以来个对角摆放。

平面设计教程!5个案例教你运用版面切割设计海报

好像缺少一丝潮流的赶脚,加入一个蓝橙的渐变色吧,再填充其他的信息,为了灵活版面,我再加入一个手写字,颜色选择背景的橙色,这样不会太抢戏。

平面设计教程!5个案例教你运用版面切割设计海报

继续完善版面,加入其他信息,也同样加入线条来区隔版面信息。

平面设计教程!5个案例教你运用版面切割设计海报

最后就是常规套路,添加一些小元素装饰,丰富版面,就看哪里有空子给我钻。

平面设计教程!5个案例教你运用版面切割设计海报

案例4 人物与色块的切割

平面设计教程!5个案例教你运用版面切割设计海报

人物海报除了线条,当然还可以有色块的切割,这里我们就采用简单的椭圆图形,重复排列得到下图。

平面设计教程!5个案例教你运用版面切割设计海报

这里的切割我们分两次来做,故意让人物有一些错位,版面会显得更灵活一些。

平面设计教程!5个案例教你运用版面切割设计海报

根据图形跟人物的形状,适合居中放置版面中,然后再把其他文字环绕编排即可。

平面设计教程!5个案例教你运用版面切割设计海报

然后可以再叠加一个手写字,跟其他小元素丰富版面,版面下方我重复了一次英文标题,可以让版面层次也多一些。

平面设计教程!5个案例教你运用版面切割设计海报

案例5 多人物切割画面

平面设计教程!5个案例教你运用版面切割设计海报

除了单人物的海报,平时也会有多人物编排的画面需求,所以接着我们就来做一张多人物的版面。

平面设计教程!5个案例教你运用版面切割设计海报

我们先把画面平均切分成若干个小方块。

平面设计教程!5个案例教你运用版面切割设计海报

然后就把人物往里面搁,摆放的时候可以有一些大小变化。

平面设计教程!5个案例教你运用版面切割设计海报

接着来做文字编排+颜色搭配,这次的人物比较有趣,所以也可以在人物上再叠加颜色来增强趣味感。

平面设计教程!5个案例教你运用版面切割设计海报

继续细化,在空白的格子里添加一些几何图形,符号,来丰富版面。

选择多边形工具按键盘上下箭头,画一个12边形的笑脸,再用星形工具按键盘上下箭头画一个多边星形,过程中可以按住【ctrl】键调整星星的尖角角度大小。

平面设计教程!5个案例教你运用版面切割设计海报

平面设计教程!5个案例教你运用版面切割设计海报

最后把案例再展示一遍,大家一起上手练起来吧!

平面设计教程!5个案例教你运用版面切割设计海报

平面设计教程!5个案例教你运用版面切割设计海报

平面设计教程!5个案例教你运用版面切割设计海报

平面设计教程!5个案例教你运用版面切割设计海报

平面设计教程!5个案例教你运用版面切割设计海报

平面设计教程!5个案例教你运用版面切割设计海报

平面设计教程!5个案例教你运用版面切割设计海报

看到努力练习的你,我留下了热忱的泪水!

欢迎关注作者的微信公众号:「胡晓波工作室」

平面设计教程!5个案例教你运用版面切割设计海报

想要来「优优自学团」和500位小伙伴一起交流学习进步吗?
添加管理员微信:uisdc5 备注「优优自学团」(无备注不通过哦)

学完这篇教程的人还在学…

11 收藏 50

非特殊说明,本站 UiiiUiii.com 上的教程均由本站作者及学员原创或翻译,原作品版权归属原作者,转载请联系 @优优教程网 授权。

转载时请在文首注明,来源 UiiiUiii.com 及教程作者,并附本文链接。谢谢各位编辑同仁配合。UiiiUiii 保留追究相应责任的权利。

复制本文链接
img

发表评论 快来秀出你的观点

还可以输入 800 个字
yzm
 
 
加载更多评论
没有更多评论了

优优教程网 365 天打卡计划

点击 #优设每日作业# 进入微博超话页面,上传并发布你的练习作业,话题微博格式【 优优教程网365打卡计划 – DAY 01 】,优秀作业将有机会被 @优优教程网 官方微博转发点评。

/

支持键盘 ← → 键翻阅图片