查看完整版本: [原创]突破Photoshop瓶颈的高手之路

turbolqc 2009-3-3 21:05

[原创]突破Photoshop瓶颈的高手之路

《打开Photoshop之前的理论知识》——光与色、颜色模式

Photoshop是8位平面图像处理(合成)软件,在已有的素材基础上进行修改或艺术再加工。因为计算机是二进制,只能表示0和1两种状态,所以8位指每通道能存储2^8=256种颜色。

打开Photoshop拾色器

(图1)Photoshop拾色器和色环图
[attach]1739016[/attach]

每一种颜色模式对应一种媒介。HSB对应人眼视觉细胞,RGB对应光色,CMYK对应印刷,Lab对应大自然无穷颜色。

第一种颜色模式是HSB
H全称Hue,色彩相貌或色彩名称,如赤、橙、黄、绿、青、蓝、紫。色相是个环,所以单位是度(°),如果0°是红色,那么360°也是红色。

S全称Saturation,色彩饱和度或色彩纯度。色相一致基础上,有些颜色看上去很鲜艳,这就是饱和度高的原因。饱和度单位是百分比(%),色环越往外饱和度越高。

B全称Brightness,色彩明度。色相和饱和度一致基础上,颜色还有明暗的感觉,这就是明度。明度单位是百分比(%),色环越往内明度越大。

黑色白色是无色相的,所以想把一件黑色或白色衣服着成红色,必需在灰度模式下才能实现,因为只有灰度下才能着色。

拾色器里第二种模式RGB,光的三原色:R=red,红色;G=green,绿色;B=blue,蓝色。通过红黄蓝不同比例,可以配出很多颜色。

发光的物体通过三原色显示,如电视机、显示器,所以发光物体对应的颜色模式是RGB。早期电视机每个晶体管只发红绿蓝3种光,每一种光用户0~255种256个级别显示,最亮级别用255表示,最暗用0表示,所以最多可以显示256^3=1678万种颜色。

RGB三中颜色配比,哪种色值较大则大致得到该色
R=200, G=23, B=56大致得到R红色;
R=12,G=198,B=33大致得到G绿色;
R=24, G=28, B=240大致得到B蓝色;

R=G=B三个等值时没有色相,得灰值,值低得深灰,值高得浅灰。

R=G=B=0得到黑色, R=G=B=255得到白色。把每种原色值加到最大得到白色,这种模式称为加色模式。

例如在一间黑暗的房子里,什么灯都不开,人眼看到黑色;用红光照射人眼,看到的是红光,用绿光照射看到绿光,用蓝光照射看到蓝光,三种光一起照则看到白光。

在电脑上处理图片用RGB模式的工作环境,如果处理完成的图片要用到印刷上,则要转成CMYK模式,用于印刷环境。

印刷用油墨的三原色,分别是青(Cyan)、品红(Magenta)和黄(Yellow),颜料三原色采用每种颜料的浓淡来配比出其他颜色,所以每种色值单位用百分比(%)表示。

例如在一张白纸上印刷,C=M=Y=0%时,即什么油墨都没印,所以得到白色。当C=M=Y=100%时,理论上得到黑色,但是实际生产工艺得不到无杂质的油墨,所以得到的黑色不是100%纯,为了能印出纯黑色,印刷上单独制造一种黑油墨,所以在CMY基础上加多一个K(Black,由于B字母已被RGB中的B先占用,所以改为K),当C=M=Y=0%,K=100%时才得到黑色。

RGB与CMY颜色模式的内在联系

(图2)十二色相环和三原色叠加原理图
[attach]1739017[/attach]

人之所以能看到印刷品,是因为光照到上面,除被看到的颜色光反射到人眼,其他颜色光都被印刷品吸收了,所以CMYK称为减色模式。

RBG模式每种原色加到最大(255,255,255)得到白色,加色模式;CMY模式每种原色加到最大值(100%,100%,100%)得到黑色,减色模式。

两种加色叠加得到一种减色,两种减色叠加得到一种加色。三种加色叠加得到白色,三种减色叠加得到黑色。

知道加色、减色模式原理有什么用呢?在Photoshop里面有很多种合成模式,如层和层之间的滤色、正片叠底、线性加深等,绘画模式里也有,只有知道RGB原理和CMY原理的前提下,才能正确选择Photoshop里的各种模式合成图片,而不是猜。

(图3)Lab颜色模式图
[attach]1739018[/attach]

Lab模式以一个明度通道和两个颜色通道组成,是一种理论上推算出来的颜色模式,色系非常大,可以模拟出大自然的所有颜色。

(图4)色域图
[attach]1739019[/attach]

从图上可以看出,有些颜色可以在显示器上看到,但是印刷不出来。这些印不出来的颜色在印刷上称为溢色,非安全色。所以在电脑上(RGB模式)处理完成的图片,最后转成CMYK模式后,会降一个灰阶。


文章出自我的博客:[url]http://space.chinavisual.com/?webvisual[/url],是本人在学习Photoshop所经历过的,把以前的资料一点一点整理出来写成博客,首发思缘论坛,同发CSS论坛。

turbolqc 2009-3-4 19:54

[原创]突破Photoshop瓶颈的高手之路上(2)

《打开Photoshop之前的理论知识》——分辨率

Photoshop是位图处理软件,基于像素为单位,像素非常小,一定是正方形,每个像素只能有一种颜色。图像分辨率用ppi表示,即像素/英寸。像素大小是位图高和宽方向上像素的总量。

网页图像分辨率常用72ppi,所以每平方英寸里有72*72=5184个像素。显示器分辨率单位也是ppi,即光点/英寸。印刷上常用300dpi,即墨点/英寸。

网页的图像一般为72ppi或96ppi,这是要与显示器分辨率大体匹配的原因。

Photoshop里打开一张图片,选择“图像”>“图像大小”即可显示图片的详细信息,一个像素一般对应一个字节。如果想更改默认的单位,选择“编辑”>“首选项”>“单位与标尺”更改即可

例如一张800*600像素原始尺寸的图像,分辨率是72ppi。当把分辨率直接改为300ppi时,原始图像框的尺寸显示不完全整幅图,因为显示器分辨率没改变。
再看像素大小会变得非常大,多出来的容量非原始信息,是Photoshop里面的算法复制像素旁边的颜色凭空造出来的,所以这时画面效果非常粗糙。

重定图像像素(插值算法):
图像里每一个像素周围肯定包围有左、右、上、下、左上、左下、右上、右下8个像素

邻近:可以理解为中间要插入一个像素,该像素值依据左、右两边的像素值算出

两次线性:可以理解为依据左、右、上、下四个像素值算出;

两次立方:可以理解为依据左、右、上、下、左上、左下、右上、右下8个像素值算出。

所以两次立方算法得到的图像效果最好。但如果是灰色位图,线条越清晰,结构越简单的用邻近算法效果最好。

在电脑上制作用于印刷的图像,如果想得到10cm*10cm的尺寸,则文档大小应设为10.6cm*10.6cm,因为印刷要在上下左右各留3mm的出血。

如果以上图像分辨率一定要改为300ppi,则把“重定图像像素”前面的勾去掉,文档大小里分辨率改300,但是得到图像的尺寸就比原来小了,这时以牺牲图像大小得到高分辨率。


文章出自我的博客:[url]http://space.chinavisual.com/?webvisual[/url],是本人在学习Photoshop所经历过的,把以前的资料一点一点整理出来写成博客,首发思缘论坛,同发CSS论坛。

[[i] 本帖最后由 turbolqc 于 2009-3-8 23:25 编辑 [/i]]

psfans 2009-3-5 12:01

辛苦了 感谢楼主发布原创内容学习

爱你不要你 2009-3-5 12:02

真的非常感谢 内容很不错的

rabbit_yan 2009-3-5 14:09

感谢楼主的经验分享

PS浩 2009-3-7 14:20

abc::02

小王笨笨 2009-3-7 20:38

ganxie感谢你的分享。。。

fqyy021 2009-3-10 13:21

谢谢这样的基础理论教程abc::02

zmy6708 2009-3-12 16:49

感谢LZ的分享。abc::09

事过境迁 2009-3-12 19:58

支持,很不错的东西abc::04

zzyy1313 2009-3-13 02:57

支持了,abc::03

楚留没香 2009-3-13 07:55

经验呀,这些对我很有启发,谢谢楼主了

白兔念雨 2009-3-13 08:18

abc::03 谢谢

戰之魂 2009-3-14 10:44

很实用呀!!!
收藏一下!!
abc::04 abc::04

那时的天空 2009-3-14 21:29

这个需要了解下的

小火花27 2009-3-16 09:58

十分感谢lz 的分享!很受用

haosi 2009-3-17 15:39

普及PS版本,高手是啥东西

洛河魂 2009-3-17 15:54

hao

haobanga

blueroot 2009-11-22 14:52

谢谢这样的基础理论教程

weiliveqi 2009-11-22 16:45

第三章呢?abc::05
页: [1] 2 3
查看完整版本: [原创]突破Photoshop瓶颈的高手之路