|
| 电脑艺术设计大师之路#6－图像调整 |
|
|
|
阅读本教程之前，请先阅读《电脑艺术设计大师之路》系列教程：
#1－色彩模式
#2－图像尺寸和格式
#3－初识Adobe家族成员
#4－选区选取详解
#5－探索图层奥秘
像素亮度
在学习本章节内容之前，请务必掌握课程#01中的色彩基础知识。中途加入的读者可以参阅这里：《#1－色彩模式》
通过色彩基础知识的学习我们知道每个象素都有相应的亮度，这个亮度和色相是没有关系的，同样的亮度既可以是红色也可以是绿色，就如同黑白(灰度)电视机中的图像一样，单凭一个灰度并不能确定是红色还是绿色。
所以，像素的亮度和色相是无关的。不能说绿色比红色亮，这是错误的说法。我们可以动手来做一下，使用矩形工具的第三种绘图方式，通过颜色调板〖F6〗的HSB方式将S和B的数值固定，只变化H数值(注意S的数值不能是0%，B的数值不能是0%和100%。否则会得到同样的黑色、白色或灰度色)挑选三种颜色。然后新建一层，用这三种颜色在同一层中画三个矩形。如下图上部分。
接着将这个图层复制并移动到下方，然后使用去色命令【图像>调整>去色】〖CTRL_SHIFT_U〗将图层转为灰度，调出信息调板〖F8〗切换到RGB方式，将鼠标在三个灰度方块上移动，可以看到三个方块的颜色相同。如下图下半部分。
矩形的排列并不需要像上图那么整齐，只要看得出区别就可以了。另外如果忘记有关颜色调板和信息调板的切换方式，可参阅《#01_RGB色彩模式》和《#04_论选区的不透明度》。今后课程中将不再提示。
其实亮度就和灰度差不多，灰度的黑白就如同亮度的明暗，在“色相无关性”方面两者也是一致的，因此灰度也常被用来表示亮度。
那么，将图像转为灰度，就可以看出图像中像素的亮度分布。比如上面使用过的去色命令【图像>调整>去色】〖CTRL_SHIFT_U〗，就可以将图像转为灰度。
注意这句话：“将图像转为灰度”。这其实是不严密的，因为去色命令并不能针对所有图层有效。所以应该说“将图层转为灰度”。事实上色彩调整命令都只能针对单个图层，即使有图层链接或图层组存在也是一样。如果要将整个图像转为灰度，要更改色彩模式【图像>模式>灰度】才能做到。
下面我们将一幅图像转为灰度来看看，如下图。因为只有一个图层，因此使用去色命令即可改变全图。
由于灰度等同于亮度，因此下图右边的灰度图像实际就代表了图像中的像素亮度。Photoshop将图像的亮度大致地分为三级：暗调，中间调，高光。这是Photoshop很重要的一个理念。画面中较黑的部位属于暗调，较白的部位属于高光，其余的过渡部分属于中间调。
我们知道像素的亮度值在0至255之间，靠近255的像素亮度较高，靠近0的亮度较低，其余部分就属于中间调。这种亮度的区分是一种绝对区分，即255附近的像素是高光，0附近的像素是暗调，中间调在128左右。
请务必要理解了以上的内容后，再往下继续学习。
曲线初识
虽然Photoshop提供了众多的色彩调整工具，但实际上最为基础也最为常用的是曲线。其它的一些比如亮度/对比度等，都是由此派生而来。曲线是Photoshop中最常用到的调整工具，理解了曲线就能触类旁通很多其他色彩调整命令。
在Photoshop中打开如下左图的照片。可以将它转为灰度看看亮度的分布情况(看完后可撤销转换操作)。如下右图。可以看到近处的山体属于暗调区域，天空属于高光区域，远处的山体属于中间调。
现在使用曲线命令【图像>调整>曲线】〖CTRL_M〗，将会看到如下图的设置框，其中有一条呈45°的线段，这就是所谓的曲线了。注意最上方有一个通道的选项，现在我们先选择默认的RGB。
我们经常在音乐播放软件中，或是组合音响调板上见到过音色调整按钮。如下图。向上移动至增强，向下是减弱。声音有高音、中音、低音之分。一般左端控制低音部，右端控制高音部。
我们可以用同样的思维来看待曲线，Photoshop将图像的暗调中间调和高光通过这条线段来表达。如下图，线段左下角的端点代表暗调，右上角的端点代表高光，中间的过渡代表中间调。
注意左方和下方有两条从黑到白的渐变条。位于下方的渐变条代表着绝对亮度的范围，所有的像素都分布在这0至255之间。渐变条中间的双向箭头作用是颠倒曲线的高光和暗调。为保持一致性我们使用图中默认的左边右白的渐变条。
位于左方的渐变条代表了变化的方向，对于线段上的某一个点来说，往上移动就是加亮，往下移动就是减暗。加亮的极限是255，减暗的极限是0。因此它的范围也属于绝对亮度。
注意曲线设置框右下角的“预览”选项需勾选。然后在线段中间点击，会产生一个控制点，然后往上拖动如下左图的位置。就会看到图像变亮，如下右图。通过勾选或取消“预览”可以比较调整前后的效果。“预览”右边有一个带下划线的字母P，这就是快捷键。相应的还有载入快捷键L和存储快捷键S等。凡是出现此类带下划线的字母，都可以按下键盘上相应的按键来开启或关闭某项功能。不过它们只在曲线设置框出现时有效。并不是针对全局的快捷键。针对全局的快捷键一般都是F4、F5这样或用CTRL/ALT/SHIFT组合的字母键。
那么为什么这样改变会变亮呢？
让我们来分析一下。如下图，假设线段上有abc三点，结合前面的知识可以知道a是图像中较暗的部分，c是较亮的，b位于两者中间。经过调整后都往Y轴上方移动了一段距离。由于往上移动等同于加亮，所以综合起来就是：较暗部分加亮，中间部分加亮，较亮部分加亮。图像看起来当然变亮了。
别满足于此，再仔细看一下。abc三点在Y轴方向上的移动距离不同，b较远而a和c较近。这意味着什么？意味着三点加亮的程度不同。
将思路扩展一下来看，位于中间调的b增加幅度最大，而靠近暗调的a和靠近高光的c增加的幅度相对小些。这意味着：原图中越暗或越亮的部分，加亮的幅度越小。
位于曲线两端的点并没有移动，这意味着：如果原图中有些地方是纯黑或纯白的，那么它们并没有被加亮。不过我可以很肯定地告诉大家，范例图像中没有纯黑和纯白的像素。至于我为什么会知道，稍后解释。
为了验证上面的理论，我们将改变前后的两幅图像放在一起，并且定下高光区域、暗调区域和中间调区域，如下图。12是高光，34为中间调，56为暗调。将信息调板〖F8〗切换为HSB方式，用鼠标比较一下12、34、56的亮度值，即B的数值。看看有什么变化。
为了更直观地比较，我们可以使用颜色取样器工具 〖I或SHIFT_I〗，在图中顺序点击1234处，就会在信息调板中看到4个取样点(也称为采样点)的颜色值。将它们都转为HSB方式，大致如下图。注意颜色取样器工具的热点在吸管的尾部，也就是光标的左下角，如果不适应，可按下大小写转换键〖Caps Lock〗切换到十字光标方式。
颜色取样器工具和吸管工具两者的图标很接近，注意区别不要混淆。吸管工具是 ，颜色取样器工具是。
现在比较一下12的亮度，分别是87%和95%，增加了8%。比较一下34的亮度，分别是57%和78%，增幅为21%。
由于一次最多只能有4个取样点，如果需要其它地方的数据，可使用颜色取样器工具移动现有的取样点位置。大家可以将34点上的采样光标移动到56的位置上，将会看到大概也是8%左右的增幅。
通过上面的实际比较，验证了前面我们根据曲线变化所做的推理。即暗调和高光部分变化的幅度小，中间调变化的幅度大。
再深化一下来看下图，其实从中我们就可以得到abc三点变化前后大概的B数值，而不必依赖取样器。
我们知道X轴数值代表原图绝对亮度，Y轴代表调整后绝对亮度，那么观察b点在X轴和Y轴的起始位置，均为50%。这代表“原50%后50%”，就是没有变化。在加亮后b点的Y轴位置大约是71%至73%左右。这代表“原50%后71%”，换句话说，原图中50%亮度的像素，在调整后应为71%至73%左右。大家可以分别比较两图中的143,144坐标处。
用同样的方法观察c点，应该是“原75%后87%”。调整后大约位于86%至89%。可以分别比较两图的253,125坐标处。
仔细看a点在Y轴上升的距离，其实和c点并不相等，比c略大一些。应该是“原25%后40%”，大约是39至41%左右。可分别比较两图的366,260坐标处。
在没有调整过的原图像上四处游走，注意信息调板中的B数值，会发觉最高的亮度在90%左右。在调整后的图像上游走，会发现最高的亮度在96%左右。这说明在调整之前和之后，图像中都没有最亮(即B值为100%，也就是纯白)的像素存在。可以通过增加调整的幅度让它出现。
我们可以将信息调板放在一个不会被其他东西遮挡的地方，然后使用曲线调整，在调整时将鼠标移到图像中，信息调板就会出现两组数值，中间用“/”分隔，左边的是调整前数值，右边的是调整后的数值。如下图。在坐标487,29处，亮度从89%提升到了100%。此时如果确认曲线调整，这个地方就是纯白了。
信息调板的这种参数比较功能，也适用其他种类的色彩调整方式，是非常方便的。因此一般将信息调板放置于界面的边角方便察看。
当然，大部分时候都是凭眼力去判断整体效果是否合适，需要这样精准追求局部效果的机会并不多。但是了解这种方式对深化认识色彩原理还是有好处的。
虽然使用B的百分比数值来表示和对比亮度较为直观和方便，但是大家心里要记住，这个百分比基于一个亮度的基础数值，这个数值就是256。这个原理在本课第一节就已经提到过了。也就是说，我们在上面得到的那些B的百分比值，如果要对应为实际的亮度级别，就应该乘上256。如下图。
还要记住一个问题，色阶的总数是256级，但最高的数值是255。这个原理我们早在课程#01中就提到过了。
前面我们推理abc三点改变幅度的时候，用的单位都是百分比，那是为了和HSB中的B数值对应起来。其实曲线设置框中本身就有一个色阶数值，当鼠标在曲线框格中移动的时候，左下角就会出现一组动态数值。如下左图。
当在曲线上确立一个点后，输入和输出就指示着目前所选中的点。如下右图。其中的输入表示变化前色阶值，输出则表示变化后的色阶值。可以直接输入数字进行精确的调整定位。此时两个数值不再随着鼠标移动而变化，如果要恢复动态数值，可用鼠标在远离曲线的位置(如下右图鼠标处)点击一下即可。如果距离曲线太近光标会变为十字箭头，点击会增加曲线控制点。
前面我们推理过b点的变化幅度为“原50%后71%”，两者换算为色阶分别是256×50%＝128，256×71%＝182(近似)。可以看出和下右图中的数值是差不多的。其中的误差主要是因为71%是依靠目测得出的大概位置。
大家也许不明白我为何要这样绕一个弯，而不在开始部分就引入色阶？刚才已经解释过了，是为了和HSB色彩模式中的B值对应起来。那为什么要和B值对应呢？因为在实际使用中，用信息调板来查看亮度是较为方便的。而信息调板中没有色阶方式，最好的亮度测量方式就是HSB中的B值。
在理解了曲线上升能够加亮图像的原理后，应该也就可以明白：如果曲线下降，将会减暗图像。这里就不再重复介绍了，免得有虚增字数之嫌。
曲线与直方图
前面我很肯定地说图像中没有纯黑或纯白像素。那么我是如何得知的呢？
那是因为我眼力比较好，因此可以一眼判断出来！呵呵，开个玩笑，肉眼是不可能那么准确的。我是凭借直方图调板来判断的。
直方图默认是和信息调板组合在一起的，也可以从【窗口>直方图】调出。大致如下左图。点击圆三角按钮，选择“扩展视图”和“显示统计数据”，在“通道”中选择亮度。将会看到如下右图的样子。
注意有些版本的Photoshop直方图显示存在错误，不能完全显示色阶范围。请先行检查并修复错误，参见直方图问题修复
如何来看待直方图呢？下图是从格尔木出发到拉萨的海拔高度变化图。是不是和上面的直方图很相似呢？
可以看到起点的海拔是2815米，终点的海拔为3654米，在大约四分之一的地方是风火山口，海拔为5010米。大约一半的地方是5231米海拔的唐古拉山口。
我们可以用同样的思维来看待直方图，如下图，直方图中X轴方向代表了亮度的“里程”，左端代表的亮度为0，右端为255。所有的亮度都分布在这条线段上。所以这条线所代表的也是绝对亮度范围。
如果说直方图中的绝对亮度范围就相当于里程，那么Y轴方向上的“海拔”，则代表在某一级亮度上，像素的数量。正如同上图中位于中部的唐古拉山口是最高海拔一样，在下图中约四分之三处的像素数量最多。
在直方图中移动的时候，统计数据会显示目前所处的亮度色阶，以及该亮度色阶上的像素数量。如下左图。也可以拖动选择一个范围，统计数据会显示所选的范围的色阶值，以及范围中所包含的像素数量。如下中图。在使用曲线等工具的调整过程中，直方图也会同时给出比较效果，原亮度色阶分布以灰色显示，新分布以黑色显示。如下右图。不过没有类似信息调板那样的数值对比功能。
现在知道如何通过直方图判断图像中是否有纯黑和纯白像素了吧？就是将鼠标移动到0或255色阶位置，看看像素数量是否为0即可。
要注意的一个问题是，直方图Y轴所代表的像素数量，可能会有超出窗口上限的情况，因此不能单凭视觉来判断像素数量，要以统计数据为准。
还有一个问题，如果在Photoshop中制作较大尺寸的图像，直方图右上角可能会出现一个警告标志 。这是因为如果图像较大，电脑计算直方图的工作量也较大，为了保证显示的即时性而采取了粗略计算的方法。将来随着计算机运算速度的提高，这种情况就会改善。
粗略的直方图和统计数据可能和真实情况有一些出入。点击这个警告标志即可看到正确计算的结果，可也双击直方图区域或按上方的按钮。
论亮度的合并
前面我们都是改变曲线的中间部分，现在我们来改变一下曲线的端点，将高光点往左平拉一些，观察下方的输入数值为200，输出为255。如下左图的样子。这时图像变为下中图的样子。注意观察右边所演示的直方图变化。
首先我们看到的是图像变亮了，然后观察直方图，可以看到原先没有像素的高光区域现在充满了很多像素，并且达到了右边界。达到右边界说明什么呢？因为直方图亮度色阶方式的最右端代表了最高的亮度。所以直方图达到右边界说明了这时候图像中有一部分像素达到了255级亮度。
|
|
| 电脑艺术设计大师之路#6－图像调整设计摘要：VI设计作品欣赏,为您提供画册设计,样本设计,产品目录设计,广告设计,海报设计和等设计资源欣赏,下载,图库,为设计师打造一个自我学习和提升的平台,学习设计最好的方法是多看,多做,多做,只有不断学习借鉴优秀平面设计师设计师的作品才能不断的提高自我,才能不断地迈向成功。 |
|
电脑艺术设计大师之路#6－图像调整设计摘要：平面设计师,空间概念涵概了自然空间感受与矛盾空间感受。随设计师的爱好、版面要求、视觉冲击需求、自由选择，而且毫不张扬，温文而雅，为抄袭者提供了大量改头换面的空间。对平面设计的理解很多来自这堆旧杂志。“平面不平”是我对平面设计,VI设计作品欣赏中画面效果的一种理解，很多人把它叫做版式、构图、结构、形式感…都可以，拜读了很多好的设计后，我感到设计师们都在有意无意地追求着“不平”的效果。即利用各种平面元素，在平面材质上（比如纸张等），我们头脑中的色彩冷暖关系就是固定的。红色偏暖，蓝色偏冷。其实这是一个错误的概念。如同音符一样，颜色随周围环境的变化转换着调性（冷暖关系).VI设计作品欣赏这一理论，符合商业时代或叫数码时代的要求，是个机械式的要求。对色彩调性化理解是对平面设计师灵性的训练.
|
|
|
·