Photoshop 图形与图像处理技术——第6章:通道与蒙版的应用

目录

[6.1 通道的建立](#6.1 通道的建立)

[6.1.1 通道基本知识](#6.1.1 通道基本知识)

[1.复合通道(Compound Channel)](#1.复合通道(Compound Channel))

[2.颜色通道(Color Channel)](#2.颜色通道(Color Channel))

[3.专色通道(Spot Channel)](#3.专色通道(Spot Channel))

[4.Alpha 通道(Alpha Channel)](#4.Alpha 通道(Alpha Channel))

5.单色通道

[6.1.2 通道的应用](#6.1.2 通道的应用)

[6.2 通道的编辑](#6.2 通道的编辑)

[6.2.1 Alpha 通道](#6.2.1 Alpha 通道)

[1. Alpha 通道的建立](#1. Alpha 通道的建立)

[2. Alpha 通道的编辑](#2. Alpha 通道的编辑)

[6.2.2 通道的编辑](#6.2.2 通道的编辑)

[1. 通道的复制与删除](#1. 通道的复制与删除)

[2. 通道的合并与分离](#2. 通道的合并与分离)

[6.2.3 通道编辑的应用方法](#6.2.3 通道编辑的应用方法)

[6.3 通道的混合应用](#6.3 通道的混合应用)

[6.3.1 应用图像](#6.3.1 应用图像)

[6.3.2 通道的混合运算](#6.3.2 通道的混合运算)

1.通道运算

[2."相加" 和 "减去" 混合模式。](#2.“相加” 和 “减去” 混合模式。)

[6.3.3 通道的混合应用方法](#6.3.3 通道的混合应用方法)

[6.4 蒙版及其应用](#6.4 蒙版及其应用)

[6.4.1 蒙版的概念](#6.4.1 蒙版的概念)

[1. 蒙版的基本知识](#1. 蒙版的基本知识)

[2. 快速蒙版](#2. 快速蒙版)

[6.4.2 蒙版的应用](#6.4.2 蒙版的应用)


6.1 通道的建立

6.1.1 通道基本知识

通道是 Photoshop 的一个重要功能。通道的主要作用是保存图像的颜色信息和存储蒙版。运用通道可以实现许多图像特效,能为图形图像工作人员带来创作技巧与思路。

通道作为图像的组成部分,与图像的格式密不可分,图像颜色、格式的不同决定了通道的数量和模式,在通道面板中可以直观地看到这一点。在 Photoshop 中涉及的通道主要有:

1.复合通道(Compound Channel)

复合通道不包含任何信息,实际上它只是同时预览并编辑所有颜色通道的一个快捷方式。它通常被用来在单独编辑完一个或多个颜色通道后使通道面板返回到它的默认状态。对于不同模式的图像,其通道的数量是不一样的。在 Photoshop 之中,通道涉及三个模式:对于一个 RGB 图像,有 RGB、R、G、B 四个通道;对于一个 CMYK 图像,有 CMYK、C、M、Y、K 五个通道;对于一个 Lab 模式的图像,有 Lab、L、a、b 四个通道。

2.颜色通道(Color Channel)

在 Photoshop 中编辑图像时,实际上就是在编辑颜色通道。这些通道把图像分解成一个或多个色彩成分,图像的模式决定了颜色通道的数量,RGB 模式有三个颜色通道,CMYK 图像有四个颜色通道,Bitmap 色彩模式、灰度模式和索引色彩模式只有一个颜色通道,它们包含了所有将被打印或显示的颜色。

3.专色通道(Spot Channel)

专色通道是一种特殊的颜色通道,指的是印刷时想要对印刷物加上一种专门颜色(如银色、金色等)。它可以使用除了青色、洋红(也叫品红)、黄色、黑色以外的颜色来绘制图像。专色在输出时必须占用一个 Channel,.psd、.tiff、.dcs 2.0 等文件格式可保留专色通道。专色通道一般用得较少且多与印刷相关。

4.Alpha 通道(Alpha Channel)

Alpha 通道是计算机图形学中的术语,指的是特别的通道。有时,它特指透明信息,但通常的意思是 "非彩色" 通道。这是真正需要了解的通道,可以说在 Photoshop 中制作出的各种特殊效果都离不开 Alpha 通道,它最基本的用处在于保存选取范围,并不会影响图像的显示和印刷效果。

5.单色通道

这种通道的产生比较特别,也可以说是非正常的。如果在通道面板中随便删除其中一个通道,所有的通道都会变成 "黑白" 的,原有的彩色通道即使不删除也变成灰度的了。这就是单色通道。



6.1.2 通道的应用

下面应用通道来设计创建一个促销页面,具体操作步骤如下:

(1)执行 "Ctrl+N" 命令建立新文件,命名为 "促销页面",把新建文件大小设置为宽 860 像素,高 660 像素,分辨率为 72 像素 / 英寸,色彩模式为 RGB 模式,背景色为 "#999999"。

(2)执行 "视图 --- 标尺" 命令,显示标尺,选择工具箱中的移动工具,从标尺中拖出红色的参考线,参考线分别离文件边缘 5 毫米。

(3)中间的分割参考线把文件分成 4 比 6 左右两个部分,参考线布置要准确。运用 "矩形选框" 工具,羽化值为 0,沿着参考线创建一个矩形选区。

(4)在图层面板底部,单击 "创建新图层" 按钮,建立一个新图层,命名为 "图层 1"。

(5)把前景色设置为白色,执行 "Alt+Delete" 命令,用白色的前景色进行填充。

(6)运用工具箱中的 "移动工具",分别从标尺中拖出四根参考线,每根参考线距离原来的第一根参考线 3 毫米,距离根据标尺上的刻度来确定,如图 6-1 所示。

(7)素材准备,打开素材文件 sucai 1.jpg 和 sucai 2.jpg;选择 sucai 1.jpg 文件,执行 "Ctrl+A" 命令全部选择图像,再执行 "Ctrl+C" 命令把图像复制到剪贴板中。

(8)选择 sucai 2.jpg 文件,单击文件的通道面板,选择蓝色通道。

(9)执行 "Ctrl+V" 命令,从剪贴板中把复制的图像粘贴到蓝色通道中,紧接着在通道面板中重新选择 RGB 通道,效果如图 6-2 所示。

(10)继续对 sucai 2.jpg 文件进行编辑,选择图层面板,执行菜单中的 "图像 --- 调整 --- 色相 / 饱和度" 命令,对整个图像进行调整,色相值调整到 200、饱和度值调整到 55,选择下面的着色选项,效果如图 6-3 所示。

(11)运用工具箱中的 "移动工具" 把制作好的 sucai 2.jpg 文件移到 "商业版面设计" 文件中,执行 "Ctrl+T" 命令进行大小和位置调整。

(12)新建一个图层为 "图层 2",设置前景色为 "#669999",运用 "矩形选框工具" 设置羽化值为 0,创建一个矩形选框,执行 "Alt+Del" 命令为 "图层 2" 用前景色填充,效果如图 6-4 所示。

(13)设置前景色为黑色,同样用矩形工具在文件中创建一个长方形选区,新建一个图层为 "图层 3",用前景色填充;在图层面板设置 "图层 3" 的不透明度为 50%,取消选择。

(14)打开 sucai 3.jpg 文件,执行 "图像 --- 调整 --- 亮度 / 对比度" 命令,调整图像的亮度,设置亮度值为 "-40",如图 6-5 所示。

(15)运用工具箱中的 "移动工具",把调整好的图片拖放到 "商业版面设计" 文件中,形成新图层,运行 "Ctrl+T" 命令调整图片的位置和大小,如图 6-6 所示。

(16)分别打开 sucai 4.jpg,sucai 5.jpg,sucai 6.jpg 和 sucai 7.jpg,运用 "移动工具" 分别把图片移动到文件中,并用 "Ctrl+T" 命令进行大小和位置调整,要求均匀分布,效果如图 6-7 所示。

(17)设置前景色为 "#cccccc",用 "矩形选框" 工具在图 6-7 中建立一个选区,新建一个图层并用前景色填充,如图 6-7 所示。

(18)用上一步同样的方法,建立两个矩形选区,分别用 RGB 为(199、210、202)的色彩和 "#cccccc" 两种色彩进行填充,如图 6-8 所示。

(19)用同样的方法,在文件上半部分用 RGB 为(233、238、233)的色彩填充。运用文本工具,选择 "bodoni DT BT" 字体(也可以选择别的合适字体),字体大小为 50 点,字体颜色为黑色,字体形式为粗体,选择消除锯齿的方式为 "犀利",输入文字,如图 6-9 所示。

(20)打开素材 sucai 2.jpg 图片文件,选取一块矩形图像,用移动工具拖放到文件中,放置文本图层的上方(这一点很重要)。在图层面板鼠标移到文字图层和图片图层的中间,按 Alt 键,使两个图层之间建立剪贴蒙版,效果如图 6-9 所示。

(21)继续使用文字工具,选择 "Arial" 字体,大小为 10 点,字体颜色为 "#333333",输入相应的文本,并用移动工具对文本的位置和大小进行调整,效果如图 6-10 所示。

(22)用文本工具在页面上拖出文本框,输入段落文本,字体为宋体,消除锯齿的方法为 "犀利",字体大小为 10 点,行间距为 16 点,字体颜色为 "#333333"。在段落面板中将段落设置为 "最后一行左对齐"。分别在文件中输入两段文本,并调整好位置,如图 6-10 所示。

(23)新建一个图层,选择工具箱中的 "画笔工具",在笔刷列表中选择 "圆形 1" 笔刷形状,笔刷大小设置为 10 个像素,设置前景色为 "#cc6633",用 "画笔工具" 在段落文本上方分别绘制出两个小圆,同时在小圆的后面输入相应的文本,文本大小为 14 点,其他设置与前面一样,效果如图 6-10 所示。

(24)创建一个新图层,在文件左上部分的位置上,用 "圆形选框" 工具创建一个圆形选区,羽化值为 0,并执行 "编辑 --- 描边" 命令用白色描边圆形选区,描边宽度为 3 个像素,状态为居中描边,如图 6-11 所示。

(25)执行 "选择 --- 修改 --- 收缩" 命令,把圆形选区进行适当的缩小,收缩值为 6 个像素,然后进行白色描边,描边宽度为 1 个像素,效果如图 6-12 所示。

(26)选择工具面板中的 "橡皮擦工具",设置笔刷大小,分别将上一步建立的两个圆擦除部分像素,同时用 "多边形套索工具" 绘制两个箭头形状分别放置在两个圆弧上,如图 6-13 所示。

(27)运用文本工具,在两个圆弧中间输入文本,文本字体为 "bodoni DT BT"(也可以用其他字体),大小为 24 点,颜色为 "#333333",将文本放置在圆弧的中央,如图 6-14 所示。

(28)将文本的前 3 个字母的颜色设置为 "#cc0000",最后对整体的版面进行适当的调整,完成版面的设计与制作。最终效果如图 6-14 所示。




6.2 通道的编辑

6.2.1 Alpha 通道

1. Alpha 通道的建立

用户在进行图像处理时,有时是对某一颜色通道进行多种处理,以获得不同的图像效果;有时把一个图像的通道应用到另一个图像中,进行图像的复合以获得需要的效果;但可能很多时候是对 Alpha 通道进行编辑,以获得特殊的选区和图像效果。在 Photoshop 中,用户创建的通道一般是 Alpha 通道,Alpha 通道创建的方法有以下五种:

(1)单击通道调板底部的 "创建新通道" 按钮。这样建立的通道,其属性是默认的。

(2)按住 Alt 键的同时,单击通道调板底部的 "创建新通道" 按钮,此时会弹出新建通道对话框,如图 6-15 所示。用户可以对新通道定义名称、色彩指示、颜色和不透明度。

(3)单击通道调板右上角的三角形图标,可以弹出通道调板菜单,在调板菜单中单击 "新通道" 按钮,也会显示新建通道对话框,可建立新通道。

(4)建立选区,执行选择菜单中的 "保存选区" 命令,将选区存储为新通道。

(5)建立选区,在通道调板底部的 "将选区存储为通道" 按钮上单击。


2. Alpha 通道的编辑

对图像的编辑实质上是对通道的编辑。因为通道是真正记录图像信息的地方,色彩的改变、选区的增减、渐变的产生,都可以追溯到通道中去。常见的通道编辑方法有以下几种:

(1)利用选择工具:Photoshop 中的选择工具包括遮罩工具(Marquee)、套索工具(Lasso)、魔术棒工具(Magic Wand)、字体遮罩(Type Mask)以及由路径转换来的选区等,其中包括不同羽化值的设置。利用这些工具在通道中进行编辑与对一个图像的操作是相同的。

(2)利用绘图工具:绘图工具包括喷枪(Airbrush),画笔(Paintbrush),铅笔(Pencil),图章(Stamp),橡皮擦(Eraser),渐变(Gradient),油漆桶(Paint Bucket),模糊、锐化和涂抹(Blur、Sharpen、Smudge),加深、减淡和海绵(Dodge、Burn、Sponge)。选择区域可以用绘图工具在通道中去创建、修改,利用绘图工具编辑通道的一个优势在于可以精确地控制笔触,从而可以得到更为柔和以及足够复杂的边缘。

(3)利用滤镜:在通道中进行滤镜操作,通常是在有不同灰度的情况下,而运用滤镜的原因,通常是为了追求一种出乎意料的效果或者只是为了控制边缘。原则上说,可以在通道中运用任何一个滤镜去试验,从而建立更适合的选区。各种情况比较复杂,需要根据不同的目的做不同的处理。

(4)利用调节工具:特别有用的调节工具包括色阶(Level)和曲线(Curves)。在用这些工具调节图像时,会看到对话框上有一个 Channel 选单,在这里可以调整所要编辑的颜色通道。按住 Shift 键,再单击另一个通道,可以强制这些工具同时作用于一个通道。



6.2.2 通道的编辑

1. 通道的复制与删除

在 Photoshop 中,用户不但可以在同一图像中复制通道,也可在不同图像之间复制通道。

  • 同一图像中复制通道的方法
    1. 直接把要复制的通道选择拖入调板底部的 "创建新通道" 中,会创建一个通道副本;
    2. 在所选择的通道上单击右键,选择 "复制通道";
    3. 在通道调板菜单中选择 "复制通道"。
  • 不同图像间复制通道
    1. 首先打开两幅图像。若图像尺寸大小一样:选择要复制的通道,右击或在通道调板菜单中选择 "复制通道",弹出复制通道对话框,在 "为" 后输入新通道名称,在 "文档" 后选择目标图像(如图 6-16 所示);
    2. 若图像尺寸大小不一样:把原图像中要复制的通道直接拖入到目标图像中进行复制。
  • 删除通道的操作:直接选中要删除的通道,单击调板底部的 "删除通道" 按钮;也可拖入 "删除通道" 按钮;也可以右击要删除的通道,选 "删除通道";还可以在调板的菜单中进行删除。

2. 通道的合并与分离

在图像处理的过程中,有时需要把几个不同的通道进行合并,有时需要对一张图像的通道进行分离,以满足图像制作需求。

合并通道是将多个灰度图像合并成一个图像,用户打开的灰度图像的数量决定了合并通道时可用的颜色模式,不能将从 RGB 图像中分离出来的通道合并成 CMYK 模式的图像。合并通道的操作步骤如下:

  1. 打开想要合并的相同尺寸大小的灰度图像。
  2. 选择其中的一个作为当前图像。
  3. 在灰度图像的通道调板菜单中选择 Merge Channels 命令,打开 Merge Channels 对话框。
  4. 在对话框的 Mode 选项中选取想要创建的色彩模式,对应的合并通道数显示在 Channels 项文本框中。
  5. 单击 OK 按钮,打开对应色彩模式的合并通道对话框。
  6. 单击 OK 按钮,所选的灰度图像即合并成一个新图像,原图像被关闭。

分离通道是把一个图像的各个通道分离成几个灰度图像。当图像太大,不便于存储时,可以执行分离通道的操作。图像中存在的 Alpha 通道也将分离出来成为一个灰度图像,当这些灰度图像进行通道合并后,图像将恢复到原来效果。分离通道只需单击通道调板菜单中的 Split Channels 命令即可。



6.2.3 通道编辑的应用方法

下面主要通过案例,讲解通道的基本编辑方法和技巧,了解通道在图像特效处理过程中的应用途径,具体如下:

(1)启动 Photoshop,单击工具箱中的 "默认前景色和背景色" 工具,设置前景色为白色,背景色为黑色。

(2)执行 "Ctrl+N" 命令新建一个文件,命名为 "网站版面设计与编排",文件大小为 1024×768 像素,分辨率为 72 像素 / 英寸,色彩模式为 RGB,背景内容选择背景色。新建一个背景为黑色的网页版面文件。

(3)在文件中显示标尺,设置参考线,设置前景色为 "#666666",运用工具箱中的 "矩形选框" 工具,沿着参考线分别在文件的上部和底部建立 2 个选区,并执行 "Alt+Del" 命令用前景色填充选区,设置羽化值为 0,然后取消选择,效果如图 6-17 所示。

(4)执行打开文件命令,从素材库中打开 sucai 2.psd 文件,运用工具箱中的移动工具,把 sucai 2.psd 文件中的图案移到网站版面设计与编排文件中,并对图案的大小和位置进行适当地调整;在图层面板中设置图案所在的图层填充值为 50%,效果如图 6-17 所示。

(5)从素材库中打开 sucai 1.jpg 文件,如图 6-18 所示。在图层面板双击背景图层,把素材文件的 "背景图层" 转化为普通图层 "图层 0"。执行 "编辑 --- 变换 --- 水平翻转" 命令翻转图像,如图 6-19 所示。

(6)从工具面板中选择 "钢笔工具",在工具属性的 "形状图层""路径" 和 "填充像素" 三个选项中选择 "路径"。沿着人物图像的边缘绘制路径,其中头发边缘预留一定的宽度,如图 6-20 所示。

(7)在路径面板底部单击 "将路径作为选区载入" 选项,把路径转化为选区。然后在图层面板,将人物头像所在的图层 "图层 0" 进行复制,形成 "图层 0 副本" 图层。选择 "图层 0 副本" 图层,如图 6-21 所示。在图层面板底部选择 "添加图层蒙版" 命令为 "图层 0 副本" 添加蒙版。图像效果如图 6-22 所示。

(8)执行 "Ctrl+D" 命令取消选择状态。选择 "图层 0" 为当前工作图层。单击通道面板,将红色通道拖到通道面板底部的 "创建新通道" 按钮上,复制红色通道为 "红副本",如图 6-23 所示。

(9)选择 "红副本" 通道为当前工作通道,执行菜单中 "图像 --- 调整 --- 色阶" 命令。输入色阶参数分别设置为 80、0.51、116,如图 6-24 所示。

(10)选择工具箱中的 "画笔工具",操作过程中根据需要调整画笔大小。将图像中头发以外的部分用白色填充,头发部分用黑色填充,如图 6-25 所示。

(11)执行 "图像 --- 调整 --- 反相" 命令,然后单击通道面板底部的 "将通道作为选区载入" 按钮,把通道转化为选区,如图 6-26 所示。

(12)保留选区,在通道面板中单击 RGB 通道,回到图层面板,确定当前工作图层为 "图层 0"。单击图层面板底部的 "添加图层蒙版" 按钮。执行 "Ctrl+E" 命令向下合并图层,完成人物头像的选择,如图 6-27 所示。

(13)选择网站版面设计与编排文件为当前工作文件,用移动工具将选择的人物头像移到文件中,并进行适当地大小、位置调整,效果如图 6-28 所示。

(14)在人物头像所在图层的上方建立一个新图层,设置前景色为黑色。从工具箱中选择 "渐变工具",设置渐变为从前景色到透明的线性渐变,在文件中进行渐变填充,效果如图 6-29 所示。

(15)运用工具箱中的文字工具,在文件中单击,分别输入两个单行文本,字体设置为 "Arial bold",颜色为白色,大小分别为 57 点和 77 点,对齐编辑两个单行文本,调整到合适的位置,如图 6-30 所示。

(16)继续应用文本工具在版面中进行文字编排,字体设置为 "方正兰亭特黑简体",颜色为白色,大小为 16 点,设置行距为 14 点。分别设置适当的段落对齐方式,效果如图 6-31 所示。

(17)接下来制作版面的导航图标。首先用文本工具输入大写的文本,字体设置为 "Arial Regular",文字均为大写,文字颜色为 "#cccccc",并进行大小和位置的设计,同时运用 "画笔工具",笔刷大小为 1 个像素,用 "#cccccc" 颜色绘制两条直线,最后改变最上面的文字颜色,效果如图 6-32 所示。

(18)继续用文字工具输入导航文字,字体设置为 "Arial Regular",颜色为 "#cccccc",大小为 16 点。在图层中创建图层组,把导航文字放在同一个组中,文字排列要求水平中心对齐,间隔均匀,效果如图 6-33 所示。

(19)根据上面练习的方法和原理制作版面的底部。首先用文字工具建立段落文本,并调整到合适的大小和位置;打开素材文件 sucai 3.jpg,用移动工具和 "Ctrl+T" 工具对图片进行编辑操作,如图 6-34 所示。

(20)继续把素材文件 sucai 4.jpg、sucai 5.jpg、sucai 6.jpg 三个文件导入页面中,用移动工具和 "Ctrl+T" 工具对图片进行编辑操作,要求大小一致,排列整齐均匀。最后对整个版面做简单的修饰,完成版面的设计与制作工作。最终效果如图 6-35 所示。




6.3 通道的混合应用

6.3.1 应用图像

通过应用图像可以将源图像中的一个或多个通道进行编辑运算,然后将编辑后的效果应用于目标图像,从而创造出多种合成效果。执行 "图像 --- 应用图像" 命令打开应用图像对话框,如图 6-36 所示。应用图像包括以下选项:

  • 源(Source):可以在其下拉列表中选择一幅图像与当前图像混合,该项默认是当前图像。
  • 图层(Layer):设置源图像中的哪一层来进行混合,如果不是分层图,则只能选择背景层,如果是分层图,在图层的下拉菜单中会列出所有的图层,并且有一个合并选项,选择该项即选中了图像中的所有图层。
  • 通道(Channel):该选项用于设置源图像中的哪一个通道进行运算,后面的反相会将源图像进行反相,然后再混合。
  • 混合(Blending):设置混合模式,具体见图层的应用部分。
  • 不透明度(Opacity):设置混合后图像对源图像的影响程度。
  • 保留透明区域(Preserve Transparency):选此项后,会在混合过程中保留透明区域。
  • 蒙版(Mask):用于蒙版的混合,以增加不同的效果。


6.3.2 通道的混合运算

通道的混合运算是把一个或多个图像中的若干个通道进行合成计算,以不同的方式进行混合,得到新图像或新的通道。通道的混合运算包括应用图像和运算两个命令,应用图像前面已经介绍,这里主要讲解运算功能。

1.通道运算

在 Photoshop 中选择区域间可以有相加、相减、相交等不同的运算方法。Alpha 通道实际上是存储起来的选择区域,同样能够利用运算的方法来实现各种复杂的图像效果,制作出新的选择区域形状,通道的混合运算就能实现这一功能。通道的混合运算是把两个不同的通道通过图像混合生成新的通道、新的选区。可以混合两个来自一个或多个源图像的单个通道。可以将结果应用到新图像或新通道,或现有图像的选区。不能对复合通道应用 "计算" 命令。执行 "图像 --- 计算" 命令,打开计算对话框,有如图 6-37 所示的选项:

  • :有源 1 和源 2 两个图像源,选取第一个源图像、图层和通道,可以在其下拉列表中选择一幅图像与当前图像混合,该项默认是当前图像。选择 "反相" 在计算中使用通道内容的负片。
  • 图层:设置源图像中的哪一层来进行混合,如果不是分层图,则只能选择背景层;如果是分层图,在图层的下拉菜单中会列出所有的图层,并且有一个合并选项,选择该项即选中了图像中的所有图层。
  • 通道:该选项用于设置源图像中的哪一个通道进行运算,后面的反相会将源图像进行反相,然后再混合。
  • 混合:设置混合模式,具体见图层的应用部分。
  • 不透明度:设置混合后图像对源图像的影响程度。
  • 保留透明区域:选择此项后,会在混合过程中保留透明区域。
  • 蒙版:用于蒙版的混合,以增加不同的效果。

计算对话框与应用图像命令基本相同。通道源有两个源(Source)1 与源(Source)2,两个通道计算后的结果体现在 "结果" 栏目中,在结果(Result)下拉列表中,有三个选项,分别是新建文件,新通道以及选区,可以将图像的计算结果保存到新建文件,新通道以及转化为选区。


2."相加" 和 "减去" 混合模式。

"相加" 和 "减去" 混合模式只在 "应用图像" 和 "计算" 命令中可用。

  • 相加:增加两个通道中的像素值。这是在两个通道中组合非重叠图像的好方法。因为较高的像素值代表较亮的颜色,所以向通道添加重叠像素将使图像变亮。两个通道中的黑色区域仍然保持黑色(0+0=0)。任一通道中的白色区域仍为白色(255 + 任意值 = 255 或更大值)。"相加" 模式用 "缩放" 量除像素值的总和,然后将 "位移" 值添加到此和中。例如,如果需要查找两个通道中像素的平均值,应先将它们相加,再用 2 除且不输入 "补偿值"。"缩放" 因数可以是介于 1.000 和 2.000 之间的任何数字。输入较高的 "缩放" 值将使图像变暗。"补偿值" 可以通过任何介于 + 255 和 - 255 之间的亮度值使目标通道中的像素变暗或变亮。负值使图像变暗,而正值使图像变亮。

  • 减去:从目标通道中相应的像素上减去源通道中的像素值。在 "相加" 模式中,此结果将除以 "缩放" 因数并添加到 "补偿值"。"缩放" 因数可以是介于 1.000 和 2.000 之间的任何数字。可以使用 "位移" 值,通过任何介于 + 255 和 - 255 之间的亮度值使目标通道中的像素变暗或变亮。



6.3.3 通道的混合应用方法

前面讲解了通道的功能和用途、专色通道的性质和作用、通道的混合运算技术、"相加" 和 "减去" 混合模式等内容,下面讲解通道运算在图像特效处理过程中的应用途径,具体如下:

(1)执行 "文件 --- 打开" 命令,打开四张要合成的图像,分别如图 6-38(img006.jpg)、图 6-39、图 6-40、图 6-41 所示。

(2)在如图 6-38 所示的图片 1 中,选择通道调板,在通道调板底部单击三次建立新通道命令,建立三个 Alpha 通道,即 Alpha1、Alpha2、Alpha3。

(3)分别选择图 6-39、图 6-41、图 6-42,依次执行 Ctrl+A(全部选择)与 Ctrl+C(复制)命令,将三张图片分别复制并粘贴到 Alpha1、Alpha2、Alpha3 通道中。双击图 6-38 的背景图层,将其背景图层转化为 "图层 0",根据情况需要时可以复制出 "图层 0" 副本。

(4)执行图像菜单下的计算命令,打开计算对话框,设置如图 6-42 所示。

(5)执行图像菜单中的应用图像命令,对上一步操作中生成的新通道 Alpha4 进行应用图像处理,具体选项设置如图 6-3 所示。

(6)接下来再执行图像菜单中的应用图像命令,设置如图 6-44 所示。

(7)按 "好" 按钮结束,最终效果如图 6-45 所示。




6.4 蒙版及其应用

6.4.1 蒙版的概念

1. 蒙版的基本知识

图像处理中的蒙版是一个比较难理解的概念,蒙版(Mask)实际上是绘画与摄影专业的专用名词,它的作用是为了对绘画和照片的一部分图像进行编辑时保护不需要编辑的部分。Photoshop 在进行图像处理时,允许用户在图像上创建并使用蒙版,从而保护图像某一特定的区域。所以蒙版可以简单地理解为蒙在图像上的一层 "版"。当图像创作人员要给图像的某些区域应用颜色变化、滤镜和其他变化效果时,蒙版可以隔离和保护图像的其余区域。这与选择有点类似,当选择了部分图像时,没有被选择的区域 "被蒙版" 或被保护而不能编辑。蒙版是用 8 位灰度通道存放的,它可以用所有的绘画工具和编辑工具调整和编辑,也可以执行滤镜、旋转、变形等,能创建复杂蒙版转化为选区后应用到图像中。Photoshop 为用户提供了三种建立蒙版的方式:Quick Mask(快速蒙版)、Alpha 通道蒙版和图层蒙版。下面介绍一下快速蒙版。


2. 快速蒙版

快速蒙版与 Alpha 通道蒙版都是用来保护图像区域的,但快速蒙版只是一种临时蒙版,不能重复使用,Alpha 通道蒙版可以作为 Alpha 通道保存在图像中,应用比较方便。建立快速蒙版比较简单:打开一幅图像,使用工具箱中的选择工具,在图像中选择要编辑的区域,在工具箱中单击 Edit in Quick Mask Mode(以快速蒙版模式编辑)按钮,则在所选的区域以外的区域蒙上一层色彩,快速蒙版模式在默认情况下是用 50% 的红色来覆盖,如图 6-46 所示。

在快速蒙版下,可以使用绘图工具编辑蒙版来完成选择的要求;用橡皮擦工具将不需要的选区删除;用画笔工具或其他绘图工具将需要选择的区域填上颜色,这样基本上就能准确地选择所需要的图像。



6.4.2 蒙版的应用

以上面的知识为基础,接下来讲解蒙版的应用方法,具体如下:

(1)创建一个新文件,命名为 "网站登录界面设计",大小为 1024×768 像素,分辨率为 72 像素 / 英寸,RGB 色彩模式。

(2)在工具箱中,设置前景色为 "#c0c0c0",执行 "Ctrl+A" 命令全部选择文件,在背景图层执行 "Alt+Del" 命令填充前景色。设置参考线,根据标尺上的刻度设置四条参考线,在文件的中央形成一个矩形,同时设置一条横向的中心对称线,如图 6-47 所示。

(3)从工具箱中选择 "矩形选框工具",设置羽化值为 0,选中 "消除锯齿" 选项。沿着参考线建立一个矩形选区。设置前景色为 RGB(50、55、61),在图层面板创建一个新图层,执行 "Alt+Del" 命令将矩形选区用前景色填充,如图 6-48 所示。

(4)从工具箱中选择 "矩形选框工具",设置羽化值为 0,选中消除锯齿选项。沿着下面的两条参考线建立一个矩形选区。设置前景色为 RGB(147、147、147),设置背景色为 RGB(50、55、61)。选取 "渐变工具",设置渐变方式为 "线性渐变",渐变颜色为 "从前景色到背景色",对矩形选区进行渐变填充,如图 6-49 所示。

(5)从工具箱中选择 "圆角矩形工具",在工具属性栏中设置当前选项为 "填充像素",设置圆角半径为 30 像素,模式为 "正常",前景色任意设置。创建一个新图层,在新图层中绘制一个圆角矩形,命名为 "圆角矩形 1",如图 6-50 所示。

(6)在图层面板中,将圆角矩形所在的图层复制 5 个副本,并分别以 "圆角矩形 2" 至 "圆角矩形 6" 命名。

(7)在面板中显示色板面板,从色板面板右上角的菜单中选择 "复位色板" 命令,使色谱复位。然后再选择 "WEB 色谱",在弹出的对话框中选择 "追加"。

(8)确定当前工作图层为 "圆角矩形 1" 图层,按住 Ctrl 键单击 "图层缩览图" 区,使得圆角矩形处于被选择状态,并在色板中选取 "#3333FF" 颜色为前景色,填充圆角矩形,并删除圆角矩形不需要的部分,如图 6-51 所示。

(9)确定当前图层为 "圆角矩形 1" 图层,在图层样式面板中选择 "蓝色胶体" 样式应用于 "圆角矩形 1" 图层,双击图层打开图层样式参数设置,在 "斜面与浮雕" 参数中方向设置为向下,效果如图 6-52 所示。

(10)在 "圆角矩形 1" 图层上方新建一个图层,运用 "自定义形状工具",形状选择 "箭头 7",绘制一个箭头,如图 6-53 所示调整编辑箭头的形状和位置。在样式面板中选择 "拉丝光面金属" 样式,添加 "颜色叠加" 选项,设置颜色为 "#99CCFF",效果如图 6-53 所示。

(11)制作 "圆角矩形 1" 的倒影部分。在图层面板,复制 "圆角矩形 1" 所在的图层,用移动工具将圆角矩形移到如图 6-54 所示的位置。在保持图像不变的前提下,用新建图层与 "圆角矩形 1" 倒影所在的图层合并的方式清除图层样式,如图 6-54 所示。

(12)执行 "编辑 --- 变换 --- 垂直翻转" 命令,将图像翻转,同时用选择工具和 Del 命令删除不必要的部分,结果如图 6-55 所示。

(13)选择倒影部分的图像,在通道面板,执行通道面板底部的 "将选区存储为通道" 命令。选择渐变工具,前景色设置为黑色,用黑色到透明的方式,在通道选区中进行线性渐变,如图 6-56 所示。

(14)执行 "Ctrl+D" 命令取消选区。执行通道面板底部的 "将通道转化为选区" 命令,把渐变编辑的填充区域重新转化为选区,如图 6-57 所示。

(15)保持选区不变,单击 RGB 通道,选择图层面板,确认当前图层为倒影所在的图层。执行图层面板底部的 "添加矢量蒙版" 命令,完成倒影的制作,如图 6-58 所示。

(16)使用制作 "圆角矩形 1" 同样的方法和思路制作第 6 步复制出来的 "圆角矩形 2",选择 "圆角矩形 2" 所在的图层,应用图层样式为 "黄色胶体",在图层面板上设置填充为 100%。在图层样式中调整 "光泽 --- 颜色叠加" 选项中的色彩为 "#CCFF33",要求从色板中选取。同样调整浮雕的方向为向下,如图 6-59 所示。

(17)为 "圆角矩形 2" 创建图标和倒影,自定义形状工具中应用 "信封 2" 形状,设置图层样式并进行适当地调整,用上面相同的通道与蒙版技术创建 "圆角矩形 2" 倒影。效果如图 6-60 所示。

(18)用相同的方法和技巧分别为 "圆角矩形 3""圆角矩形 4""圆角矩形 5""圆角矩形 6" 设置图层样式,选择合适的颜色,调整图层样式;选择不同的形状设计每个圆角矩形的图标,为每个圆角矩形制作倒影,颜色和形状可以自定。效果如图 6-61 所示。

(19)使用 "矩形选框工具",设置羽化值为 0,创建两个一样大小的长方形矩形选区,新建一个图层,用白色填充两个长方形选区,取消选择,创建图层样式,设置投影与描边,其中描边选项为黑色内部描边;投影选项设置混合模式为正片叠底,不透明度为 75%,颜色为黑色,角度为 146 度,距离为 3,扩展为 0,大小为 2,使用全局光。

(20)再创建一个与上面长方形选区等高的长方形选区,新建一个图层,用白色填充并取消选区。给图层添加 "渐变蓝色枕状浮雕" 样式,对样式做适当地调整,运用文字工具选择合适的字体输入文本,如图 6-62 所示。

(21)选择文本工具,在整个版面中输入文本,字体为 "Arial",字体颜色为 "#cccccc",输入如图 6-63 所示文本,并进行大小位置编辑,最终效果如图 6-63 所示,完成登录界面的设计与制作。

相关推荐
童话名剑3 小时前
迁移学习示例 和 数据增强(吴恩达深度学习笔记)
笔记·深度学习·数据增强·迁移学习
浅川.253 小时前
数据结构(复习笔记)
笔记
星轨初途3 小时前
C++ string 类详解:概念、常用操作与实践(算法竞赛类)
开发语言·c++·经验分享·笔记·算法
d111111111d3 小时前
配置STM32F411CEU6的系统时钟-避免芯片内核锁死
笔记·stm32·单片机·嵌入式硬件·学习
全栈游侠3 小时前
I2C子系统01 - 相关结构体
笔记
wen__xvn4 小时前
高斯泼溅水下三维建模
笔记
d111111111d4 小时前
STM32内核锁死补救方法-STM32F411CEU6
笔记·stm32·单片机·嵌入式硬件·学习
想你依然心痛4 小时前
Spark大数据分析与实战笔记(第六章 Kafka分布式发布订阅消息系统-02)
笔记·分布式·spark
孙严Pay4 小时前
代付业务解析
笔记·科技·计算机网络·其他·微信