
3.3 创建简单选区

扫一扫,看视频
在创建选区之前,首先了解一下什么是“选区”。可以将“选区”理解为一个限定处理范围的“虚线框”,当画面中包含选区时,选区边缘显示为闪烁的黑白相间的虚线框,如图3-75所示。进行的操作只会对选区以内的部分起作用,如图3-76和图3-77所示。

图3-75

图3-76

图3-77
选区功能的使用非常普遍,无论照片修饰还是平面设计作品,经常都有需要对画面局部进行处理,在特定范围内填充颜色,或者将部分区域删除的情况。这些操作都可以创建出选区,然后进行操作。在Photoshop中包含多种选区制作工具,本节将要介绍的是一些最基本的选区绘制工具,通过这些工具可以绘制长方形选区、正方形选区、椭圆选区、正圆选区、细线选区、随意的选区以及随意的带有尖角的选区等,如图3-78所示。

图3-78
重点3.3.1 动手练:创建矩形选区
利用“矩形选框工具”可以创建出矩形选区与正方形选区。
单击工具箱中的“矩形选框工具”,将光标移动到画面中,按住鼠标左键并拖动即可出现矩形的选区,松开光标后完成选区的绘制,如图3-79所示。在绘制过程中,按住Shift键的同时按住鼠标左键拖动可以创建正方形选区,如图3-80所示。

图3-79

图3-80
提示:取消选区
当画面中包含选区时,绝大多数的后续操作都会针对选区范围内的部分。所以,如果后续操作无须针对选区内部区域进行操作,则需要取消选区,使用快捷键Ctrl+D即可取消选区。
3.3.2 选区的常用选项设置
在Photoshop中有多种选区工具,虽然每种选区工具的使用方法不同,但是不同的选区工具却都有一些共有的选项。
在“矩形选框工具”的选项栏中可以看到选区运算的按钮。选区的运算是指选区之间的“加”和“减”。在绘制选区之前首先要注意此处的设置。如果想要创建出一个新的选区,那么需要单击“新选区”按钮
,然后绘制选区。如果已经存在选区,那么新创建的选区将替代原来的选区,如图3-81所示。如果之前包含选区,单击“添加到选区”按钮
,则可以将当前创建的选区添加到原来的选区中(按住Shift键也可以实现相同的操作),如图3-82所示;如果之前包含选区,单击“从选区减去”按钮
,则可以将当前创建的选区从原来的选区中减去(按住Alt键也可以实现相同的操作),如图3-83所示;如果之前包含选区,单击“与选区交叉”按钮
,则接着绘制选区时只保留原有选区与新创建的选区相交的部分(按住快捷键Shift+Alt也可以实现相同的操作),如图3-84所示。

图3-81

图3-82

图3-83

图3-84
在选项栏中可以看到“羽化”选项,“羽化”选项主要用来设置选区边缘的虚化程度。若要绘制“羽化”的选区,需要先在控制栏中设置参数,然后按住鼠标左键拖曳进行绘制,选区绘制完成后可能看不出有什么变化,如图3-85所示。可以将前景色设置为某一彩色,然后使用快捷键Alt+Delete进行前景色填充,再使用快捷键Ctrl+D取消选区的选择,此时就可以看到羽化选区填充后的效果,如图3-86所示。羽化值越大,虚化范围越宽;反之,羽化值越小,虚化范围越窄。图3-87所示为羽化数值为30像素的羽化效果。

图3-85

图3-86

图3-87
提示:选区警告
当设置的“羽化”数值过大,以至于任何像素都不大于50%选择时,Photoshop会弹出一个警告对话框,提醒用户羽化后的选区将不可见(选区仍然存在),如图3-88所示。

图3-88
“样式”选项是用来设置矩形选区的创建方法。当选择“正常”选项时,可以创建任意大小的矩形选区;当选择“固定比例”选项时,可以在“右侧”的“宽度”和“高度”文本框中输入数值,以创建固定比例的选区。例如,设置“宽度”为1、“高度”为2,那么创建出来的矩形选区的高度就是宽度的2倍,如图3-89所示。当选择“固定大小”选项时,可以在右侧的“宽度”和“高度”文本框中输入数值,然后单击鼠标左键,即可创建一个固定大小的选区(单击“高度和宽度互换”按钮可以切换“宽度”和“高度”的数值),如图3-90所示。

图3-89

图3-90
重点3.3.3 动手练:创建圆形选区
“椭圆选框工具”主要用来制作椭圆选区和正圆选区。
(1)右击工具箱中的“选框工具组”按钮,在弹出的工具组列表中选择“椭圆选框工具”。将光标移动到画面中,按住鼠标左键并拖动即可出现椭圆形的选区,松开光标后完成选区的绘制,如图3-91所示。在绘制过程中按住Shift键的同时按住鼠标左键拖动,可以创建正圆选区,如图3-92所示。

图3-91

图3-92
(2)选项栏中的“消除锯齿”选项是通过柔化边缘像素与背景像素之间的颜色过渡效果来使选区边缘变得平滑。图3-93所示是未勾选“消除锯齿”选项时的图像边缘效果,图3-94所示是勾选了“消除锯齿”选项时的图像边缘效果。由于“消除锯齿”只影响边缘像素,因此不会丢失细节,这在剪切、复制和粘贴选区图像时非常有用。其他选项与“矩形选框工具”相同,这里不再重复讲解。

图3-93

图3-94
练习实例:矩形选框、椭圆选框制作光盘

扫一扫,看视频

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

图3-95
操作步骤
步骤01 打开背景素材1.jpg,如图3-96所示。

图3-96
步骤02 执行“文件〉置入嵌入对象”命令,将美女素材2.jpg置入到画面左侧,调整其大小及位置后按下Enter键完成置入。在“图层”面板中右击该图层,在弹出的菜单中执行“栅格化图层”命令,如图3-97所示。在“图层”面板中单击美女素材前方的按钮,将此素材在画面中暂时隐藏,如图3-98所示。

图3-97

图3-98
步骤03 在工具箱中选中“矩形选框工具”,按住鼠标左键拖动绘制一个与光盘盒接近大小的矩形选区,如图3-99所示。

图3-99
步骤04 在保持选区不变的状态下,右击工具箱中的“选框工具组”按钮,在弹出的工具组列表中选择“椭圆选框工具”,在选项栏中单击“从选区减去”按钮,然后在画面中包装缺失的圆形中间位置按住Alt+Shift组合键并按住鼠标左键拖动绘制一个正圆选区,如图3-100和图3-101所示。松开鼠标,此时将矩形选区右侧减去一部分正圆选区得到包装的选区。

图3-100

图3-101
步骤05 在保持选区不变的状态下,在“图层”面板中单击图层1的“指示图层可见性”按钮,将素材在画面中显示出来,如图3-102所示。接着使用反选快捷键Ctrl+Shift+I将选区反选,如图3-103所示。

图3-102

图3-103
步骤06 在“图层”面板中选中图层1,按下Delete键将不需要的像素删除,如图3-104所示。接着使用快捷键Ctrl+D取消选区,如图3-105所示。

图3-104

图3-105
步骤07 向画面的右侧置入美女素材,调整大小并将其放置在右侧光盘的上方,将其栅格化,如图3-106所示。

图3-106
步骤08 将美女素材图层隐藏。在工具箱中选中“椭圆选框工具”,然后将光标移动至光盘中心的位置,接着按住Shift+Alt组合键并按住鼠标左键拖动以中心等比绘制一个正圆选区,如图3-107所示。接着在选项栏中单击“从选区减去”按钮,然后在正圆选区内部绘制一个小正圆选区。效果如图3-108所示。

图3-107

图3-108
步骤09 在选取不变的状态下,将隐藏的图层显示出来,如图3-109所示。接着使用反选快捷键Ctrl+Shift+I将选区反选,如图3-110所示。

图3-109

图3-110
步骤10 在选取不变的状态下,按下Delete键将不需要的像素删除,如图3-111所示。接着使用快捷键Ctrl+D取消选区。案例完成效果如图3-112所示。

图3-111

图3-112
3.3.4 创建单行选区/单列选区
“单行选框工具”“单列选框工具”主要用来创建高度或宽度为1像素的选区,常用来制作分隔线以及网格效果。
(1)右击工具箱中的“选框工具组”按钮,在弹出的工具组列表中选择“单行选框工具”。选择工具箱中的“单行选框工具”,如图3-113所示。接着在画面中单击,即可绘制1像素高的横向选区,如图3-114所示。

图3-113

图3-114
(2)右击工具箱中的“选框工具组”按钮,在弹出的工具组列表中选择“单列选框工具”,如图3-115所示。接着在画面中单击,即可绘制1像素宽的纵向选区,如图3-116所示。

图3-115

图3-116
重点3.3.5 套索工具:绘制随意的选区
利用“套索工具”可以绘制出不规则形状的选区。例如,需要随意选择画面中的某个部分,或者绘制一个不规则的图形都可以使用“套索工具”。
单击工具箱中的“套索工具”,将光标移动至画面中,按住鼠标左键拖曳,如图3-117所示。最后将光标定位到起始位置时,松开鼠标即可得到闭合选区,如图3-118所示。如果在绘制中途松开鼠标左键,Photoshop会在该点与起点之间建立一条直线以封闭选区。

图3-117

图3-118
重点3.3.6 多边形套索工具:绘制带有尖角的选区
利用“多边形套索工具”能够创建转角比较强烈的选区。
选择工具箱中的“多边形套索工具”,接着在画面中单击确定起点,如图3-119所示。接着移动到第二个位置单击,如图3-120所示。继续通过单击的方式进行绘制,当绘制到起始位置时,光标变为
后单击,如图3-121所示。随即会得到选区,如图3-122所示。

图3-119

图3-120

图3-121

图3-122
提示:“多边形套索工具”的使用技巧
在使用“多边形套索工具”绘制选区时,按住Shift键,可以在水平方向、垂直方向或45°方向上绘制直线。另外,按Delete键可以删除最近绘制的直线。
练习实例:多边形套索绘制选区

扫一扫,看视频

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

图3-123
操作步骤
步骤01 打开背景素材1.jpg,如图3-124所示。

图3-124
步骤02 执行“文件〉置入嵌入对象”命令,将文件素材2.jpg置入到画面中,调整其大小及位置后按Enter键完成置入,如图3-125所示。在“图层”面板中右击该图层,在弹出的菜单中执行“栅格化图层”命令,如图3-126所示。

图3-125

图3-126
步骤03 右击工具箱中的“套索工具组”按钮,在弹出的工具组列表中选择“多边形套索工具”,接着在选项栏中设置“羽化”为0像素,回到画面中在文件边缘位置单击鼠标左键建立起点,如图3-127所示。接着沿着文件的边缘在下一个位置单击鼠标左键,如图3-128所示。

图3-127

图3-128
步骤04 通过单击的方法继续进行绘制,如图3-129所示。当绘制到起点位置时单击即可得到选区,如图3-130所示。

图3-129

图3-130
步骤05 在选区不变的状态下,在“图层”面板中选中图层,使用快捷键Ctrl+J,将选区中的内容复制为独立图层,并隐藏之前的图层,如图3-131所示。案例完成效果如图3-132所示。

图3-131

图3-132
3.3.7 选区的基本操作

扫一扫,看视频
创建完成的“选区”可以进行一些操作,例如:移动、全选、反选、取消选择、重新选择、存储与载入等。
1.取消选区
当绘制了一个选区后,会发现操作都是针对选区内部的图像进行。如果不需要对局部进行操作,就可以取消选区。执行“选择〉取消选择”命令或按快捷键Ctrl+D,可以取消选区状态。
2.重新选择
如果刚刚错误地取消了选区,可以将选区“恢复”回来。要恢复被取消的选区,可以执行“选择〉重新选择”命令。
3.移动选区位置
创建完的选区可以进行移动,但是选区的移动不能使用“移动工具”,而要使用选区工具,否则移动的内容将是图像,而不是选区。将光标移动至选区内,光标变为形状后,按住鼠标左键拖曳。如图3-133所示,拖曳到相应位置后松开鼠标,完成移动操作。在包含选区的状态下,按→、←、↑、↓键可以1像素的距离移动选区,如图3-134所示。

图3-133

图3-134
4.全选
“全选”能够选择当前文档边界内的全部图像。执行“选择〉全部”命令或按Ctrl+A组合键即可进行全选。
5.反选
执行“选择〉反向选择”命令(快捷键:Shift+Ctrl+I)可以选择反向的选区,也就是原本没有被选择的部分。
6.隐藏选区、显示选区
在制图过程中,有时画面中的选区边缘线可能会影响观察画面效果。执行“视图〉显示〉选区边缘”命令(快捷键:Ctrl+H)可以切换选区的显示与隐藏。
7.载入当前图层的选区
在“图层”面板中按住Ctrl键的同时单击该图层缩略图,即可载入该图层选区,如图3-135所示。

图3-135
重点3.3.8 动手练:描边

扫一扫,看视频
“描边”是指为图层边缘或者选区边缘添加一圈彩色边线的操作。使用“编辑〉描边”命令可以在选区、路径或图层周围创建彩色的边框效果。“描边”操作通常用于“突出”画面中某些元素,如图3-136所示。或者用于使某些元素与背景中的内容“隔离”开,如图3-137所示。

图3-136

图3-137
(1)使用选区工具绘制需要描边部分的选区,如果不绘制选区,则会针对当前图层的外轮廓进行描边,如图3-138所示。执行“编辑〉描边”命令,打开“描边”窗口,如图3-139所示。

图3-138

图3-139
提示:描边的小技巧
在有选区的状态下使用“描边”命令可以沿选区边缘进行描边,在没有选区状态下使用“描边”命令可以沿画面边缘进行描边。
(2)设置描边选项。“宽度”选项用来控制描边的粗细,如图3-140所示为“宽度”为10像素的效果。“颜色”选项用来设置描边的颜色。单击“颜色”按钮,在弹出的“拾色器”窗口中设置合适的颜色,单击“确定”按钮,如图3-141所示。描边效果如图3-142所示。

图3-140

图3-141

图3-142
(3)“位置”选项能够设置描边位于选区的位置,包括“内部”“居中”和“居外”三个选项。图3-143所示为不同位置的效果。

图3-143
(4)“混合”选项用来设置描边颜色的“混合模式”和“不透明度”。选择一个带有像素的图层,然后打开“描边”窗口,设置“模式”和“不透明度”,如图3-144所示。单击“确定”按钮,此时描边效果如图3-145所示。如果勾选“保留透明区域”选项,则只对包含像素的区域进行描边。

图3-144

图3-145
练习实例:使用“画笔工具”制作光效海报

扫一扫,看视频

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

图3-146
操作步骤
步骤01 执行“文件〉打开”命令,打开背景素材1.jpg,如图3-147所示。

图3-147
步骤02 在“图层”面板中创建一个新图层,选择工具箱中的“画笔工具”,在选项栏中打开“画笔预设”选取器,在下拉面板中单击“常规画笔”组,选择一个“柔边圆”画笔,设置“画笔大小”为70像素,设置“硬度”为0%,如图3-148所示。单击工具箱底部的“前景色”按钮,在弹出的“拾色器”窗口中设置颜色为灰蓝色,然后单击“确定”按钮,如图3-149所示。

图3-148

图3-149
步骤03 画笔设置完成后选中新建图层,在画面中合适的位置按住鼠标拖动绘制灰蓝色,如图3-150所示。

图3-150
步骤04 单击工具箱中的“椭圆选框工具”,在画面中间位置按住Shift键的同时按住鼠标左键拖动绘制一个正圆形选区,如图3-151所示。

图3-151
步骤05 新建一个图层,执行“编辑〉描边”命令,在弹出的“描边”窗口中设置“宽度”为17像素,“颜色”为灰蓝色,“位置”为“内部”,然后单击“确定”按钮,如图3-152所示。效果如图3-153所示。接着使用快捷键Ctrl+D取消选区。

图3-152

图3-153
步骤06 使用同样的方法将画面中的白色正圆绘制出来,如图3-154所示。

图3-154
步骤07 制作闪亮光斑。创建新图层,选择工具箱中的“画笔工具”,在选项栏中设置一个画笔大小为400像素的柔边圆画笔,设置“前景色”为白色,选中新建图层,在画面中合适的位置单击鼠标绘制白色作为光效,如图3-155所示。

图3-155
步骤08 选中光效,使用“自由变换”快捷键Ctrl+T调出定界框,如图3-156所示。接着按住定界框上方的控制点向下拖动将光效变形,如图3-157所示。调整完毕之后按下Enter键结束变换。然后将其移动至合适的位置,如图3-158所示。

图3-156

图3-157

图3-158
步骤09 在“图层”面板中选中光效图层,使用快捷键Ctrl+J复制出一个相同的图层,然后使用自由变换快捷键Ctrl+T调出定界框,将其旋转至合适的角度,如图3-159所示。

图3-159
步骤10 使用同样的方法将光效复制并旋转,制作出一个“米”字形的光斑,如图3-160所示。

图3-160
步骤11 创建新图层,选择工具箱中的“画笔工具”,在选项栏中设置合适画笔大小的柔边圆画笔,设置“前景色”为白色,选中新建图层,在画面中合适的位置单击鼠标绘制白色作为中心光效,如图3-161所示。

图3-161
步骤12 制作其他光斑。在“图层”面板中按住Ctrl键依次单击加选所有光效图层及前方的中心光效,如图3-162所示。使用快捷键Ctrl+J,复制加选图层,然后使用合并快捷键Ctrl+E将复制出的图层合并到一个图层上并将此图层命名为“大光斑”,如图3-163所示。

图3-162

图3-163
步骤13 选中大光斑,将其移动至画面左上方合适的位置,如图3-164所示。然后使用自由变换快捷键Ctrl+T调出定界框,将其旋转至合适的角度并缩小一些,如图3-165所示。

图3-164

图3-165
步骤14 将大光斑复制一份,移动至画面中合适的位置并将其放大一些,如图3-166所示。

图3-166
步骤15 使用同样的方法制作其他的蓝色的线条光效,摆放在圆形内部,如图3-167和图3-168所示。

图3-167

图3-168
步骤16 创建新图层,选择工具箱中的“画笔工具”,在选项栏中设置一个画笔大小为150像素的柔边圆画笔,设置“前景色”为浅蓝色,选中新建图层,在正圆的中心位置按住鼠标左键拖动绘制亮蓝色作为文字背景,如图3-169所示。

图3-169
步骤17 创建一个新图层,选择工具箱中的“画笔工具”,在选项栏中打开“画笔预设”选取器,在下拉面板中单击“常规画笔”组,选择一个“硬边圆”画笔,设置“画笔大小”为4像素,设置“硬度”为100%,接着在选项栏中设置“不透明度”为50%,设置“前景色”为白色。选择刚创建的空白图层,然后按住Shift键拖动绘制一段直线,如图3-170所示。

图3-170
步骤18 使用同样的方法绘制另外两条直线,如图3-171所示。

图3-171
步骤19 置入文字素材,摆放在画面中合适的位置处,在“图层”面板中设置该图层混合模式为“滤色”,如图3-172所示。最终效果如图3-173所示。

图3-172

图3-173
练习实例:填充合适的前景色制作运动广告

扫一扫,看视频

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

图3-174
操作步骤
步骤01 执行“文件〉新建”命令,新建一个A4大小的空白文档,如图3-175所示,为背景填充颜色。单击工具箱底部的“前景色”按钮,在弹出的“拾色器”窗口中设置颜色为黄色,然后单击“确定”按钮,如图3-176所示。

图3-175

图3-176
步骤02 在“图层”面板中选择背景图层,使用“前景色填充”快捷键Alt+Delete进行填充,效果如图3-177所示。执行“文件〉置入嵌入对象”命令,将背景素材1.jpg置入到画面中,调整其大小及位置如图3-178所示。然后按Enter键完成置入。在“图层”面板中右击该图层,在弹出的菜单中执行“栅格化图层”命令。

图3-177

图3-178
步骤03 单击工具箱中的“多边形套索工具”,在画布左侧边缘位置单击确定起点,然后将鼠标移动到右侧边缘单击,继续以单击的方法绘制,当鼠标单击到起点时得到一个平行四边形选区,如图3-179所示。接着新建一个图层,然后按下快捷键Alt+Delete填充之前设置好的前景色颜色,如图3-180所示。接着使用快捷键Ctrl+D取消选区的选择。

图3-179

图3-180
步骤04 使用同样的方法绘制另外两个四边形,如图3-181所示。执行“文件〉置入嵌入对象”命令,将人物素材2.jpg置入到画面中,调整其大小及位置后按下Enter键完成置入。在“图层”面板中右击该图层,在弹出的菜单中执行“栅格化图层”命令,如图3-182所示。

图3-181

图3-182
步骤05 制作前方装饰图形。单击工具箱中的“多边形套索”工具,在画布左上角绘制一个三角形选区,如图3-183所示。新建图层并选中新建图层,按下快捷键Alt+Delete填充之前设置好的前景色颜色,按下Ctrl+D组合键取消选区的选择,如图3-184所示。

图3-183

图3-184
步骤06 向画面中置入前景文字素材3.png,调整合适的大小及位置然后将其栅格化。案例完成效果如图3-185所示。

图3-185