瀛︽捣鎶ヨ璁′竴瀹氳楂樻繁鐨勬妧宸у悧 (澧ㄨ█鏁欒偛骞抽潰璁捐)

哈喽,大家好!你有没有做海报的时候不知道如何下手?而其中背景的创建往往是非常重要的一步,如何快速创建一个背景?这就是我们本篇要聊的“色块背景法”。

澧ㄨ█鏁欒偛骞抽潰璁捐,瀛︽捣鎶ヨ璁′竴瀹氳楂樻繁鐨勬妧宸у悧

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

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

澧ㄨ█鏁欒偛骞抽潰璁捐,瀛︽捣鎶ヨ璁′竴瀹氳楂樻繁鐨勬妧宸у悧

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

澧ㄨ█鏁欒偛骞抽潰璁捐,瀛︽捣鎶ヨ璁′竴瀹氳楂樻繁鐨勬妧宸у悧

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

澧ㄨ█鏁欒偛骞抽潰璁捐,瀛︽捣鎶ヨ璁′竴瀹氳楂樻繁鐨勬妧宸у悧

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

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

澧ㄨ█鏁欒偛骞抽潰璁捐,瀛︽捣鎶ヨ璁′竴瀹氳楂樻繁鐨勬妧宸у悧

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

澧ㄨ█鏁欒偛骞抽潰璁捐,瀛︽捣鎶ヨ璁′竴瀹氳楂樻繁鐨勬妧宸у悧

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

澧ㄨ█鏁欒偛骞抽潰璁捐,瀛︽捣鎶ヨ璁′竴瀹氳楂樻繁鐨勬妧宸у悧

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

澧ㄨ█鏁欒偛骞抽潰璁捐,瀛︽捣鎶ヨ璁′竴瀹氳楂樻繁鐨勬妧宸у悧

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

澧ㄨ█鏁欒偛骞抽潰璁捐,瀛︽捣鎶ヨ璁′竴瀹氳楂樻繁鐨勬妧宸у悧

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

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

澧ㄨ█鏁欒偛骞抽潰璁捐,瀛︽捣鎶ヨ璁′竴瀹氳楂樻繁鐨勬妧宸у悧

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

澧ㄨ█鏁欒偛骞抽潰璁捐,瀛︽捣鎶ヨ璁′竴瀹氳楂樻繁鐨勬妧宸у悧

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

澧ㄨ█鏁欒偛骞抽潰璁捐,瀛︽捣鎶ヨ璁′竴瀹氳楂樻繁鐨勬妧宸у悧

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

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

澧ㄨ█鏁欒偛骞抽潰璁捐,瀛︽捣鎶ヨ璁′竴瀹氳楂樻繁鐨勬妧宸у悧

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

澧ㄨ█鏁欒偛骞抽潰璁捐,瀛︽捣鎶ヨ璁′竴瀹氳楂樻繁鐨勬妧宸у悧

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

澧ㄨ█鏁欒偛骞抽潰璁捐,瀛︽捣鎶ヨ璁′竴瀹氳楂樻繁鐨勬妧宸у悧

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

澧ㄨ█鏁欒偛骞抽潰璁捐,瀛︽捣鎶ヨ璁′竴瀹氳楂樻繁鐨勬妧宸у悧

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

澧ㄨ█鏁欒偛骞抽潰璁捐,瀛︽捣鎶ヨ璁′竴瀹氳楂樻繁鐨勬妧宸у悧

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

澧ㄨ█鏁欒偛骞抽潰璁捐,瀛︽捣鎶ヨ璁′竴瀹氳楂樻繁鐨勬妧宸у悧

澧ㄨ█鏁欒偛骞抽潰璁捐,瀛︽捣鎶ヨ璁′竴瀹氳楂樻繁鐨勬妧宸у悧

接下来看第四个案例。

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

澧ㄨ█鏁欒偛骞抽潰璁捐,瀛︽捣鎶ヨ璁′竴瀹氳楂樻繁鐨勬妧宸у悧

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

澧ㄨ█鏁欒偛骞抽潰璁捐,瀛︽捣鎶ヨ璁′竴瀹氳楂樻繁鐨勬妧宸у悧

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

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

澧ㄨ█鏁欒偛骞抽潰璁捐,瀛︽捣鎶ヨ璁′竴瀹氳楂樻繁鐨勬妧宸у悧

最后填充标题及剩余文字信息即可。

这个案例就完成了。

澧ㄨ█鏁欒偛骞抽潰璁捐,瀛︽捣鎶ヨ璁′竴瀹氳楂樻繁鐨勬妧宸у悧

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

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

澧ㄨ█鏁欒偛骞抽潰璁捐,瀛︽捣鎶ヨ璁′竴瀹氳楂樻繁鐨勬妧宸у悧

澧ㄨ█鏁欒偛骞抽潰璁捐,瀛︽捣鎶ヨ璁′竴瀹氳楂樻繁鐨勬妧宸у悧

澧ㄨ█鏁欒偛骞抽潰璁捐,瀛︽捣鎶ヨ璁′竴瀹氳楂樻繁鐨勬妧宸у悧

澧ㄨ█鏁欒偛骞抽潰璁捐,瀛︽捣鎶ヨ璁′竴瀹氳楂樻繁鐨勬妧宸у悧