有很多人问我怎么将作品颜色做的那么的层级渐进关系的。自己尝试着尽自己最大能力去解释一些工具和技巧的使用。在工作中通常涉及到颜色的处理工作,其中或许有些是有用的。
曾经我也是工作在平面设计的世界中,在设计月刊中的图像时,我们需要克服的主要障碍就是拍摄不同的photoshoots并再配一些文章。
为了使故事得到某种形式的连贯性,我们就需要做一些主要的拍摄照片进行颜色分级,这是一个相当痛苦的活,通常会有一些夸张的色调要使用适当的编辑,也有一些情况需要完全的重新的着色。
从那时起,我采取一些自己所学到的,并试图重新利用一些技巧来捕捉叙事色调和定义这个大世界,作为一个集中工作中的唯一的调色板。
色彩占我们工作沟通中的很大一部分。正确的基调可以通过创建一个深色彩的背景来暗示给人大气氛围,而搭配的颜色不和谐,会在叙事中产生违和感,因此对于获得正确的色彩显得至关重要,有了它,就可以直接或间接的暗示我们的用户。
让我来列举一个例子,不同颜色对同一事物的影响:
尽管这两个播放器在相同的图片中,但是左边的设备不会感到一种特定的时间段。颜色是简单明了的调子,灰色元素是纯粹的灰度。与之相反,我们已经应用到合适的颜色在刻录机上,显得就更加的复古。
这就是色彩的直接结果。
对于这种学习训练,我们不需要对颜色的分级有太具体的技术性要求。主要是因为我们知道,如果你正在寻找一些额外的纯色的影响。就一定要检查色板。
相反,我们也可以通过学习以下几步来促进自己提升,在某种情况下可以创建更多的令人愉悦色彩的调色板。尽管这不是万能的,但是这是一个开始。
设置一个调色板
一般情况下,我会开始建立自己的调色板插画,在这一阶段中,通常不会太担心这些颜色,因为我更加感兴趣是颜色本身。也就是说,如果我使用橙色、蓝色和一个黑色。那么很可能我使用任何和橙色、蓝色或黑色的相关色,我知道这样我可以方便进行后期的调色板制作。所以,在这一点上,不是说自己想怎么就可以怎么样,而是来自于你的默认调色板。
在下面这个例子中,我直接使用默认的调色板,只是为了说明如何对颜色进行分级并做一些改变。
下面我们由此建立一个真实的例子,以供参考。
如果说在工作需求上没有明确指明,那么上面的颜色可以很好的建立一个游乐场的主要颜色。而对于我自己而言,最好的方法还是要看与人相关的颜色,当创建色板时,最好每个颜色都设计至少一点,并和其他的颜色进行集合。下面的案例就是我放在一起的情况。
现在我们已经有一些 色彩的原理和场景已经需要说明,那就让我们一起把它们转到photoshop中来启动调色板进行分级,就会多一些视觉上的趣味性。
用photoshop的图层进行调整
1、曲线:控制图像色调范围的图层。
2、色阶:通过调整图像的阴影,中间色调和高光的程度来调整图像的色彩范围和色彩平衡的曲线图。
3、可选颜色:通过通道调整直接作用的一个指定颜色。
对于这三个也不是唯一的工具。而我们也可以使用photoshop中色阶进行调整。如下图,我们可以直接进入到曲线中进行相关操作。
调整曲线
这里很重要,我们可以看到曲线的控制器使用,虽然不会一次性的完成所有的控制。但是对于本例子中的目睹是学会使用通道中rgb模式及曲线图,从图中可以看到一条左下右上的线条。
我们将会在rgb通道中进行控制,首先选择红色的通道进行操作,以此分级的处理,让我们达到自己所希望要的效果。
对于上面的例子我们只使用了红色通道,那么下面的案例我们可以看到其他的使用,由于我自己比较喜欢蓝色,所以可以使得背景更加深色,而丰富紫色和蓝色,从而使的暖色变成了亮点。
另外在调整曲线的时候,最好使用预览工具。还有就是没有使用限制,就会很难进行比较精细的调整,我们可以采用一种方法就是:先设置两个锚点,然后再两点之间进行细致的调整。这样的话可控性就要更加强一些。
左图:我们默认的颜色调色板的原始图像。右图:用颜色分级的曲线调整层提出了同样的图像。
调整色阶
和曲线的调整有相似的地方,这次控制图像不是通过线条,而是滑块来影响阴影、中间调、和高光的范围。
在上图中有两个红色的滑块,从左到右会影响到阴影和高光的输出。当然并不是所有的都适合色阶,只是它可以让我们更加快速的达到效果。
同样我们看到右边的图片中的rgb三种通道,依然会彼此孤立互不影响。这里有两点需要记住:我们主要是调整高光和阴影的最暗的地方以及最亮的地方。当然这样做会影响到那些浅色和深色的“真实性”,这也就意味着黑的地方不是全黑,白的地方不是全白。
举例来说,如果我们在蓝色通道内滑动黑色的滑块,那么就会看到受到蓝色影响的阴影和高光将会逐渐变多,蓝色更多了,从本质上讲,整个图像中,除了白色,洪水部分全部变成蓝色,因为我们只会影响到相比较于蓝色,最暗的部分。
相反,如果右边推动白色滑块,将会改变那些视为白色的颜色区域。也就是减少了蓝色。
注意:上面的这些事例只是做一些改变,而我们可能只是需要调整一些亮度和对比度。
左上图:我们默认的颜色调色板的原始图像。上右:用颜色分级的色阶调整层提出了同样的图像。
可选颜色
这一步也是最难的部分,因为它更多的是一种感觉。虽然曲线和色阶可以做到很多,可以当创建调色板的时候,不管怎样使用上面工具进行控制,颜色或许还是会显得格格不入。是否还记得我们提出使用一种模式将多种颜色进行单一的集合。让我们通过曲线或是色阶来检查吧。
这些图片都集中在一起了,就会感觉是红色是主要颜色,如果我们可以纠正一下红色,那么就更好一些了。
在这种情况下,颜色选择器就是我们需要寻找的工具,有了它我们可以选择一下单一的颜色,并在图层中单一的操纵它。
从颜色的下拉列表中,可以看到自己要调整的色彩,从cmyk的百分比值进行增加或删除指定的颜色值。
到时候就不得不通过直觉来选择颜色,而在很多情况下,这种感觉需要多次调整他们的一致性和准确度,使用好它,利用它。
现在我们通过这篇文章看到很多实际案例,这也是我自己经过这么长时间的积累,希望能对你起到一些帮助。如果没有那就深表遗憾。我们或许已经读了很多这类型的文章,不管是多少条。但是它们并没有在自己的工作中产生作用,只是把玩一下一些技术和色彩搭配而已。
但是我们还是应该坚持,因为通过这些案例,在图层上不断的叠加再叠加,或许不会达到自己的预期,但是经过不断试验后,你会发现很多色彩组合。
下面是我使用了上面的方法建立的原始默认色板层。
这只是一个试验,目的是通过这种方法,写出需要的文字和建设场景,测试出他们对各种跨媒体的背景感受,注意如何吸取元素并进行缩放,有了这些体验,就会发现调色板很有趣。
所以,多多尝试着走出去,开始以自己的方式在此基本上,做出全新的自己。
作者:Justin Mezzell
https://medium.com/@JustinMezzell/how-i-work-with-color-8439c98ae5ed#.l49ry1idi
网友评论