平面设计教程!教你快速学会色块背景构图法

类别:平面设计
水平:普通
观众:1.5w
设计师入站必刷的宝藏频道,掌握设计真本领与AI并肩 👉 立即点击

平面设计教程!教你快速学会色块背景构图法

教程作者:王猛奇(授权转载自公众号:胡晓波工作室

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

一、关于教程

哈喽,大家好!你有没有做海报的时候不知道如何下手?

而其中背景的创建往往是非常重要的一步,如何快速创建一个背景?这就是我们本篇要聊的“色块背景法”。

平面设计教程!教你快速学会色块背景构图法

我们先来看一些参考,观察一下它们设计上的“通性”。

这里我们主要观察人物的背景,可以看到,它们都采用了不同形状的色块作为人物的背景进行结合,这样做有一个非常好的优势,就是构建画面的层次,在大背景和人物之间做一层色彩,使画面更加丰富。

平面设计教程!教你快速学会色块背景构图法

二、实操案例

既然了解了原理,我们就准备撸起袖子操作一下,先来看第一个案例。#01 第一个案例

平面设计教程!教你快速学会色块背景构图法

先找到一个图片素材,抠图去底。

平面设计教程!教你快速学会色块背景构图法

然后处理成黑白色调即可。

给一个黑色背景,这里就可以看到,纯黑色的背景是非常单调的,所以我们在人物的后面加一层图形色彩。

平面设计教程!教你快速学会色块背景构图法

现在画面的层次感就出来了。这里我加了橙色,跟黑色之间有强烈的对比。

平面设计教程!教你快速学会色块背景构图法

纯色块显得单调,所以在色块上加一层英文描边字体,然后排上标题及其他信息。

平面设计教程!教你快速学会色块背景构图法

继续优化细节,目前画面细节不够,加几个图形标签进来,优化画面的层次感即可,这个案例就完成了。

平面设计教程!教你快速学会色块背景构图法

继续,我们接着看第二个案例。#02 第二个案例

平面设计教程!教你快速学会色块背景构图法

老规矩,先找到一个图片素材,抠图去底。

有人要问了,为什么非得去底?你傻呀,不去人物后面怎么放色块?

平面设计教程!教你快速学会色块背景构图法

将人物放在椭圆中,椭圆后面再加一层颜色,强化细节,人物背后加一层放射线条,细化背景层次。

平面设计教程!教你快速学会色块背景构图法

底部加英文描边字,椭圆上面加一些点缀的图形,使画面更加整体。

平面设计教程!教你快速学会色块背景构图法

最后,加上标题及其余补充信息,注意这里我加了几个红色图形和背景进行呼应,在版面中,色彩尽量有补充关系。

包括绿色图形,在标题的下划线也呼应一下。

平面设计教程!教你快速学会色块背景构图法

前两个案例的背景图形都是几何形状,第三个案例可以使用一下不规则的图形。#03 第三个案例

平面设计教程!教你快速学会色块背景构图法

老规矩,先找到一个图片素材,抠图去底。

平面设计教程!教你快速学会色块背景构图法

使用钢笔工具给一个描边背景,这个图形偏涂鸦随意一些,背景处理渐变色彩即可。

平面设计教程!教你快速学会色块背景构图法

这种随意的图形色块也可以平时多看一些参考进行收集,在做的时候,一些基本的变化可以多找找,下面是我找的一些参考可以看一下。

平面设计教程!教你快速学会色块背景构图法

最后,添加标题及剩余文字信息,这里整体风格属于清新风格,所以搭配宋体和衬线体合即可。

平面设计教程!教你快速学会色块背景构图法

接下来看第四个案例。#04 第四个案例

平面设计教程!教你快速学会色块背景构图法

抠图去底,给一个浅灰色的背景。

平面设计教程!教你快速学会色块背景构图法

先不着急背景放色块,我们先做一个文字平铺的背景即可。这里的文字可以偏潮流感一些,使用粗体文字。镂空和填充文字搭配,做出对比感。

平面设计教程!教你快速学会色块背景构图法

接下来就可以在人物的背后放置色块,选择人物眼镜上的橙色,黑橙搭配很符合潮流的调性。

现在画面就等于有了两个层次。

平面设计教程!教你快速学会色块背景构图法

最后填充标题及剩余文字信息即可,这个案例就完成了。

平面设计教程!教你快速学会色块背景构图法

三、最终效果图

最后再来看一下所有案例合集。

平面设计教程!教你快速学会色块背景构图法

平面设计教程!教你快速学会色块背景构图法

平面设计教程!教你快速学会色块背景构图法

平面设计教程!教你快速学会色块背景构图法

本篇教程就结束了,拜拜~

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

平面设计教程!教你快速学会色块背景构图法

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

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

18 收藏 57

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

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

复制本文链接
img

发表评论 已发布 1

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

优优教程网 365 天打卡计划

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

/

支持键盘 ← → 键翻阅图片