ps学习笔记.docx
- 文档编号:5812985
- 上传时间:2023-01-01
- 格式:DOCX
- 页数:72
- 大小:5.43MB
ps学习笔记.docx
《ps学习笔记.docx》由会员分享,可在线阅读,更多相关《ps学习笔记.docx(72页珍藏版)》请在冰豆网上搜索。
ps学习笔记
1色彩原理
这里介绍一下RGB和HSB的变化关系。
在饱和度和亮度全为100%的时候,任何一个色相值,都只有R、G、B这三个值中的两个或者一个组成。
R(红)
G(绿)
B(蓝)
H(色相度)
S(饱和度)
B(亮度)
颜色
255
0
0
0
100%
100%
红色
255
0-255
0
0-60
100%
100%
红色-黄色
255
255
0
60
100%
100%
黄色
255-0
255
0
60-120
100%
100%
黄色-绿色
0
255
0
120
100%
100%
绿色
0
255
0-255
120-180
100%
100%
绿色-青色
0
255
255
180
100%
100%
青色
0
255-0
255
180-240
100%
100%
青色-蓝色
0
0
255
240
100%
100%
蓝色
0-255
0
255
240-300
100%
100%
蓝色-洋红(品红)
255
0
255
300
100%
100%
洋红
255
0
255-0
300-360
100%
100%
洋红-红色
255
0
0
360(0)
100%
100%
红色
从上表中可以看出,当饱和度和亮度均为100%时,任何一个色相度的R、G、B值至少有一个为255。
以RGB=(2550100)为例,当色相度不变时,降低饱和度时,R不变,而G和B增加,G的增加速度快,而B的增加速度慢,当饱和度为0%时,G和B的值增加到255。
R=G=B时,不存在色相度和饱和度,当RGB=(000)为黑色,RGB=(255255255)为白色,当从0向255变化时为灰色。
由此可以看出,增加灰度,会降低饱和度。
当RGB中两个为255另外一个为0,或者其中一个为255,其他两个为0时,该结论体现的更明显。
比如,RGB=(2552550)时,当逐渐增加B值时,其饱和度就会逐渐降低,可以这样来理解,等增加B时,可以将RGB分解成(BBB)+(255-B255-B0),(255-B255-B0)和(2552550)色相度是一样的,而添加灰度(BBB)之后,(2552550)饱和度下降。
对于RGB三个值,其色相度由两个较大的值与最小值的差值确定,比如R值最小,G值最大,则色相度由G-R和B-R的比值确定,只要其比值不变,则色相度就会不变。
当饱和度减小时,两个较小的值逐渐增大,也就是R和B值逐渐增大,但由G-R和B-R的比值不变,也就是色相度不变,但由(RRR)决定的灰度值增大,也就是饱和度逐渐减小。
当R和B增大到与G值相等时,饱和度变为0%;当R减小到为0时,饱和度最大,但G的值一直保持不变。
R、G、B中只要有一个为0,则其饱和度就为100%。
R、G、B中只要有一个或者两个为255,则其亮度就为100%。
假如R值最小,当亮度减小时,决定色相度的两个较大值B和G都会逐渐减小,但其比值不变,也就是色相度不变;由于R、B和G值共同决定了饱和度,所以饱和度不变,亮度减小时,B和G减小的同时,R也会减小。
下面通过举例来看看R、G、B和H、S、B运算关系:
上图中RGB中的最大值R决定了其亮度,R为255,其亮度为100%,也就是说每变化一个亮度值,则R值要改变2.55(由于R只能为整数,所以四舍五入取整);假如亮度降低x个百分点,则R减小2.55*x个值,也就是255-2.55*x;饱和度的最大值为100%时,则RGB中的最小值应为0,此时,降低亮度,最大值和次大值,成比例减小,最小值不变,即一直为0;当饱和度为0%时,RGB值相等,切均等于最大值,此时降低亮度,三个值一起降低,值一直保持相等;如果饱和度处于0%和100%之间,比如90%;此时降低亮度,最大值R会降低到y,那么最小值B=(y/100)*(100-90),其中90为饱和度的百分数;100表示饱和度的份数。
再根据R-B和R-G的比值不变,即色相度不变,就可以确定亮度下降后的B值。
1.1色彩原理一
(一)三基色原理
在中学的物理课中我们可能做过棱镜的试验,白光通过棱镜后被分解成多种颜色逐渐过渡的色谱,颜色依次为红、橙、黄、绿、青、蓝、紫,这就是可见光谱。
其中人眼对红、绿、蓝最为敏感,人的眼睛就像一个三色接收器的体系,大多数的颜色可以通过红、绿、蓝三色按照不同的比例合成产生。
同样绝大多数单色光也可以分解成红绿蓝三种色光。
这是色度学的最基本原理,即三基色原理。
三种基色是相互独立的,任何一种基色都不能有其它两种颜色合成。
红绿蓝是三基色,这三种颜色合成的颜色范围最为广泛。
红绿蓝三基色按照不同的比例相加合成混色称为相加混色。
红色+绿色=黄色
绿色+蓝色=青色
红色+蓝色=品红
红色+绿色+蓝色=白色
黄色、青色、品红都是由两种及色相混合而成,所以它们又称相加二次色。
另外:
红色+青色=黑色
绿色+品红=黑色
蓝色+黄色=黑色
所以青色、黄色、品红分别又是红色、蓝色、绿色的补色。
由于每个人的眼睛对于相同的单色的感受有不同,所以,如果我们用相同强度的三基色混合时,假设得到白光的强度为100%,这时候人的主观感受是,绿光最亮,红光次之,蓝光最弱。
除了相加混色法之外还有相减混色法。
在白光照射下,青色颜料能吸收红色而反射青色,黄色颜料吸收蓝色而反射黄色,品红颜料吸收绿色而反射品红。
也就是:
白色-红色=青色
白色-绿色=品红
白色-蓝色=黄色
另外,如果把青色和黄色两种颜料混合,在白光照射下,由于颜料吸收了红色和蓝色,而反射了绿色,对于颜料的混合我们表示如下:
颜料(黄色+青色)=白色-红色-蓝色=绿色
颜料(品红+青色)=白色-红色-绿色=蓝色
颜料(黄色+品红)=白色-绿色-蓝色=红色
以上的都是相减混色,相减混色就是以吸收三基色比例不同而形成不同的颜色的。
所以有把青色、品红、黄色称为颜料三基色。
颜料三基色的混色在绘画、印刷中得到广泛应用。
在颜料三基色中,红绿蓝三色被称为相减二次色或颜料二次色。
在相减二次色中有:
(青色+黄色+品红)=白色-红色-蓝色-绿色=黑色
用以上的相加混色三基色所表示的颜色模式称为RGB模式,而用相减混色三基色原理所表示的颜色模式称为CMYK模式,它们广泛运用于绘画和印刷领域。
RGB模式是绘图软件最常用的一种颜色模式,在这种模式下,处理图像比较方便,而且,RGB存储的图像要比CMYK图像要小,可以节省内存和空间。
CMYK模式是一种颜料模式,所以它属于印刷模式,但本质上与RGB模式没有区别,只是产生颜色的方式不同。
RGB为相加混色模式,CMYK为相减混色模式。
例如,显示器采用RGB模式,就是因为显示器是电子光束轰击荧光屏上的荧光材料发出亮光从而产生颜色。
当没有光的时候为黑色,光线加到最大时为白色。
而打印机呢?
它的油墨不会自己发出光线。
因而只有采用吸收特定光波而反射其它光的颜色,所以需要用减色法来解决。
(二)、HLS(色相、亮度、饱和度)原理
HLS是Hue(色相)、Luminance(亮度)、Saturation(饱和度)。
色相是颜色的一种属性,它实质上是色彩的基本颜色,即我们经常讲的红、橙、黄、绿、青、蓝、紫七种,每一种代表一种色相。
色相的调整也就是改变它的颜色。
亮度就是各种颜色的图形原色(如RGB图像的原色为R、G、B三种或各种自的色相)的明暗度,亮度调整也就是明暗度的调整。
亮度范围从0到255,共分为256个等级。
而我们通常讲的灰度图像,就是在纯白色和纯黑色之间划分了256个级别的亮度,也就是从白到灰,再转黑。
同理,在RGB模式中则代表个原色的明暗度,即红绿蓝三原色的明暗度,从浅到深。
饱和度是指图像颜色的彩度.对于每一种颜色都有一种人为规定的标准颜色,饱和度就是用描述颜色与标准颜色之间的相近程度的物理量。
调整饱和度就是调整图像的彩度。
将一个图像的饱和度条为零时,图像则变成一个灰度图像,大家在电视机上可以试一式调整饱和度按钮。
另外还有一个概念,就是对比度。
对比度是指不同颜色之间的差异。
对比度越大,两种颜色之间的相差越大,反之,就越接近。
如,一幅灰度图像提高它的对比度会更加黑白分明,调到的极限时,变成黑白图像,反之,我们可以得到一幅灰色的画布。
1.2色彩原理二
前几天在某图象处理论坛看到一个帖子,要把黑色背景中的水柱图象提取出来的问题。
说实话,纯黑或者纯白的背景的图基本不存在什么抠图问题,只要你了解Photoshop中的几个基本概念就可以解决了。
在这里就这个话题说说几个概念(不是从理论上去探讨概念,只是简单说明性的概念),很简单,但是确实很多人不注意。
首先我想说说两种色彩模式,RGB和CMYK。
RGB模式:
就是按照自然界里三种基本色混合的原理而做的一种模式。
就是red(红)、green(绿)、blue(蓝)混合,通过三种基本颜色亮度值从0~255不同产生出其他各种颜色,这种模式叫加色模式。
为什么叫加色模式呢,举个例子好了,我们通常使用的电视屏幕和电脑屏幕上的显示就是这样的模式,在没有图象时,屏幕是黑的,若R,G,B三色亮度都为255时混合叠加打在屏幕上时则显示成白色。
就是加起来是白色的意思,叫加色模式。
(呵呵,所以买显示器的时候,没通电前显示器越黑越是好显示器,走题了,打住打住。
)
为了说明这个,我先来做个图大家看看,打开Photoshop7.0,新建立三个图层,每个层上绘制个圆,分别给这三个圆填充上R,G,B三种颜色(色彩值最好在拾色器中通过数值输入),然后把三个层的图层混合模式都改成screen(屏幕)模式,你会发现图象消失了,555,惨了~!
没关系,把背景层隐藏掉,结果如图1所示:
图1
从上图可以看出,三种颜色交界处变成了白色,对,RGB模式就是这样的原理。
CMYK模式:
这是种印刷模式,是用Cyan(青色)、Megenta(品红),Yellow(黄)、Black(黑)四种颜色混合,其实就是四种颜色的油墨混合,印刷当然是使用油墨了。
这种模式叫减色模式,为什么叫减色模式呢。
因为印刷是印在纸上的,纸一般都是白色的,有油墨涂上去才显示颜色,当C、M、Y三种颜色油墨完全混合则产生了黑色,因此,减去颜色才是白色嘛,所以叫减色模式。
同样,做个图大家看,打开Photoshop7.0,新建立一个文件,注意新建文件色彩模式为CMYK模式的哟,然后新建立三个层,画圆每个层上绘制个圆,分别给这三个圆填充上C,M,Y三色,把三个层的混合模式都改为Multiply(正片叠底)的模式,隐藏背景层,效果如图2:
图2
好的,混合后三种颜色交界处就是黑色,这就是CMYK模式的了。
刚才我们已经使用到了屏幕模式和正片叠底模式,那我顺便先讲下这两混合模式的概念:
正片叠底(减色模式):
此模式会根据作用图层图像(或是填入图案)的色彩,与下层图像(原图像)的色彩产生加深的作用效果,所以颜色会变得较深。
屏幕(加色模式):
此模式正好和正片叠底模式相反,它是根据两者的色彩产生变亮的作用效果,所以整个亮度会提高,颜色会变浅。
因此黑色背景的图根本不用去的,只要把放到其他图层的上面,将黑色背景的图混合模式给改为屏幕模式,黑色就自然消失了的。
同样的道理,如果是白色背景图,那就把图改为正片叠底模式模式,则白色就消失。
可是还是有人硬要黑色或者白色背景上的图象抠出来,那怎么办?
在某个论坛看到过这样的测试题,有个黑色背景上的火焰的图,怎么把火完整的抠出来?
为了这个,我专门做了个火的图。
如图3。
图3
这个火怎么抠出来呢,用路径描,不行,火边缘不整齐;魔术棒也不行,火的边缘有的和背静融合了,那怎么办?
我们就使用刚才所说的颜色混合模式的方法来提取这个火焰的完整图象吧。
首先先,保证这图是RGB模式的(如果不是,请将其转化为RGB模式的图象),我要用RGB的原理来把火焰弄提取出来。
进入到Channels(通道)面板,把R,G,B三个通道都复制出一个来,如图4所示:
图4
回到Layers(图层)面板,新建三个层,在第一个层里调出通道Redcopy的选区,然后填充红色,第二,三层分别调出Greencopy和Bluecopy两个通道的选区,填充上绿色和蓝色,如图5:
图5
好了,现在把三个图层的混合模式全改为Screen(屏幕)模式,隐藏背景层,呵呵,火焰很完整的提取出来了,如图6:
图6
好了,既然提取黑色背景中的图象是利用RGB的原理,那么白色背景的图象呢,正好相反,使用CMYK原理。
方法和提取黑色背景中的图象类似,不过图象模式更改下,改成CMYK,提取4个通道分别填充C,M,Y,K这4种颜色而已。
当不是背景纯白纯黑的时候请读者想一想,方法并不一定就是和这里的一样了,但请注意一点的就是:
在通道里只有黑白两种颜色,所以只要是纯色的背景图,在通道里只用黑白2色,既然知道了黑白背景图象的提取,那么其他纯色背景图象的提取就很很容易理解了。
1.3色彩原理三
Photoshop的一大功能是对数码照片的调色,而调色最常用的工具莫过于色相饱和度和可选颜色了,对于色相饱和度还好说,对“可选颜色”许多人就摸不着头脑了,由于相关资料比较少,本人就自己摸索的一些心得与大家分享。
说起调色自然要从色彩原理说起,我们知道,Photoshop中的色彩模式常用的是RGB、CMYK、HSB和LAB,而最常用的是RGB和CMYK这两种了,它们分别代表了图像合成的加色原理和减色原理,相关的介绍很多,在此不再赘述。
(如果你掌握了,你一定知道红色加绿色,等于蓝色的反色——黄色。
)
这里仅补充一点你可能不知道的知识。
对于人类来说的可见光是连续的,波长在370~730纳米之间,但我们对光的感知却受到色感器官工作方式的限制。
我们的眼睛拥有三个色感器官,它们在感受波长为425纳米(蓝)、550纳米(绿)和560纳米(红)左右的光波时被触发(达到峰值)。
我们的大脑基于眼睛中这三种色感的反馈来确定一种颜色。
根据人类感知颜色的方式,只要能把冲击三种颜色感官的光线进行编码,我们就能记录人类所感知的颜色。
于是我们把每个像素编码成三个数字,分别表示像素中的红色、绿色和蓝色的分量。
通过组合红、绿、蓝三色的光,我们能够构造出所有人类能看到的颜色。
这就是RGB颜色模型。
像素的每种颜色的分量就是颜色通道(channel),通常以单字节表示,(还记得一个字节包括8位,可以表示2的8次方即256个数值,也就是从0到255。
于是每个像素有红绿蓝三个通道,就是8×3=24位,可以表示2的24次方即16777216种颜色。
如果你制作一张宽1024像素、高768像素的BMP格式图片,那么它占用的磁盘空间大小就是1024×768×24字节,而1MB等于1024K,1K等于1024字节,也就是18MB,好大呀。
实际上我们用JPG格式存储同样大小的图片仅需100K左右,因为这是一种有损的压缩格式,虽然所谓的损失我们很难看得清。
你可以下载一张1024*768大小的壁纸,用ACDsee或Photoshop转换成BMP格式试试看。
还有一种32位的颜色模型中使用另外的8位表示透明度(tansparency),这额外的8位就是alpha通道(alphachannel)。
其实一直想写一篇《程序员眼中的Photoshop》,因为我向来以为懂点编程对理解Photoshop的工作原理有很大帮助,也是限于时间,以后再说了。
这里再唠叨一句,Photoshop中很多功能都是对现实的模拟,来源于现实中真实的印刷和摄影对图片的处理流程,比如照片滤镜、正片叠底、可选颜色、减淡加深工具,其中的许多术语也来源于此。
Photoshop本身也是将现实中的颜色数字化(digitization),使之可以用计算机方便处理。
Photoshop对图片的处理就是对每一个像素的处理,也就是对每一个颜色通道的处理。
其中包含大量复杂的计算公式,这些公式(即算法)当然是不传之秘,不然也不会有那么多人通过不断的试验推测Photoshop的工作机制,使处理结果可控、可预测。
比如对Photoshop混合模式、通道混合器等的研究,也就是对其算法的研究。
有专门一个学科叫计算机图形学,有兴趣的可以找来相关图书看看。
想一想,所有的混合模式、调整图层、计算、滤镜等等,不都是是为了批量改变每个像素各通道的值吗?
调色时有一个重要步骤是判断两个像素的颜色是否相似,有一种算法叫欧氏距离,把两个像素的R、G、B值之差的平方求和,再取平方根。
Photoshop中的容差是不是用的这个算法,本人还没有尝试过。
HSB(也称为HSV)是根据人眼的色彩识别原理定义颜色的,也是最容易理解的,如图:
H代表色相,共有360°,S代表饱和度也即纯度,饱和度是什么意思呢,你可以想象一下一个杯子里装了半杯红糖水,你向其中灌白开水,是不是越来越淡,或者说越来越不纯,或不饱和了呢?
你也可以想象黑暗中红灯打到白墙上,然后再打一盏白灯,并逐渐加亮,是不是也是红光的饱和度越来越低了呢?
可以说饱和度下降就是向某一纯色相中添加白、灰、黑或者其他颜色,使之纯度变低,饱和度为零时,就变成灰色(灰度值取决于其亮度)。
B代表亮度,想象一下在明亮的环境中看到的颜色和灰暗环境中看到的颜色是不是不一样呢?
(一个题外话,颜色是一种主观感受,一个物体在不同环境不同光照下其明度乃至色相都不同,那么这个物体本身有颜色吗?
或者说这个物体的颜色是它的本质吗?
)对于饱和度和亮度的区别,一开始可能不太好理解,不过可以从Photoshop的颜色调板中移动滑块主观感受一下。
一般来说饱和度和亮度需要反方向同时调整。
要认识一个颜色,首先看的是它的色相,因此我们单独再看一下色相环图及与360°的对应关系,如图:
简化的图:
从上图中找一下红色、绿色、蓝色以及蓝色的反色黄色。
RGB和CMYK是比较抽象的颜色模式,那么给你一个RGB值你能推测出是什么颜色吗?
我们看一个RGB值(R91,G26,B134),我们来逐步分解它,可以分解为(R26,G26,B26)+(R65,G0,B108),,又可分解为(R26,G26,B26)+(R65,G0,B65)+(R0,G0,B43),为什么这么分呢?
因为第一组为深灰色,第二组RB合成为G的补色M洋红色,第三组好理解,是深蓝色,那么这个RGB的值代表深洋红偏蓝,也就是紫色,可以分解为如下图:
色①=色⑤+色②=色⑤+色③+色④
我们看一下各色的HSB值,如下图:
单就明度B来说色②=色③+色④;色①=色⑤+色②
这体现了RGB颜色的加色原理。
而就色相H来说,色①=色②,说明向有色相的颜色中加入灰色,其色相不受影响,但饱和度减少,亮度增加。
而色②的色相值在色③和色④之间,且偏向色③,也是与色彩原理一致的,参见色相环图。
下面做个实验,在Photoshop中新建三个图层,分别填充色⑤、色④、色③,将图层2和图层3的混合模式均更改为线性减淡,如下图,得到的颜色与色①相同。
其实,在Photoshop中RGB颜色之间的混合应该为滤色(Screen),它不像线性减淡来的生硬,如果用滤色来混合这三种颜色,得到的结果是不同的,但我们的目的是为了从RGB的数值中得到一种颜色的主观印象,因此只是为了得到一个近似的颜色。
我们现实生活中拍摄的照片很少有纯色,一般来说生活中遇到的颜色都是由红绿蓝(RGB)中的一种和青洋黄(CMY)中的一种以及一定的灰度合成的,给一定的RGB值,我们首先找出三个数值中居中的那个颜色,然后判断其由什么颜色混合而成,据最小那个值来判定颜色的饱和度(即纯色中掺了多少灰度),据最大的值来看其亮度。
例如RGB值为(130,190,90)可以看成(130,130+60,130-40),即绿加蓝的反色黄,应为黄绿色,饱和度和亮度均中等左右,从而形成大致的感性认识,我们当然也可以从数理上对饱和度和明度形成理性认识,设有R、G、B三个数值,设Max为其中最大者,Min为其中最小者,则饱和度S=(Max-Min)/Max;B=Max/255。
如果你心算比较好,那么你可以看看色相H的公式H=Max色相+(-)(中间值-Min)×60/(Max-Min),其中Max色相是指RGB值最大的那个颜色的色相,如果R值最大,则Max色相为0°或360°;G值最大,则Max色相为120°;B值最大,则Max色相为240°。
加减随情况而定,因为最终结果不能出现负值。
上例RGB值(130,190,90)最大值为G,因此Max色相为120°,(中间值-Min)×60/(Max-Min)=(130-90)×60/(190-90)=24,所以最终色相值为120-24=96°。
重要的事说三遍,如果RGB三色值同幅度不断增加,比如加10、20、30、40……,直到最大的一个值达到极限255为止,可以看到,色相值保持不变,明度不断增加直到100%,饱和度不断降低。
例如上例中RGB值(40,100,0)增加到(130,190,90)再增加到(195,255,135),色相值始终是96°。
那么我们进入今天的正题,还是就上一颜色(R91,G26,B134)来说,我们新建可选颜色调整图层,经过试验可知,只有调节洋红和蓝色的各滑块对图片才是有作用的,下面以调节蓝色为例,减少青色,增加洋红,减少黄色,比例数值随意。
可以看到减少青色就是增加红色,R值增大;增加洋红就是减少绿色,G值减少;减少黄色就是增加蓝色,B值增大。
调节洋红的意义是一样的。
我们其实从CMYK来看更能清楚的看到数值的变化,仔细观察会发现调节黑色对图像不产生影响,这是因为其CMYK值中的黑色本来就是0。
另外增加洋红竟然会使M值稍降了点,这是降低黄色的原因,其内在原因是什么我也不好说,可能是各色墨间的影响吧。
从上面的例子我们可以得出两个结论,第一,可选颜色对色相的调节是有限的,(可从其HSB的数值看出),因此如果要进行大跨度的色相改变,就需要先用色相饱和度工具来调整,然后再用可选颜色细调;第二,用CMYK来观察能够更直观的得到结果,因此如果我们想调节到一种颜色,最好化成CMYK来调节。
这里我们做个游戏,打开Photoshop里的前景色拾色器,设R、G、B分别为86、86、0,将光标定位到B中,按键盘上的向上箭头,颜色会随着B数值的增加而变化。
先看一下动画,注意各数值的变化,如H、S、B、L等。
下面是各关键帧的数值:
色相值在B值为86之前一直是60度,明度L增加1。
当B值变为87时,色相值突变为240度。
随后,饱和度和亮度逐渐升高(非线性),L值也小幅升高,颜色的十六进制值也从#565600增加到#5656ff。
(十六进制ff的转化为十进制为255)
顺便提一下明度L=30%R×59%G×11%B。
原片如下:
第一步:
看图片颜色信息。
点击打开“前景色拾色器”,用吸管工具在人脸部附近点击。
看RGB值(117,80,196),从我们上面讲的知识可以得知,颜色由洋红和蓝色组成,而人脸应该是黄色带些红色的,Y值却为零。
大体上调色的思路就有了,即减少图片中多余的洋红和蓝色。
第二步:
设置白平衡。
这一步其实也是调色。
新建“曲线”调整图层,用设置灰场吸管工具在图片中本来应该属于白黑灰的部分点击,可以多十几个地方以找到满意的效果,可以看到曲线加强了红色和绿色,减少了蓝色。
而这正是我们想要到,增加绿色等于减少洋红,并且减少了蓝色。
第三
- 配套讲稿:
如PPT文件的首页显示word图标,表示该PPT已包含配套word讲稿。双击word图标可打开word文档。
- 特殊限制:
部分文档作品中含有的国旗、国徽等图片,仅作为作品整体效果示例展示,禁止商用。设计者仅对作品中独创性部分享有著作权。
- 关 键 词:
- ps 学习 笔记