单色统一大法——让素材带点范儿

游戏页面设计时，接到质量不咋地的游戏素材是经常的事情。毕竟有些常规的专题，项目组同事也没用足够的精力放在为页面设计师准备素材上面。别问为什么，因为他们很忙。但每每他们羞答答走过来说素材一般，但他们还是要页面效果高大上的时候，那一双双泪眼里多么希望视觉设计师温柔并坚定地告诉他们“包在我身上。”当然我是不会这么说的，我只会温柔并坚定地说：这素材一般，请对页面的预期别太高。话是如此，但活还是得干好，视觉设计师总是有股让人莫名其妙的执着。

回正题：那该如何高效将不咋样的素材应用起来呢？我这有修得一法，望有助于江湖。

处理前：

处理后：

单色统一大法其实类似我们有时候街拍，有些片子感觉一般，但我们会刻意处理成单色，为了追求想要表达的艺术效果。

好处是可以迅速处理复杂颜色关系。看，黑白照是不是壁格提升了不少？

而页面设计上的色调统一大法，具体是怎么做到的呢。

下面直接上步骤！！！！！！！Let’s go！

1：构图

首先，我们把这个不咋地的素材，先放到游戏的截图里。和环境搭配好构好图。（这里构图其实也包括整体页面构图，因为只重点讲述色调统一大法，先忽略内容部分）。

2：单色处理

构图时，很明显感觉到，素材颜色过于丰富，背景图的颜色也是五花八门，想统一色调却又不知从何开始，这时候，我选择直接黑白化。

3：处理明暗关系

在黑白的基础上，开始处理明暗关系，这一步有点像画素描。我习惯先从大环境着手，绘制光源，因为确定了光源，人物身上应该提亮压暗的部分就更明确。适当加点环境烟雾，让背景更添细节。

背景图处理差不多，可以开始处理人物，需要着重几个点：

A：强化脸部细节；

B：弱化次要部分；

C：与设定光源的融合。

因为本身素材的脸部都有灵魂光效，此处着重加强，强化人物的逆光效果。手段我一般会用白色画笔在提亮处绘制，然后用叠加效果。压暗其他次要部位例如马蹄上的火焰。

4：添加颜色

明暗强化之后，黑白稿开始变得立体，但总不能马上出街见人。还需要点色彩。用画笔工具，在人物脸上以及马头发光部分，画上偏暖色调的光，然后图层混合模式选择“颜色”。

这时候，整体明暗已经调整完，关键部分也有了色彩。我们可以开始为这个专题选一个主色调，为了呼应灵魂骑士团主题，我选了冷绿色（主要还是看专题本身要表达怎样的氛围，去选取适合的颜色）。

具体操作：

A：在顶层新建一个图层。

B：并填充冷绿色。

C：调整图层透明度，我此处设置成50%，图层混合模式依然是“颜色”。

感觉有点味道了，这时候把文字加上，并加上前景的火星，最后整体调整下对比度。

大功告成！！！高效的处理完top视觉，单色统一大法好。

Thanks！