加入VIP
  • 专属下载特权
  • 现金文档折扣购买
  • VIP免费专区
  • 千万文档免费下载

上传资料

关闭

关闭

关闭

封号提示

内容

首页 平面设计大师之路

平面设计大师之路

平面设计大师之路

卜哩卜哩
2009-03-29 0人阅读 举报 0 0 暂无简介

简介:本文档为《平面设计大师之路pdf》,可适用于IT/计算机领域

感谢meisa、白色羽毛以及所有在编写过程中给予大力支持的网友!优秀设计论坛链接(以字母顺序排列)wwwdcnwwwblueideacomwwwphotoshopcncomwwwtwdesigncom本教程将于年初印刷出版写作进度及其他情况请留意网站公告。因本人水平有限缪误难免望大家不吝赐教!QQ:Mail:zpawaymsncomhttp:unifyzhaopengnet#RGB色彩模式灰度色彩模式图像通道CMYK色彩模式色彩模式的选择颜色的选取HSB色彩模式#图像尺寸点阵格式图像矢量格式图象图像格式的选择#界面概览新建Photoshop图像Photoshop画笔工具的使用Photoshop笔刷的详细设定#建立规则选区建立任意选区消除锯齿和羽化选区的存储及载入论选区的不透明度#Photoshop图层初识图层的选择和移动图层层次关系图层不透明度图层链接图层对齐合并图层锁定图层使用图层组使用图层复合图层混合模式概览Illustrator与GoLive图层目录RGB色彩模式灰度色彩模式图像通道CMYK色彩模式色彩模式的选择颜色的选取HSB色彩模式##:RGB色彩模式|灰度色彩模式|图像通道|CMYK色彩模式|色彩模式的选择|颜色的选取|HSB色彩模式RGB色彩模式我们用放大镜就近观电脑显示器或电视机的屏幕会看到数量极多的分为红色绿色蓝色三种颜色的小点如下左图。下右图是左图的局部放大。屏幕上的所有颜色也就是我们看到的所有图像内容都是由它们调和而成的。现在我们在Photoshop中打开下面这幅图象(stif)教程中的引用图片都存放在光盘的sample目录下。打开的方法可以使用菜单【文件>打开】。也可直接从光盘目录拖动图像文件到Photoshop窗口如Photoshop窗口被遮盖也可拖到其位于任务栏的按钮上。然后按F或从菜单【窗口>信息】调出信息调板。如下图然后试着在图像中移动鼠标会看到其中的数值在不断的变化。注意移动到蓝色区域的时候会看到B的数值高一些移动到红色区域的时候则R的数值高一些。电脑屏幕上的所有颜色都由这红绿蓝三种色光按照不同的比例混合而成的。一组红色绿色蓝色就是一个最小的显示单位。屏幕上的任何一个颜色都可以由一组RGB值来记录和表达。那么现在所看到的如下最左方的图像实际上是由三个部分组成的。#:RGB色彩模式|灰度色彩模式|图像通道|CMYK色彩模式|色彩模式的选择|颜色的选取|HSB色彩模式因此这红绿蓝又称为三原色光用英文表示就是R(red)、G(green)、B(blue)。可以把RGB想象为中国菜里面的糖、盐、味精任何一道菜都是用这三种调料混合的。在制作不同的菜时三者的比例也不相同甚至可能是迥异的。因此不同的图象中RGB各个的成分也不尽相同可能有的图中R(红色)成分多一些有的B(蓝色)成分多一些。做菜的时候菜谱上会提示类似“糖克、盐克”等来表示调料份量的多少。在电脑中RGB的所谓“份量”及“多少”就是指亮度使用整数来表示。通常情况下RGB各有级亮度用数字表示为从、、直到。注意虽然数字最高是但也是数值之一因此共级。如同年到年共是年一样。按照计算级的RGB色彩总共能组合出约万种色彩即xx。通常也被简称为万色或千万色。也称为位色(的次方)。这位色还有一种较为怪异的称呼是位通道色为什么这样称呼呢?这里的所谓通道实际上就是指三种色光各自的亮度范围我们知道其范围是是的次方就称为位通道色。为什么老是用的次方来表示呢?因为计算机是进制的因此在表达色彩数量以及其他一些数量的时候都使用的次方。这里的色彩通道在概念上不是一件具体的事物。我们可以把三原色光比作三盏不同颜色的可调光台灯那么通道就相当于调光的按钮。对于观看者而言感受到的只是图像本身而不会去联想究竟三种色光是如何混合的。正如同你只关心电影中演员的演出而不会去想拍摄时候导演指挥的过程。因此通道的作用是“控制”而不是“展现”。注意以上所说的是色彩通道和后面教程中的图像通道概念上不同。从PhotoshopCS版本(实际版本为)开始增强了对位通道色的支持这就意味着可以显示更多的色彩数(即位色约万亿)。RGB单独的亮度值为的次方等于三次方为。但是由于人眼所能分辨的色彩数量还达不到位的万色。所以更高的色彩数量在人眼看来并没有区别。因此在大多数情况下使用位色足够了。可以用字母R,G,B加上各自的数值来表达一种颜色如R,G,B或rgb。有时候为了省事也略去字母写,,(分隔的符号不可标错)。那么代表的顺序就是RGB。另外还有一种进制的表达法将在以后叙述。那么这些数字和颜色究竟如何对应起来呢?或者说怎样从一组数字中判断出是什么颜色呢?实际上直接从数值中去判断出颜色对于初学者甚至是老手都是比较困难的。因为要考虑三种色光之间的混合情况这需要一定的经验。不过这种能力并不是非具备不可的。即使无法做到对于以后也无妨碍。对于单独的R或G或B而言当数值为的时候代表这个颜色不发光如果为则该颜色为最高亮度。这就好像调光台灯一样数字就等于把灯关了数字就等于把调光旋钮开到最大。现在综合上面的内容思考一下:屏幕上的纯黑、纯白、最红色、最绿色、最蓝色、最黄色的RGB值各是多少?#:RGB色彩模式|灰度色彩模式|图像通道|CMYK色彩模式|色彩模式的选择|颜色的选取|HSB色彩模式思考完之后我们调出颜色调板快捷键〖F〗并点击一下鼠标处的色块。这个色块代表前景色。另一个位于其右下方的色块代表背景色。Photoshop默认是前景色黑背景色白。如下左图。如果颜色调板中不是RGB方式可以点击颜色调板右上角那个小三角形按钮在弹出的菜单中选择RGB滑块如下右图:纯黑是因为屏幕上没有任何色光存在。相当于RGB三种色光都没有发光。所以屏幕上黑的RGB值是,,。相应调整滑块或直接输入数字会看到色块变成了黑色。如下最左图而纯白正相反是RGB三种色光都发到最强亮度的组合所以纯白的RGB值就是,,。如下中图。最红色也就是纯红色意味着只有红色存在且亮度最强绿色和蓝色都不发光。因此最红色的数值是,,。如下最右图:同理最绿色就是,,而最蓝色就是,,。你做对了吗?如果没有请重复学习前面的内容。那么最黄色呢?RGB中并没有包含黄色的项目啊。把这问题暂且放下我们先来看一下色彩的色相谱。如下左图。所谓色相就是指颜色的色彩种类分别是:红橙黄绿青蓝紫。这七种颜色头尾相接形成一个闭合的圆环状。以X轴方向表示度起点逆时针方向展开。如下中图。在这个环中位于度夹角的两种颜色(也就是圆的某条直径两端的颜色)称为反转色又称为互补色。互补的两种颜色之间是此消彼长的关系。什么叫此消彼长呢?现在我们把圆环中间的颜色填满如下右图。假设上右图中目前位于圆心的小框代表就是我们将要选取的颜色。那么这个小框往蓝色移动的同时就会远离黄色或者接近黄色同时就远离蓝色。就像在跷跷板上不可能同时往两边走一样你不可能同时接近黄色和蓝色。在上图中间是白色可以看出如要得到最黄色就需要把选色框向最黄色的方向移动同#:RGB色彩模式|灰度色彩模式|图像通道|CMYK色彩模式|色彩模式的选择|颜色的选取|HSB色彩模式时也就逐渐远离了蓝色。当达到圆环黄色部分的边缘时就是最黄色同时我们离最蓝色也就最远了。由此得出黄色=白色-蓝色”。为什么不是白色+黄色呢?因为蓝色是原色光要以原色光的调整为准。因此最黄色的数值是,,。如下图:由上图也可以得出:纯黄色=纯红色+纯绿色。如果屏幕上的一幅图像偏黄色(注意:特指屏幕显示)不能说是黄色光太多而应该说是蓝色光太少。因为要以原色光为准。从色谱环中我们可目测出三原色光各自的反转色。红对青、绿对洋红、蓝对黄。如下图:除了目测还可以通过计算来确定任意一个颜色的反转色。首先取得这个颜色的RGB数值再用分别减去现有的RGB值即可。比如黄色的RGB值是,,那么通过计算:r(-)g(-)b(-)互补色为:,,。正是蓝色。对于一幅图像若单独增加R的亮度相当于红色光的成分增加。那么这幅图像就会偏红色。若单独增加B的亮度相当于蓝色光的成分增加。那么这幅图像就会偏蓝色。通过以上的内容我们讲述了RGB色彩的概念当然后面我们还会介绍其他的色彩模式。但请记住:RGB模式是显示器的物理色彩模式。这就意味着:无论在软件中使用何种色彩模式只要是在显示器上显示的图像最终是以RGB方式出现的。因此使用RGB模式进行操作是最快的因为电脑不需要处理额外的色彩转换工作。当然这种速度差异很难察觉只是理论上的。#:RGB色彩模式|灰度色彩模式|图像通道|CMYK色彩模式|色彩模式的选择|颜色的选取|HSB色彩模式灰度色彩模式Photoshop有色彩管理功能。我们目前主要针对网页设计为了与其他不带色彩管理的软件(如GoLive等)保持一致应将它关闭。可从菜单【编辑>颜色设置】打开色彩管理在顶部的“设置”中选择“色彩管理关闭”。如下图:在前面讲述RGB色彩以及在颜色调板选取颜色的时候有没有想到过RGB值相等的情况下是什么颜色?那是一个灰度色。如下左图。现在我们将颜色调板切换到灰度方式可看到灰度滑块如下右图。所谓灰度色就是指纯白、纯黑以及两者中的一系列从黑到白的过渡色。我们平常说所的黑白照片、黑白电视实际上都应该称为灰度照片、灰度电视才确切。灰度色中不包含任何色相即不存在红色、黄色这样的颜色。由于RGB数值相等产生灰度色因此灰度隶属于RGB色域(色域指的是色彩范围)。我们已经知道在RGB模式中三原色光各有个级别。由于灰度的形成是RGB数值相等。而RGB数值相等的排列组合是个那么灰度的数量就是级。其中除了纯白和纯黑以外还有种中间过渡色。纯黑和纯白也属于反转色。灰度的通常表示方法是百分比范围从%到%。Photoshop中只能输入整数在Illustrator和GoLive允许输入小数百分比。注意这个百分比是以纯黑为基准的百分比。与RGB正好相反数值越高颜色越偏黑数值越低颜色越偏白。灰度最高相当于“最高的黑”就是纯黑。灰度最低相当于“最低的黑”也就是“没有黑”那就是纯白。如下图:#:RGB色彩模式|灰度色彩模式|图像通道|CMYK色彩模式|色彩模式的选择|颜色的选取|HSB色彩模式既然灰度和RGB一样是有数值的那么这个数值和百分比是怎么换算的?比如%的灰度是级灰度中的哪一级呢?是否是x%呢?没错灰度的数值和百分比的换算就是相乘后的近似值由于灰度与RGB是“黑白颠倒”的所以的灰度等于的RGB亮度。×=近似算作。我们可以先在灰度滑块选择再切换到RGB滑块看数值。如下图:注意如果没有关闭色彩管理功能在颜色设置中的灰度标准就有可能不是GrayGamma那么上面的等式就不成立了。比如灰度的标准如果是GrayGamma的灰度换算成RGB就是,,。因此切记要关闭色彩管理功能。印刷品与网页的区别在于色彩模式不同印刷品必须是CMYK色彩模式而网页主要使用RGB色彩模式。Photoshop的色彩管理功能主要是针对印刷品的而我们目前针对网页因此可以关闭这个功能。不用担心即使不了解色彩管理的具体内容和灰度Gamma的标准也不影响后面的学习和操作。在教程以后的内容中默认都是在关闭色彩管理的前提下进行的。如果需要开启的话会特别提到。虽然灰度共有级但是由于Photoshop的灰度滑块只能输入整数百分比因此实际上从灰度滑块中只能选择出种(也算一种)灰度。大家可以在灰度滑块中输入递增的数值然后切换到RGB滑块察看可以看到的灰度RGB数值是,,灰度的RGB数值是,,灰度RGB值为,,。也就是说,,这样的灰度是无法通过Photoshop的灰度滑块选中的。Illustrator的灰度允许输入两位小数使得选色的精确性大大提高了。如下图:由于灰度色不包含色相属于“中立”色因此它常被用来表示颜色以外的其它信息。比如我们下面要讲到的通道灰度在其中已经不是作为一种色彩模式存在而是作为判断通道饱和度的标准。而在以后的蒙板中灰度又被用作判断透明度的标准。#:RGB色彩模式|灰度色彩模式|图像通道|CMYK色彩模式|色彩模式的选择|颜色的选取|HSB色彩模式图像通道在Photoshop中有一个很重要概念叫图像通道在RGB色彩模式下就是指那单独的红色、绿色、蓝色部分。也就是说一幅完整的图像是由红色绿色蓝色三个通道组成的。回顾一下前面的三张通道图他们共同作用产生了完整的图像如下图:大家也许会问:如果图像中根本没使用蓝色只用了红色和绿色是不是就意味着没了蓝色通道?我们已经知道黄色和蓝色是互补色那么一幅全部是纯黄色的图像中是不是就不包含蓝色通道?这是错误的概念一幅完整的图像红色绿色蓝色三个通道缺一不可。即使图像中看起来没有蓝色只能说蓝色光的亮度为但不能说没有蓝色通道存在。“存在、亮度为零”和“不存在”是两个不同的概念。现在大家在Photoshop中调入上面那幅图片(stif)。再调出通道调板。一般来说通道调板和图层是拼接在一起的可以先调出图层调板〖快捷键F〗后切换到通道。也可以使用菜单【窗口>通道】。如果调板中没有显示出缩览图可以右键点击调板中蓝色通道下方的空白处在弹出的菜单中选择小或中或大。下图是小缩览图的通道调板。此时注意红色绿色蓝色三个通道的缩览图都是以灰度显示的。如果我们点击通道名字就等于单独显示某通道这时会发现图像也同时变为了灰度图象。显示单独通道的快捷键分别是:〖Ctrl〗〖Ctrl〗〖Ctrl〗。RGB总合通道显示的快捷键是〖Ctrl~〗。这些快捷键已经写在通道调板上了。注意不要混淆:最顶部的RGB不是一个通道而是代表三个通道的总合显示效果。如果关闭了红色绿色蓝色中任何一个最顶部的RGB也会被关闭。如果点击了RGB所有通道都将处在显示状态。点击通道图片左边的眼睛图标可以显示或隐藏那个通道(隐藏有时候也称为关闭)。可以动手试试看不同通道组合的效果。#:RGB色彩模式|灰度色彩模式|图像通道|CMYK色彩模式|色彩模式的选择|颜色的选取|HSB色彩模式我们可以看到:如果关闭了红色通道那么图像就偏青色。如下左图。如果关闭了绿色通道那么图像就偏洋红色。如下中图。如果关闭了蓝色通道那么图像就偏黄色。如下右图。以上的现象也再次印证了反转色:红对青、绿对洋红、蓝对黄。现在点击察看单个通道发现每个通道都显示为一幅灰度图像(不能说是黑白图像)。如下图从左至右分别是灰度的红绿蓝通道图像:乍一看似乎没什么不同仔细一看却又有很大不同。虽然都是灰度图像但是为什么有些地方灰度的深浅不同呢?这种灰度图象和RGB又是什么关系呢?在回答这些问题之前先复习一下前面的一些概念。电脑屏幕上的所有颜色都由红色绿色蓝色三种色光按照不同的比例混合而成。这就是说实际上图像是由三幅图像(红色图、绿色图和蓝色图)合成的。如果对这两个概念有还不明确的话请再次学习前面有关RGB色彩理论的部分。明白了上面的话后再看下面的部分。对于红色而言它的图像中的分布是不均匀的有的地方多些有的地方少些。相当于:有的地方红色亮度高些有的地方红色亮度低些。现在再看看上面红色通道的灰度图可以看到有的地方偏亮些有的地方偏暗些。那么把两者对应起来看这幅灰度图实际上等同于红色光的分布情况图。在红色通道灰度图中较亮的区域说明红色光较强(成分较多)较暗的区域说明红色光较弱(成分较少)。纯白的区域说明那里红色光最强(对应于亮度值)纯黑的地方则说明那里完全没有红色光(对应于亮度值)。通道灰度图像中的明暗对应该通道色的明暗从而表达出该色光在整体图像上的分布情况。由于通道共有三个所以也就有了三幅灰度图像。从上面的红色通道灰度图中我们看到车把上挂着的帽子较白说明红色光在这区域较亮。那么是否可以凭借这个红色通道的灰度图象就断定在整个图像中帽子就是红色的呢?不能完整图像是由三个通道组成的因此还需要参考另外两个通道才能够定论。#:RGB色彩模式|灰度色彩模式|图像通道|CMYK色彩模式|色彩模式的选择|颜色的选取|HSB色彩模式为了方便对比下面再次列出RGB三个通道的灰度图并从中逐个分析:三个通道中帽子部分都是白。代表这个地方的RGB都有很高的亮度那么可以判断出这个地方是白色(或较白)。三个通道中坐垫下的挂包中部都是黑色那么这个地方RGB基本都不发光可以判定这个地方是黑色的(或较黑)。R通道中的前轮圈是白色G和B通道中为黑色说明这个地方只有红色没有绿色和蓝色那么这个地方应该是红色(或较红)。三个通道中后轮胎都是差不多的灰度说明这个地方RGB值较为接近那么这个地方应该是灰色(或接近灰色)。做完以上的推理分析后可以参考原图(stif)对照一下。现在来总结一些概念:通道中的纯白代表了该色光在此处为最高亮度亮度级别是。通道中的纯黑代表了该色光在此处完全不发光亮度级别是。也可以这样记忆:在通道中白(或较白)代表“光明的”、“看得见的”、“有东西”。黑(或较黑)代表“黑暗的”、“看不见的”、“没东西”。下面我们在图像(stif)上用不同的颜色写个字母:青色A洋红色B白C绿色D。注意所有颜色均为纯色。请说出ABCD在RGB三个通道中的灰度颜色分别是什么(白或黑)?答案在下页先思考再翻页。来看一下推理过程首先我们要确定ABCD的颜色值:#:RGB色彩模式|灰度色彩模式|图像通道|CMYK色彩模式|色彩模式的选择|颜色的选取|HSB色彩模式A是青色青色是红色的反转色那么它的RGB值就应该是:,,B是洋红色洋红色是绿色的反转色那么RGB值就是:,,C是白白色代表RGB均为最大值RGB值为:,,D是绿色意味着没有R和B的成分RGB值为:,,再看刚提到过的概念:通道中的纯白代表了该色光在此处为最高亮度亮度级别是。通道中的纯黑代表了该色光在此处完全不发光亮度级别是。那么反过来说亮度在通道灰度图中就是白色亮度在通道灰度图中就是黑色。得出结论并对照一下个通道的灰度图。A(,,)在RGB中顺序为:黑、白、白B(,,)在RGB中顺序为:白、黑、白C(,,)在RGB中顺序为:白、白、白D(,,)在RGB中顺序为:黑、白、黑如果这道题目没做对那么请回到前面重新学习。再在图像中打上字母E(,,)和F(,,)如下图(stif):那么这两个字母在R通道中应该是什么颜色呢首先我们再回顾一下前面的定义:通道中的纯白代表了该色光在此处为最高亮度亮度级别是。通道中的纯黑代表了该色光在此处完全不发光亮度级别是。以上只针对纯黑和纯白两种极端状态作出了定义而在现实图像中大部分色彩并不是这么极端的。在前面见到的通道灰度图中纯黑和纯白的部分极少大部分都是中间的过渡灰色。#:RGB色彩模式|灰度色彩模式|图像通道|CMYK色彩模式|色彩模式的选择|颜色的选取|HSB色彩模式对就是灰色亮度值介于到的在通道灰度图中就呈现灰色切换到R通道看到的效果如下图:同样是灰色E却要比F亮一些。这是为什么?比较两者在R的亮度数值就会看到E的亮度为F为。亮度值越高说明色光成分越多因此通道灰度图中就越偏白。现在我们要增加几条内容后重新记忆概念:通道中的纯白代表了该色光在此处为最高亮度亮度级别是。通道中的纯黑代表了该色光在此处完全不发光亮度级别是。介于纯黑纯白之间的灰度代表了不同的发光程度亮度级别介于至之间。灰度中越偏白的部分表示色光亮度值越高越偏黑的部分则表示亮度值越低。现在可以明白为何通道用灰度表示了吧?因为通道中色光亮度从最低到最高的特性正符合灰度模式那种从黑到白过渡的表示。正是因为灰度的这种特性使得它在以后还被应用到其它地方。通道中的灰度与颜色调板的灰度滑块是对应的。记住这点在目前不重要但在以后讲解Alpha通道时就很重要了。在理解了以上的内容后有一个随之而来的疑问:通道有什么用?通道不是拿来“用”的而是整个Photshop显示图像的基础。我们在图像上做的所有事情都可以理解为是色彩的变动比如你画了一条黑色直线就等同于直线的区域被修改成了黑色。而所有色彩的变动其实都是间接在对通道中的灰度图进行调整。比如下面这张图片(stif):我们使用色彩平衡工具作一个简单的色彩调整快捷键〖CtrlB〗菜单【图像>调整>色彩#:RGB色彩模式|灰度色彩模式|图像通道|CMYK色彩模式|色彩模式的选择|颜色的选取|HSB色彩模式平衡】将绿色滑块拉到最右边下方的色调平衡先不要去管如下左图。这时看到图像明显偏绿色了如下右图:图像是怎么变绿色的呢?其实就是绿色通道发生了改变增强了绿色光在图像中的亮度。那么如果单独比较绿色通道在调整前后的灰度图现在应该是变得更亮还是变得更暗对照一下我们前面总结过的条定义其一:灰度中越偏白的部分表示色光亮度值越高越偏黑的部分则表示亮度值越低。换个角度思考如果亮度值高就意味着通道的灰度图像偏白。下面对比一下调整前后绿色通道的灰度图如下图。可以看到后者要显得明亮一些。这就是图像偏绿色的最基本原理。在操作中之所以我们不必直接去修改通道是因为Photoshop替我们做了那些工作。它通过一些使用起来较为方便和直观的工具(如刚才的色彩平衡)来间接地修改通道从而改变图像色彩。既然通过色彩平衡工具的调整把图像色彩调整偏绿色导致绿色通道变亮。那么反过来增亮绿色通道能否使图像偏绿色呢?答案在下页先思考再翻页。首先前半句的陈述是错误的通道是图像的基础是通道改变了图像而不是图像改变了通#:RGB色彩模式|灰度色彩模式|图像通道|CMYK色彩模式|色彩模式的选择|颜色的选取|HSB色彩模式道。至于这个问题可以动手来验证。打开前面的那幅图像(stif)调出通道调板单击绿色通道此时图像显示出绿色通道的灰度图。如下左图。然后使用菜单【图像>调整>亮度对比度】将亮度增加到对比度不变这样得到了与之前使用色彩平衡工具调整效果类似的灰度图如下右图:现在切换回RGB总体效果〖Ctrl~〗就可以看到图像色彩改动的效果了。如下图:这又证明了前面的叙述:通道是整个Photoshop显示图像的基础。色彩的变动实际上就是间接在对通道灰度图进行调整。通道是Photoshop处理图像的核心部分所有的色彩调整工具都是围绕在这个核心周围使用的。如下图如果我们在三个通道中相同的地方:都画上一条白线那么在整体图像中这个地方就多出一条白色的线。如果在R通道画白线在G通道和B通道画黑线整体图像中就多出一条红色的线。由此可见不仅是色彩的调整连绘图工具都是在通过改变通道来达到目的的。绘图工具将在后面的课程中介绍。既然通道是基础既然我们单独加亮绿色通道可以起到与色彩平衡工具相同的效果那为什么还要其他工具呢?之前说过因为直接调整通道不方便效果也不直观比如我们增亮绿色通道的时候看到的只是灰度图无法准确判断最终的调整效果。如果要看效果必须确认操作后切换回RGB观看如果不满意还要重复操作步骤。较为不便。#:RGB色彩模式|灰度色彩模式|图像通道|CMYK色彩模式|色彩模式的选择|颜色的选取|HSB色彩模式而色彩平衡工具在你拉动滑块的时候就能够实时地把最终效果显示出来让我们可以准确的感受从而判断。因此那些各种各样的调整工具是为了让我们使用起来更加方便和快速。有关色彩调整的内容将在以后介绍。另外:我们可以通过调整Photoshop预置让通道显示出色彩。【编辑>预置>显示与光标】打开预置调板也可以〖CtrlK〗调出预置常规后切换到显示与光标。将“通道用原色显示”打上勾。如下图:这样通道调板就变成彩色的了。如下图:此时点击单个通道图像也会以带有色彩的图像来显示。如下图:不过这种显示方式反而不如灰度图象来的准确因为加上了色彩的干扰层次不再那么分明因此不建议使用带色彩的通道图。在后面的内容中我们也都是以灰度图作为标准的所以从预置中再将它关闭吧。有关通道的具体应用将在以后的内容中介绍。#:RGB色彩模式|灰度色彩模式|图像通道|CMYK色彩模式|色彩模式的选择|颜色的选取|HSB色彩模式CMYK色彩模式前面我们都在学习有关RGB的内容RGB色彩模式是最基础的色彩模式所以RGB色彩模式是一个重要的模式。只要在电脑屏幕上显示的图像就一定是以RGB模式。因为显示器的物理结构就是遵循RGB的。除了RGB之外还有一种CMYK色彩模式也很重要。CMYK也称作印刷色彩模式顾名思义就是用来印刷的。前面说过只要在屏幕上显示的图像就是RGB模式表现的。现在加上一句:只要是在印刷品上看到的图像就是CMYK模式表现的。比如期刊、杂志、报纸、宣传画等都是印刷出来的那么就是CMYK模式的了。CMYK和RGB相比有一个很大的不同:RGB模式是一种发光的色彩模式你在一间黑暗的房间内仍然可以看见屏幕上的内容。CMYK是一种依靠反光的色彩模式我们是怎样阅读报纸的内容呢?是由阳光或灯光照射到报纸上再反射到我们的眼中才看到内容。它需要由外界光源如果你在黑暗房间内是无法阅读报纸的。和RGB类似CMY是种印刷油墨名称的首字母:青Cyan、洋红Magenta、黄Yellow。而K取的是blacK最后一个字母之所以不取首字母是为了避免与蓝(Blue)混淆。从理论上来说印刷只需要CMY三种油墨就足够了它们三个加在一起就应该得到黑色。但是由于目前制造工艺还不能造出高纯度的油墨CMY相加的结果实际是一种暗红色。因此还需要加入一种专门的黑墨来中和。点击颜色调板的按钮在菜单中选择“CMYK滑块”会看到CMYK是以百分比来选择的相当于油墨的浓度。如下图:和RGB模式一样CMYK模式也有通道而且是个CMYK各一个。在Photoshop中调入下面这幅图像(stif)。#:RGB色彩模式|灰度色彩模式|图像通道|CMYK色彩模式|色彩模式的选择|颜色的选取|HSB色彩模式注意上面的图像输入Photoshop后是RGB模式的。图像的色彩模式和其它一些信息可以从图像窗口的标题区看到。标题区显示着图像名称、缩放比例、色彩模式和颜色通道数。图中显示着RGB就表示这是一个RGB模式的图像颜色通道为位。如下图:在RGB模式下只能看到RGB通道。我们需要手动转换色彩模式到CMYK后才可以看到CMYK通道。转换图像色彩模式可以从菜单【图像>模式】选择“CMYK颜色”。注意图像色彩可能会发生一些变化变化的原理在本课后面部分有提到。此时察看通道就会看到CMYK各通道的灰度图象如下图:CMYK通道的灰度图和RGB类似是一种含量多少的表示。RGB灰度表示色光亮度CMYK灰度表示油墨浓度。但两者对灰度图中的明暗有着不同的定义:RGB通道灰度图中较白表示亮度较高较黑表示亮度较低。纯白表示亮度最高纯黑表示亮度为零。CMYK通道灰度图中较白表示油墨含量较低较黑表示油墨含量较高纯白表示完全没有油墨。纯黑表示油墨浓度最高。用这个定义来看上面的那幅CMYK通道灰度图会看到黄色油墨的浓度很高而黑色油墨比较低。在图像交付印刷的时候一般需要把这四个通道的灰度图制成胶片(称为出片)然后制成硫酸纸等再上印刷机进行印刷。传统的印刷机有个印刷滚筒(形象比喻实际情况有所区别)分别负责印制青色、洋红色、黄色和黑色。一张白纸进入印刷机后要被印次先被印上图像中青色的部分再被印上洋红色、黄色和黑色部分顺序如下图:从上面的顺序中可以很明显地感到各种油墨添加后的效果。#:RGB色彩模式|灰度色彩模式|图像通道|CMYK色彩模式|色彩模式的选择|颜色的选取|HSB色彩模式在印刷过程中纸张在各个滚筒间传送可能因为热胀冷缩或者其他的一些原因产生了位移这可能使得原本该印上颜色的地方没有印上。也称为套印错误。为了检验印刷品的质量在印刷各个颜色的时候都会在纸张空白的地方印一个符号。如果每个颜色都套印正确那么在最终的成品上只会看到一个符号。如果有两个或三个就说明产生了套印错误将会造成废品。如下图:不同用途的印刷品对套印错误造成的废品标准也不同。报纸等较廉价和低质的印刷品误差半毫米甚至毫米都允许。但画册、精美杂志、尤其是地图等精细印刷品对废品的标准和尺度就要严格得多。想象一下在印刷品上画一条毫米的很细的线条那么如果套印错位毫米就会出现两条线了。如何避免这种情况呢?这个时候在用色上就应该避免使用多种颜色的混合色。如下左图和右图所显示的颜色调板都是选择一种绿色。左图的绿色在CMYK四色上都有成分那么使用这个颜色画的线将被印刷次。而右图的绿色只使用了C和Y两种颜色在印刷的时候只要被印两次就可以了。因此套印错误的机会比左图的绿色低得多。注意“只要被印两次”并不是说只需经过两个滚筒同样还是要经过个但只有其中两个滚筒有图像印上而已。由这个小例子可见制作印刷品的时候你所使用的颜色会影响成品的印刷成功率。如果是RGB模式则完全不必当心这个问题因为屏幕是不可能有套印错误的情形发生的。那么我们普通家庭所使用的喷墨打印机是什么色彩模式呢?它会不会有套印错误呢?前面说过只要是印刷品就是CMYK模式喷墨打印机当然也是它其中至少装着CMYK四色的墨盒(个别型号会更多)和印刷机的油墨类似。但是喷墨打印机不会产生套印错误这是为什么呢?我们说过印刷机的纸张要进出个滚筒套印错误就是在这进出之间产生的。而喷墨打印机是一次性打印。所以不存在套印错误。那喷墨打印机如何实现一次性打印呢?喷墨打印机将多个喷嘴前后依次排列。这样在打印的时候纸张第一行先被喷上C然后纸张向前移动一行原先的第一行停在了M喷嘴下被喷上M色同时新的空白的第二行被喷上C色。接着纸张再前移已喷完C、M的那一行现在停在了Y色喷嘴下被喷上Y色。而第二行被喷上#:RGB色彩模式|灰度色彩模式|图像通道|CMYK色彩模式|色彩模式的选择|颜色的选取|HSB色彩模式M。新的空白第三行被喷上C。以此类推。如果我们在打喷墨打印机打印到一半的时取消打印就会看到在图像的边缘分布着未完成的部分效果类似下图:既然喷墨打印机的原理并不复杂为什么大型印刷机不采用这样印刷方式呢?是因为这种打印方式速度很慢喷嘴在每行都需要有一个移动的过程这需要时间如果大幅面纸张耗时更久。而报纸等大量的印刷品都需要在短时间内完成所以这种打印方式是无能为力的。并且精度上也不及印刷机。因此打印和印刷这两者是有很大区别的。打印一般数量很少质量和速度要求也不高。常见于个人及小型办公使用。印刷则正相反。随着印刷技术的进步现在很多中小型印刷厂都采用了一种称为四色印刷机的印刷设备可以很有效地减少套印错误的机会降低废品率。#:RGB色彩模式|灰度色彩模式|图像通道|CMYK色彩模式|色彩模式的选择|颜色的选取|HSB色彩模式色彩模式的选择那么我们到底该如何选择适当的色彩模式呢?我们先来明确一下RGB与CMYK这两大色彩模式的区别::RGB模式是发光的存在于屏幕等显示设备中。不存在于印刷品中。:CMYK模式是反光的需要外界辅助光源才能被感知它是印刷品唯一的色彩模式。:CMYK的所有色彩都包含于RGB色域中但CMYK的色彩数量少于RGB。:RGB通道灰度图偏白表示发光程度高CMYK通道灰度图偏白表示油墨含量低。特别注意第三条CMYK的色彩数量要少于RGB。这意味着如果你用RGB模式去制作印刷用的图像那么你所用的某些色彩也许是无法被打印出来的。一般来说RGB中一些较为明亮的色彩无法被打印如艳蓝色、亮绿色等。如果不作修改地直接印刷印出来的颜色可能和原先有很大差异。以下是一幅在RGB模式下制作的图像在转换为CMYK模式后的比较如下图:可以看出原先较为鲜亮的一些颜色都变得黯淡了这就是因为CMYK的色域要小于RGB因此在转换后有些颜色丢失了。即使再把CMYK模式转为RGB模式丢失的颜色也无法恢复了。这好比原先是一个装满水的升杯子后来倒入了一个升的杯子流失了升。即使以后再倒回升的杯子这杯子中装的实际只有升。因此不要频繁地转换色彩模式。转换一次就相当于倒了一次杯子可能有些水就流失了。当然从CMYK模式转换为RGB模式是不会有色彩丢失的。明白了以上道理我们对如何选择图像的色彩模式就有了一个概念了::如果图像只在电脑上显示就用RGB模式这样可以得到较广的色域。:如果需要打印或者印刷就必须使用CMYK模式才可确保印刷品颜色与设计时一致。从此之后每当我们要开始新图像制作的时候首先就要确定好色彩模式。目前我们偏重的是网页设计和制作由于网页一般只是显示在屏幕上的因此我们可以舒心地去使用RGB模式。那么RGB模式的图像能否直接打印呢?可以的你可以在Photoshop中直接把一幅RGB图像输出给打印机系统会自动在中间转换色彩模式。但不建议这样做因为前面提到过的色域问题可能打印出来的图像和设计中的颜色有偏差。至于印刷是肯定不能用RGB模式图像的除非印刷厂在印刷前替你转换了模式。#:RGB色彩模式|灰度色彩模式|图像通道|CMYK色彩模式|色彩模式的选择|颜色的选取|HSB色彩模式颜色的选取Photoshop中提供了三种选择任意色彩的方式。第一是使用颜色调板〖F〗拉动滑块确定颜色。Photoshop中颜色分为前景色和背景色位于颜色调板左端的两个小方块代表前景色和背景色。左上的代表前景色右下的代表背景色。通过点击可以在两者间切换选取颜色。取色的时候如果出现一个这是色域警告标志警告该颜色不在CMYK色域。单击标志附近的色块就会切换到离目前颜色最接近的CMYK可打印色。滑块分为灰度、RGB、HSB、CMYK、Lab、Web可点击调板右上角的按钮切换其中一些模式我们将在以后介绍。如下图:第二是使用滑块下方的色谱图。色谱分为RGB、CMYK、灰度。用鼠标直接在色谱图中点击即可选中颜色。也可以按住鼠标在色谱中拖动松手确定颜色。选中颜色的同时上方的滑块会跟着变换读数。色谱最右方是一个纯白和纯黑。顺序如下。可以明显感觉到RGB色谱比CMYK明亮。色谱中还有一种“当前颜色”是指从已选颜色到纯白的过渡效果类似灰度。一般用于制作印刷图像时选取淡印色。第三种方法是使用Photoshop默认的Adobe拾色器。如下右图。方法是点击工具栏上的前景色或背景色色块如下左图。点击颜色调板上的也可。Adobe拾色器中其中也有色域警告标志。有时还会出现一个小立方体标志以及拾色器最底部的“只有Web颜色”和#后面的一组数字和字母这些将在以后介绍。#:RGB色彩模式|灰度色彩模式|图像通道|CMYK色彩模式|色彩模式的选择|颜色的选取|HSB色彩模式这个拾色器功能强大使用方法也很多上图所示的是最通常的用法。左边那个大方框是鼠标色彩选取区使用鼠标像在前面色谱中那样选色即可。也可以由右边直接填入数字。在大框右边那一多彩的竖条是色谱注意右边HSB方式的H目前被选择那么现在这个色谱就是色相色谱。即:红色橙黄色绿色青色蓝色紫。除了H以外S、B、R、G、B、L、a、b都可以作为色谱的标准但那些方式较为难懂目前不必去深究。只要知道H色相方式就够了。比如现在要选择一个深绿色就先把色相移动到绿色那一段然后在大框中移动鼠标到较深的区域即可完成。注意色谱右上方有一个从中间一分为二的方框里面是目前颜色与前一次所选颜色的对比。比如下半部显示着刚才选中的青绿色。点击下半方框就可以回到前一次的青绿色选择。纯白在大框左上角注意那个选色的小圈的心才是选中的颜色因此要选择纯白小圈要移出大框四分之三才可以同时应注意RGB的数值均为说明就是纯白。如下左图。要在这里选取灰度必须在大框最左边的那一条竖线中小圈只能看到右半边同时RGB值应相等。如下右图:除了使用Adobe的拾色器外还可以通过改变预置选项切换到Windows拾色器。方法是使用菜单【编辑>预置>常规】快捷键〖CTRLK〗打开预置。更改拾色器项目如下左图。相比Adobe拾色器Windows拾色器较为粗糙选色的精度也不高。如下右图。因此在大多数情况下我们都使用Adobe拾色器来选取颜色。Illustrator提供了三种和Photoshop相同的选取任意颜色的方式。可以由颜色调板直接拉动滑块也可以点击下方的色谱。色谱的最左方那个带斜线的框子代表无色方式。Illustrator的滑块和色谱是一起变化的。即当切换到RGB滑块的时候色谱也切换到RGB色谱。这点与Photoshop将两者分开来的做法不同。在百分比数值中允许输入两位小数因此#:RGB色彩模式|灰度色彩模式|图像通道|CMYK色彩模式|色彩模式的选择|颜色的选取|HSB色彩模式在取色精度上要高于Photoshop。以下是Illustrator的各种颜色滑块。此外Illustrator的调板是可以多级折叠的比如Color(色彩)调板可以通过点击在Color字样左边的上下箭头来折叠如下图。也可以通过双击(Photoshop是单击)色块来启用Adobe拾色器拾色器内容和使用方法与Photoshop相似如下图。另外Illustrator的颜色分为填充色和边界色与Photoshop的分法和概念完全不同。这将在以后介绍。相对于刚才两个制作图像的软件GoLive作为网页制作软件颜色的选取又有不同。首先去除了大型的拾色器这是因为制作网页所使用到的颜色不需要那么精确。颜色调板的滑块分为:灰度、RGB、CMYK、HSB、HSV。如下图。注意在Color(颜色)调板最下方一排的位置记录着先前用过的一些色彩只需点击即可再次使用。非常方便。#:RGB色彩模式|灰度色彩模式|图像通道|CMYK色彩模式|色彩模式的选择|颜色的选取|HSB色彩模式其中最后一个HSV选取方式其实就是前面我们所看到的Photoshop大型拾色器的色相色谱方式只不过这里小型化了并且把色相色谱拼接成了环状。严格说这种环形的色谱更规范。与Photoshop和Illustrator都不同的是GoLive能够在任意方式下采用百分比作为取色标准。而百分比精度达到位小数。得益于Photoshop的概念GoLive的取色非常容易甚至更加方便。同时也令Photoshop的使用者可以较容易地掌握它。以上介绍的都是直接选取颜色的方法此外还有很多的间接颜色选取方法有的甚至比起直接选取来得更加重要。这将在以后的内容中逐渐介绍。#:RGB色彩模式|灰度色彩模式|图像通道|CMYK色彩模式|色彩模式的选择|颜色的选取|HSB色彩模式HSB色彩模式前面我们已经学习过了两大色彩模式RGB和CMYK。色彩模式有很多种但这两种是最重要和最基础的。其余的色彩模式实际上在显示的时候都需要转换为RGB在打印或印刷(又称为输出)的时候都需要转为CMYK。这两种色彩模式都比较抽象不符合我们对色彩的习惯性描述。比如下面这幅图像。如果问:图中人物衣服颜色的RGB或CMYK值是多少?你一定会觉得不得其所。如果现在要你在RGB模式下组合出一个浅绿色也很难快速准确地做到。虽然Photoshop和Illustrator以及GoLive的取色滑块都提供了色彩预见功能即动态颜色滑块。如下左图。可以预见:将R滑块往右拉就会得到粉红色把B滑块向左拉会得到草绿色把G滑块向右拉就可以得到浅绿色。但这种方式还是不够直观最重要的是不方便修改比如从左图的蓝色修改到更浅更亮一些的青蓝色需要拉动三个滑杆才能得到如下右图。动态颜色滑块功能可以在预置中常规选项中打开或关闭。习惯上我们都会说图片上的衣服是黄色的。或者说是明黄色的。比如晴空首先想到蓝色然后是浅蓝色。比如湖水首先想到绿色进一步想到碧绿色。我们大脑对色彩的直觉感知首先是色相即红色橙黄色绿色青色蓝色紫中的一个然后是它的深浅度。HSB色彩就是籍由这种模式而来的它扩展了人脑的“深浅”概念把颜色分为色相H、饱和度S、明度B三个因素。色相的概念和之前我们说过的色相是相同的即色彩的种类:红橙黄绿青蓝紫。饱和度相当于电视机的色彩浓度饱和度高色彩较艳丽。饱和度低色彩就接近灰色。明度也称为亮度等同于电视机的亮度亮度高色彩明亮亮度低色彩暗淡亮度最高得到纯白最低得到纯黑。#:RGB色彩模式|灰度色彩模式|图像通道|CMYK色彩模式|色彩模式的选择|颜色的选取|HSB色彩模式如果我们需要一个浅绿色那么先将H拉到绿色再调整S和B到合适的位置。一般浅色的饱和度较低亮度较高。如下左图。如果需要一个深蓝色就将H拉到蓝色再调整S和B到合适的位置。一般深色的饱和度高而亮度低。如下中图。如果要选择灰度只需要将S放在然后拉动B滑杆就可以如同灰度模式那样选择了。如下右图:这种方式选取的颜色修改方便比如要将上中图的深蓝色加亮只需要移动B就可以了既方便又直观。需要注意的是HSB滑块的灰度与灰度滑块K的数值是不同的。我们在Photoshop中选择灰度时候应以灰度滑块为准。在HSB模式中S和B的取值都是百分比唯有H的取值单位是度这个度是什么意思?是角度表示色相位于色相环的位置将前面学过的色相环加上角度就明白了如下图:从度的红色开始逆时针方向增加角度度是黄色度是青色等等。度又回到红色。可以自己调节H滑块对照一下。我们再看一下Photoshop的拾色器拾色器的H方式其实就是HSB取色方式。色谱就是色相而大框就包含了饱和度和明度(横方向是饱和度竖方向是明度)。如下图:在选取颜色的时候HSB模式较为直观和方便。在Illustrator和GoLive中也是如此。图像尺寸点阵格式图像矢量

用户评价(2)

关闭

新课改视野下建构高中语文教学实验成果报告(32KB)

抱歉,积分不足下载失败,请稍后再试!

提示

试读已结束,如需要继续阅读或者下载,敬请购买!

文档小程序码

使用微信“扫一扫”扫码寻找文档

1

打开微信

2

扫描小程序码

3

发布寻找信息

4

等待寻找结果

我知道了
评分:

/30

平面设计大师之路

仅供在线阅读

VIP

在线
客服

免费
邮箱

爱问共享资料服务号

扫描关注领取更多福利