3.1 绘制简单的选区

Photoshop包含很多种用于制作选区的工具，例如工具箱的“选框工具组”中就包含4种选区工具，即矩形选框工具、椭圆选框工具、单行选框工具、单列选框工具。在“套索工具组”中也包含了3种选区制作工具，即套索工具、多边形套索工具、磁性套索工具。除了这些工具外，使用快速蒙版工具和文字蒙版工具也可以创建简单的选区。

实例023 使用矩形选区为照片添加可爱相框

操作思路

当我们想要对画面中某个方形区域进行填充或者单独调整时，就需要绘制该区域的选区。想要绘制一个长方形选区或者正方形选区时，可以使用矩形选框工具。本案例主要使用矩形选框工具来制作可爱的相框。

案例效果

案例效果如图3-1所示。

操作步骤

01 执行菜单“文件＞打开”命令，打开相框素材“1.jpg”，如图3-2所示。

02 执行菜单“文件＞置入嵌入的智能对象”命令，置入素材“2.jpg”，如图3-3所示。按住Shift＋Alt快捷键并将光标移到图片左上角控制点处向上拖动，进行等比例放大，如图3-4所示。

03 此时将图片调整至合适位置，按Enter键确定置入此图片。然后在该图层上右击，在弹出的快捷菜单中执行“栅格化图层”命令，将其转换为普通图层，如图3-5所示。

04 接下来选择“图层”面板中的人像图层，并将其“不透明度”设置为50%，如图3-6所示。此时画面中人像呈半透明状态，背景图像将显示出来，如图3-7所示。

05 选择工具箱中的（矩形选框工具），沿背景相框内部边缘拖动鼠标，绘制矩形选区，如图3-8所示。接着在“图层”面板中将“不透明度”恢复至100%，此时画面如图3-9所示。

06 使用Ctrl＋J快捷键将选区内图片复制，得到一个新的图层。此时隐藏原始人像图层，如图3-10所示。该相框照片的最终画面效果如图3-11所示。

要点速查：矩形选框工具的选项

矩形选框工具选项栏如图3-12所示。

　羽化：主要用来设置选区边缘的虚化程度。羽化值越大，虚化范围越宽；羽化值越小，虚化范围越窄。

　消除锯齿：可以消除选区锯齿现象。在使用椭圆选框工具、套索工具、多边形套索工具时，“消除锯齿”选项才可用。

　样式：用来设置选区的创建方法。当选择“正常”选项时，可以创建任意大小的选区；当选择“固定比例”选项时，可以在右侧的“宽度”和“高度”文本框中输入数值，以创建固定比例的选区；当选择“固定大小”选项时，可以在右侧的“宽度”和“高度”文本框中输入数值，然后单击鼠标左键即可创建一个固定大小的选区。

　调整边缘：单击该按钮可以打开“调整边缘”对话框，在该对话框中可以对选区进行平滑、羽化等处理。

实例024 使用选区工具制作极简风格图标

操作思路

本案例首先使用矩形选框工具制作出图标轮廓并进行填色，然后运用椭圆选框工具搭配多边形套索工具制作内部图形，最终完成图标绘制。

案例效果

案例效果如图3-13所示。

操作步骤

01 执行菜单“文件＞新建”命令，在“新建文档”对话框中设置“宽度”为1600像素、“高度”为1400像素、“分辨率”为72像素／英寸、设置“颜色模式”为“RGB颜色”，设置“背景内容”为“白色”，如图3-14所示。

02 新建一个图层，选择工具箱中的圆角矩形工具，在工具选项栏中设置绘制模式为“路径”，“半径”为40像素，在画面中按住鼠标左键并拖曳绘制圆角矩形路径，如图3-15所示。使用Ctrl＋Enter快捷键将路径转换为选区，如图3-16所示。

03 接着在工具箱中设置前景色为黑色，使用Alt＋Delete快捷键为选区填充前景色颜色，如图3-17所示。在“图层”面板中设置“不透明度”为10%，如图3-18所示。

04 效果如图3-19所示。同样的方法，制作另一个圆角矩形，填充为浅灰色，如图3-20所示。

05 新建一个图层，选择工具箱中矩形选框工具，在之前的圆角矩形内按住鼠标左键拖曳绘制矩形选区，如图3-21所示。设置工具箱中的前景色为黑色，使用Alt＋Delete快捷键为选区填充前景色颜色，如图3-22所示。

06 然后在“图层”面板中设置“不透明度”为10%，如图3-23和图3-24所示。

07 新建一个图层，选择工具箱中的矩形选框工具，在画面中按住鼠标左键拖曳绘制矩形选区，如图3-25所示。在工具箱中设置前景色为黄色，使用Alt＋Delete快捷键为选区填充前景色颜色，如图3-26所示。

08 继续新建一个图层，使用矩形选框工具在画面中按住鼠标左键拖曳绘制矩形选区，在工具箱中设置前景色为浅黄色，使用Alt＋Delete快捷键为选区填充前景色，如图3-27所示。再次新建一个图层，选择工具箱中的椭圆选框工具，在画面中按住Shift键的同时按住鼠标左键拖曳绘制正圆选区，在工具箱中设置前景色为黄色，使用Alt＋Delete快捷键为选区填充前景色，如图3-28所示。

09 新建一个图层，选择工具箱中的多边形套索工具，在画面中单击绘制三角形选区，如图3-29所示。在工具箱中设置前景色为黄色，使用Alt＋Delete快捷键为选区填充前景色，如图3-30所示。

10 新建一个图层，继续使用多边形套索工具在画面中单击绘制三角形选区，在工具箱中设置前景色为浅黄色，使用Alt＋Delete快捷键为选区填充前景色，如图3-31所示。新建一个图层，同样的方法绘制另两个三角形，如图3-32所示。

要点速查：选区运算

在大部分选区工具的选项栏中都可以选择选区的运算方式，下面来了解一下各种方式的区别。

　新选区：单击该按钮后，每次绘制都可以创建一个新选区，如果已经存在选区，那么新创建的选区将替代原来的选区。

　添加到选区：单击该按钮后，可以将当前创建的选区添加到原来的选区中，如图3-33和图3-34所示。

　从选区减去：单击该按钮后，可以将当前创建的选区从原来的选区中减去，如图3-35和图3-36所示。

　与选区交叉：单击该按钮后，新建选区时只保留原有选区与新创建的选区相交的部分，如图3-37和图3-38所示。

实例025 使用多种选区工具制作折扣计算页面

操作思路

本案例首先使用渐变工具制作背景，然后利用多种选区工具绘制形状并填充颜色，接着在画面相应位置输入文字，制作出页面效果。

案例效果

案例效果如图3-39所示。

01 执行菜单“文件＞新建”命令，在“新建文档”对话框中设置“宽度”为1242像素、“高度”为2208、“分辨率”为72像素／英寸，设置“颜色模式”为“RGB颜色”，设置“背景内容”为“白色”，设置完成后单击“创建”按钮，如图3-40所示。选择工具箱中的渐变工具，在工具选项栏中单击渐变色条，在弹出的“渐变编辑器”对话框中编辑一个青绿色系渐变，单击“确定”按钮完成编辑，设置“渐变类型”为线性渐变，如图3-41所示。

02 接着在画面中按住鼠标左键拖曳填充渐变颜色，如图3-42所示。

03 执行菜单“文件＞置入嵌入的智能对象”命令，在弹出的“置入嵌入对象”对话框中选择素材“1.png”，单击“置入”按钮，如图3-43所示。将状态栏素材“1.png”移动到画面的顶端，然后按Enter键完成置入，如图3-44所示。

04 选择工具箱中的椭圆选框工具，在画面中按住Shift键的同时按住鼠标左键拖曳绘制正圆选区，如图3-45所示。设置前景色为白色，新建一个图层，使用Alt＋Delete快捷键将该图层填充为白色，如图3-46所示。

05 选中圆形图层，执行菜单“图层＞图层样式＞投影”命令，设置“混合模式”为“正常”、阴影颜色为绿色、“不透明度”为10%、“角度”为120度、“距离”为5像素、“大小”为4像素，单击“确定”按钮完成设置，如图3-47所示。效果如图3-48所示。

06 选择工具箱中的横排文字工具，在工具选项栏中设置合适的“字体”和“字号”，设置文本颜色为青绿色，接着在正圆上单击并输入文字，如图3-49所示。

07 在“图层”面板中选择椭圆图层，使用Ctrl＋J快捷键将该图层进行复制并将复制的正圆向下移动。然后使用“自由变换”（快捷键为Ctrl＋T），调出界定框，按住Shift键并拖曳控制点进行等比例缩小，如图3-50所示。调整完成后，按Enter键完成变换，如图3-51所示。

08 新建一个图层，选择工具箱中的多边形套索工具，在画面中的圆上绘制选区，如图3-52所示。接着设置前景色为青绿色，使用Alt＋Delete快捷键对选区添加前景色，如图3-53所示。

09 同样的方法制作另一个按钮，也可以复制顶部的圆形和文字并向下移动，然后使用横排文字工具更改其文字内容，如图3-54所示。

10 新建一个图层，选择工具箱中的矩形选框工具，在工具选项栏中单击“添加到选区”按钮，在画面中绘制两个矩形选区，如图3-55所示。在工具箱中设置前景色为白色，使用Alt＋Delete快捷键对选区填充前景色，如图3-56所示。

11 选择工具箱中的横排文字工具，在工具选项栏中设置“字体”和“字号”，设置填充为白色，在画面中单击输入文字，如图3-57所示。同样的方法，输入其他文字，如图3-58所示。

12 新建一个图层，选择工具箱中的矩形选框工具，在画面中按住鼠标左键拖曳绘制矩形选区，如图3-59所示。设置前景色为白色，使用Alt＋Delete快捷键进行填充，填充完成后使用Ctrl＋D快捷键取消选区，如图3-60所示。

13 选中矩形图层，执行菜单“图层＞图层样式＞投影”命令，设置“混合模式”为“正常”、阴影颜色为绿色，“不透明度”为60%、“角度”为120度、“距离”为5像素、“大小”为4像素，单击“确定”按钮完成设置，如图3-61所示。效果如图3-62所示。

14 选择工具箱中的横排文字工具，在工具选项栏中设置“字体”和“字号”，设置填充为绿色，在画面中单击并输入白色矩形按钮上的文字，最终效果如图3-63所示。

实例026 使用多边形套索工具制作拼图版式

操作思路

（多边形套索工具）适合于创建一些转角比较强烈的选区。本案例主要使用多边形套索工具绘制选区，制作风景拼图版式。

案例效果

案例效果如图3-64所示。

操作步骤

01 执行菜单“文件＞新建”命令，在弹出的“新建文档”窗口中设置“宽度”为1000像素、“高度”为1500、“分辨率”为300像素／英寸，设置“背景内容”为自定义的灰色，单击“创建”按钮，如图3-65所示。创建完成后的纸张如图3-66所示。

02 接着执行菜单“文件＞置入嵌入的智能对象”命令，置入素材“1.jpg”，如图3-67所示。调整到合适大小，然后按Enter键完成置入操作。接着执行菜单“图像＞栅格化＞智能对象”命令，将该图层转换为普通图层，效果如图3-68所示。

03 接下来制作多边形。选择工具箱中的（多边形套索工具），在工具选项栏中勾选“消除锯齿”复选框，可以让绘制完的选区柔和些，然后在画面中单击鼠标左键添加起始点，如图3-69所示。继续向右下角拖动绘制，如图3-70所示。

04 在图片上方单击鼠标左键，当首尾连接时，自动得到选区框，然后使用Ctrl＋J快捷键进行复制并隐藏“图层”面板中的原风景图层，如图3-71所示。此时效果如图3-72所示。

05 接着执行菜单“文件＞置入嵌入的智能对象”命令，置入素材“2.jpg”，如图3-73所示。调整到合适大小，然后按Enter键完成置入操作。接着在“图层”面板中选择该图层，在该图层上方右击，在弹出的快捷菜单中执行“栅格化图层”命令，将该图层转换为普通图层，如图3-74所示。

06 继续选择多边形套索工具，在画面中绘制一个三角形选区，复制选区中的内容，然后隐藏原风景图层，此时画面效果如图3-75所示。

07 同样的方法继续置入素材“3.jpg”和素材“4.jpg”，调整合适的大小并进行栅格化。然后使用多边形套索工具绘制多边形，生成选区后复制图片并隐藏原图层，此时画面效果如图3-76所示。

08 可以看出此时灰色区域较空旷，所以需要输入一些文字，丰富图片效果。选择工具箱中的横排文字工具，在工具选项栏中设置合适的“字体”，设置字体大小为6.43点，设置文本颜色为黑色，接着在画面中部单击并输入文字，如图3-77所示。

09 同样的方法，在工具选项栏中设置“字体”“字体大小”及“文本颜色”，输入其他文字，画面最终效果如图3-78所示。

实例027 使用多边形套索工具为名片换背景

操作思路

本案例主要通过多边形套索工具抠出名片主体，然后置入新的背景图像，并使用自由变换配合渐变工具制作名片的倒影效果。

案例效果

案例效果如图3-79所示。

操作步骤

01 执行菜单“文件＞打开”命令，打开名片素材“1.jpg”，如图3-80所示。

02 执行菜单“文件＞置入嵌入的智能对象”命令，置入素材“2.jpg”，如图3-81所示。按Enter键确定完成置入操作。接着执行菜单“图像＞栅格化＞智能对象”命令，将该图层转换为普通图层。此时新背景展现出来，如图3-82所示。

03 接下来进行抠图处理。首先在“图层”面板中单击“新背景”图层前的“指示图层可见性”按钮，隐藏该图层。接着选择“背景”图层，如图3-83所示。

04 选择工具箱中的（多边形套索工具），在工具选项栏中勾选“消除锯齿”复选框，可以使选区边缘更柔和。然后在画面中名片的左上角单击添加控制点，并向右拖动绘制，如图3-84所示。继续沿图片四周添加控制点进行绘制，当首尾控制点连接时，自动出现选框，然后使用Ctrl＋J快捷键进行复制，此时选区内的名片单独复制出来。将该图层置于“新背景”图层上方，并显示隐藏的“新背景”图层，“图层”面板如图3-85所示。

05 此时画面效果如图3-86所示。

06 制作名片倒影效果。复制该名片图层，使用Ctrl＋T快捷键进行自由变换，此时画面中出现界定框，接着右击，在弹出的快捷菜单中执行“旋转180度”命令，此时图片发生翻转，如图3-87所示。

07 将鼠标移动到画面中，按住鼠标左键向下拖动到阴影位置，接着右击，在弹出的快捷菜单中执行“扭曲”命令，如图3-88所示。调整界定框上的点，使之与名片的底边角度相匹配。此时效果如图3-89所示。调整完成后按Enter键完成此操作。

08 此时可以看到倒影不够柔和，单击“图层”面板底部的“添加图层蒙版”按钮，为该图层添加图层蒙版。然后选择工具箱中的渐变工具，在工具选项栏中单击渐变色条，在弹出的“渐变编辑器”对话框中编辑一个由黑到白的渐变色条，设置完成后，单击“确定”按钮。在工具选项栏中设置“渐变类型”为“线性工具渐变”，接着单击该图层的图层蒙版缩览图，然后在画面底部按住鼠标左键向上拖曳，如图3-90所示。蒙版效果如图3-91所示。

09 释放鼠标后渐变效果显示出来，此时画面更具立体感，如图3-92所示。