0
点赞
收藏
分享

微信扫一扫

PS调色技巧及HSB调色原理

PS调色技巧及HSB调色原理_滑块

HSB色彩模式以人类对颜色的感觉为基础,描述了颜色的三种基本特性。它以色度(H)、饱和度(S)和亮度(B)来描述颜色的基本特征,为将自然颜色转换为计算机创建的色彩提供了一种直接方法。在进行图像色彩校正时,经常都会用到色度/饱和度命令,它非常直观 [3]  。

组成

在 HSB 色彩模式中,H代表色相(色度),S代表饱和度,B代表亮度 [4]  。色相(色度)就是纯色,即组成可见光谱的单色,红色在0°,绿色在 120°,蓝色在 240°。它基本上是 RGB 模式全色度的饼状图 [4]  。饱和度代表色彩的纯度,为零时即为灰色。白、黑和其他灰度色彩都没有饱和度。最大饱和度时是每一色相最纯的色光 [4]  。亮度是指色彩的明亮度。为零时即为黑色。最大亮度是色彩最鲜明的状态 [4]  。

原理

虽然HSB模式对大多数人来说都比较陌生,但这却是比RGB和CMYK模式更直观,更接近人们视觉原理的色彩模式。人脑在辨别颜色时,不会把色光分解成R,G,B或者C,M,Y,K几种单独颜色,而是按照色度、饱和度和亮度判断的 [5]  。​​PS调色技巧及HSB调色原理_滑块_02​​HSB色彩模式

色度

色度(H):对于一个给定的对象,可以谈论其各个部分的固有色分布是什么。而对于每一个部分,一种颜色的不同色相间存在对比。将某个色相与其他色相比较时,需要使用色相值 [6]  。

饱和度

​​饱和度​​(S):在色彩领域,纯色相具有完全的饱和度,换句话说,他们的色彩强度是最大的,但我们在生活中所见的大部分的色彩都比这种色彩的饱和度低,一直低到完全没有色彩饱和度的灰色。在前文中我们看到原色色相和大部分不加任何限定词的色彩(例如说“蓝色”,而不说“钴蓝”)是完全饱和的,对于这些色彩来说,任何变化都只有一个方向——向灰变化。在自然界里,尤其是在规模更大的景观或风景全貌中,大部分的色彩都是不饱和的 [7]  。

亮度

亮度(B):亮度则是指被摄物体在光源条件下反射出的光的明暗程度,亮度在概念上对应着光源的反射光。亮度的单位是坎德拉除以平方米。亮度的强度也跟光源的强度有关,光源越强,亮度越高,反之则越低。亮度还与被摄物的反光率有关,在同样的光照条件下,物体反光率越高,亮度越高,反之则越低 [8]  。​​PS调色技巧及HSB调色原理_图层_03​​区别

色彩原理

​​​​​​​​色彩是光照射到物体上,经过物体的反射或透后,到达人的视觉器官一眼睛而引起的一种感官效由于不同的物体所选择吸收的光的频率不同,对人产生的刺激也不尽相同,因而我们才能认知所生活五彩缤纷的世界。由此可见,光和色彩是紧密联系的。HSB色彩模式被称作最接近人眼睛的色彩模式 [9]  。

色彩调节

几乎所有的彩色原稿或图像都可以被划分为三个区域高光区( Highlights)、中间调( Midtones)、暗调区( Shadows)。进行色彩调节主要是针对这三部分来完成的 [9]  。(1)高光区:指图像中最亮的部分,为白色或接近白色(0%~25%) [9]  。(2)暗调区:指图像最暗或最黑部分(75%~100%) [9]  。(3)中间调:图像中网点百分比在25%~75%之间基本上被划分为中间调 [9]  。以上区域的划分是以CMYK网点百分比为基准 [9]  。

相关色彩模式

​​​​在PhotoShop中,颜色模式是一个非常重要的概念。只有了解了不同颜色模式才能精确地描述、修改和处理色调。PhotoShop提供了一组描述自然界中光和它的色调的模式,通过它们可以将颜色以一种特定的方式表示出来,而这种色彩又可以用一定的颜色模式存储 [10]  。

HSL色彩模式

是HSB色彩模式的扩展,它是由色度(Hue)、光度(Lightness)和饱和度(Saturation)这3个要素所组成的。色度决定颜色的面貌特质;光度决定颜色光线的强弱度;饱和度表示颜色纯度的高低。在HLS色彩模式中,色度可以设置的色彩范围数值在0~360;光度可设置的强度范围数值在0~100;饱和度可设置的范围数值在0~100。如果光度数值为100,那么所表现出的颜色将会是白色;如果光度数值为0,那么所表现出的颜色将会是黑色 [11]  。

Lab色彩模式

常被用于图像或者图形的不同色彩模式之间的转换,通过它可以将各种色彩模式在不同系统或者平台之间进行转换,因为该色彩模式是独立于设备的色彩模式。L(Lightness)代表光亮度强弱,它的数值范围在0~100;a代表从绿色到红色的光谱变化,数值范围在-128~127;b代表从蓝色到黄色的光谱变化,数值范围在-128~127 [11]  。

灰度模式

一般只用于灰度和黑白色中。灰度(Grayscale)模式中只存在有灰度。也就是说,在灰度(Grayscale)模式中只有亮度是惟一能够影响灰度图像的因素。灰度模式中,每一个像素用8位的数据表示,因此具有256个亮度级,能表示出256种不同浓度的色调。当灰度值为0时,生成的颜色是黑色;当灰度值为255时,生成的颜色是白色 [11]  。

索引颜色模式

索引颜色模式最多不超过256种颜色,因此会有图像失真的现象,多用于多媒体动画或Web页。索引模式是根据图像中的像素来统计颜色的,它将统计的颜色定义成一个“颜色表”( CLUT,Color Look-up Table),用以存放并索引图像中的颜色。如果原图像中的某种颜色没有出现在该表中,则程序将选取现有颜色中最接近的一种,或使用现有颜色模拟该颜色 [2]  。索引模式的图像文件数据量非常小,大概只有RGB图像大小的三分之一,所以经常被用于网页图像等方面。通过对调色板的限制,可以减小文件大小,同时保持视觉品质不变 [2]  。在索引模式下只能进行有限的编辑。若要进一步编辑,应临时将其转换为RGB或其他色彩模式 [2]  。

双色调模式

通过2-4种自定油墨创建双色调(两种颜色)、三色调(三种颜色)和四色调(四种颜色)图像。一般情况下,可用黑色油墨和灰色油墨打印双色调图像,其中黑色用于暗调区域,灰色用于中间色调和高光区域。更多情况下,双色调用彩色油墨打印高光颜色。该技术产生的图像有轻微着色,且明显增加图像的动态范围。双色调非常适合用于强调专色(如PANTONE颜色)的双色打印作业 [2]  。因为双色调使用不同的彩色油墨重现不同的灰阶。在双色调模式中,不能像在RGB、CMYK和Lab模式中那样直接访问个别的图像通道,而是通过“双色调选项”对话框中的曲线操纵通道 [2]  。

RGB模式

也称为光源色模式,原因是RGB能够产生和太阳光一样的颜色。在使用CorelDRAW做设计的时候,RGB模式使用得也比较广泛。RGB的含义为:R(red)、G(green)、B(blue)。通过RGB三种颜色的混合,能够生成自然界里的任何一种颜色。一般RGB模式只用在屏幕上显示,不用在印刷上。用户的显示器使用的就是RGB模式,显示器里的电子枪把红色、绿色,蓝色激光射在显示器荧光屏幕上,可以在屏幕上混合色彩,变换荧光中光线的强度能生成各种色彩。在RGB模式中,每一个像素由24位的数据表示,其中RGB三种原色各用了8位,因此这三种颜色各具有256个亮度级,能表示出256种不同浓度的色调,用0-255之间的整数值来表示。所以三种颜色叠加就能生成1677万种色彩。如此多的色彩,足以表现出我们身边五彩缤纷的世界了。RGB色彩模式是通过红、绿、蓝三种颜色的叠加产生的颜色,增加每种颜色的光强度会产生不同的颜色,所以RGB模式又称为加色模式 [12]  。

CMYK色彩模式

CMYK模式的颜色也被称作印刷色。原因是CMYK模式大多用在印刷上。CMYK的含义为:C(青色)、M(洋红)、Y(黄色)、K(黑色)。这四种颜色都是以百分比的形式进行描述的,每一种颜色所占的百分比可以从0%到100%,百分比越高,颜色越暗。CMYK模式是大多数打印机用作打印全色或者四色文档的一种方法,CorelDRAW和其他应用程序把四色分解成模板,每种模板对应一种颜色。然后打印机按比率一层叠一层地打印全部色彩,最终得到想要的色彩 [12]  。

一、HSB调色原理

1、HSB调色原理


调出拾色器颜色面板,右上角颜色代表青春活力(多是高饱和度颜色);向左下角移动颜色代表稳重、安全感;向下移动颜色代表成熟、品味、档次;向左移动颜色代表明快、轻松。其中,选择黑色时,尽量不要使用纯黑。


2、颜色搭配


颜色搭配分为主色、辅色和点缀色,一般主色是一种颜色,辅色是一种颜色,点缀色是一到两种颜色。(其中灰色是白搭的颜色)。


主色:一般取自LOGO的颜色或者根据项目的主题取色,主要用在LOGO、导航或者项目比较重要的栏目上。


辅色:一般用在界面的背景、菜单栏或者主菜单栏上。


点缀色:主要在项目中起到点缀、强调的作用,因此多用在需要用户点击的按钮、用户比较关注的栏目上或者位置上。(一般出现二到三次即可,不易过多)。


3、主题颜色搭配


(1)、购物美食:红色和橙色;


(2)、环保健康:绿色;


(3)、企业科技:蓝色;


(4)、女性母婴:粉红色和青色;


(5)、高端品位:一般是60%亮度的高饱和度颜色(通过降低亮度,来展现成熟稳重)红色、蓝色;


(6)、年轻活力:一般是高饱和度颜色(橙色、绿色、蓝色);


二、Ps调色功能

ps中的调色功能在菜单栏图像-调整菜单下,调整功能和调整图层功能对应,一般使用调整图层对图像进行颜色调整,以便保护原始图像。调整图层在图层-新建调整图层菜单下或者图层面板下方的调整图层功能按钮。


(一)自然饱和度调整


饱和度是指颜色的鲜艳程度;


饱和度功能对图像的整体饱和度进行提升,是图像更加鲜艳,提高之后会导致色彩达到极致,画面颜色失真。


自然饱和度是对图像中不够饱和的区域颜色提升饱和度,已饱和的区域颜色不变。


使用技巧:对图像进行调整时,一般降低饱和度,提高自然饱和度;


(二)色相饱和度调整


色彩的三大要素:色相、饱和度、明度。色相是颜色的相貌,就是大家熟知的各种颜色;饱和度就是颜色的鲜艳程度;明度就是颜色的明暗,用贴近人感官直觉的方式来描述色彩。


其中着色功能:用单色替换照片中所有的彩色,就像刷油漆一样,但原图的明暗不会产生变化。


使用技巧:实际调整图像,只是对饱和度和明度进行微调。


(三)色彩平衡调整


光学三原色就是三种:红色、绿色和蓝色。其他所有色光,都是由这三种原色混合而成的,所以只要有这三种就够了。那其他三种颜色“洋红、黄、青”是三原色的补色;


红+绿=黄; 红+蓝=品红/洋红; 蓝+绿=青色;红+蓝+绿=白色;补色关系 红+青=白 蓝+黄=白 绿+洋红=白,即红色和青色是互补色,蓝色和黄色是互补色,绿色和品红是互补色;


红色、绿色和蓝色是光学三原色,光学三原色的特点是增色模式,也就是说色彩混合后会增加亮度;而青色、洋红和黄色是染料三原色,染料三原色的特点是减色模式,也就是说色彩混合后会降低亮度。如果不勾选“保留明度”,当同时将调整滑块中单个或多个向右拖动,均是趋于白色的,会使图像变亮,因为右侧是加色原理的三原色;当同时将调整滑块中单个或多个向左拖动,均是趋于黑色的,会使图像变暗,因为右侧是减色原理的三原色。


保持明度:勾选该项,将只调整各单色调整多少的差别,而不考虑同时变亮的情况。


使用技巧:在一般情况下,修图时绝大部分情况是要勾选“保留明度”的,防止画面明度发生变化。但不排除少数情况下不勾选“保留明度”会有利于影调的调整。色彩平衡调整:同时减小另外两种颜色,效果等效于增加第三种颜色。


色彩平衡是用补色的原理来调色的;阴影 是画面中最暗的部分;中间调 色彩相对中和的部分;高光 画面中最亮的那些部分;


(四)黑白调整


打开调整窗口(Alt+Shift+Ctrl+B),可以看到预设这一栏,点击下拉菜单我们可以看到很多命令,这都是ps自带的一些效果。


调节某颜色条的滑块,会将图像中的显示为该颜色区域(或者物体)显示的更加明显;色调一栏,勾选之后,图像的颜色基调会呈现色调滑块所指示的颜色,可以将图像变成单色图像,而对于饱和度,移动其所相对的滑块,画面的艳艳程度有所改变。色调与饱和度旁边的颜色色块则代表图像的基本色调


使用技巧:黑白命令在我们调节黑白照片时非常的常用。可以把图片去色直接变成黑白效果,但是这种黑白效果不够专业,黑白调整工具功能就强大很多,调用黑白调整工具后,图片会变成黑白效果,不过在设置面板仍然能对图片原有颜色进行识别。


(五)色阶(Ctrl+L)


色阶是只与亮度有关,是表示图片明暗关系,与颜色无关。最亮的是白色,最暗的是黑色。色阶调整是所选图像或区域的0-255色阶全程的调整,不可以调整其中的一部分。


(六)曲线(Ctrl+M)


曲线则与颜色和亮度均有关。曲线调整可以调整0-255色阶全程中某一段(如120-180)的色阶,实现曲线多点调整,看效果,然后再用色阶调整比较前后的结果。曲线对话框也可以去调整图像的整个色调范围。但与只有三个调整功能(白场、黑场、灰度系数)的色阶不同,曲线允许在图像的整个色调范围内最多调整14个不同的点。也可以对某个颜色通道来对该颜色进行调整。


色调调整:涉及通道,即可以选择R、G、B三个通道,并且可以单独进行调整。


蓝色(Blue)通道:曲线向上(增加蓝色)/向下(增加黄色);


红色(Red)通道:曲线向上(增加红色)/向下(增加青色);


绿色(Green)通道:曲线向上(增加绿色)/向下(增加品红)。


曲线的调整是三原色和各自互补色之间的你增我减,即增加原色,相当于减少补色。

学习笔记整理,如有错误,欢迎指正~

举报

相关推荐

0 条评论