4.8 选区的平滑和羽化

利用选区不仅可以创建不同的图形对象，还可以通过设置其各种属性产生需要的特殊效果。

选区因其自身特点，可以通过颜色填充、平滑、羽化等方式创造出更多生动的视觉效果。学习时要准确掌握各种效果的操作方法，避免混淆。

4.8.1 对象的基础拓形

下面利用选区的高级应用属性制作一个相对复杂的综合《手机》案例，如图4-80所示。首先将手机案例的对标图置入到软件中，然后按快捷键Alt+Ctrl+C，打开“画布大小”对话框，此时可以看到对标画面的尺寸为600像素×800像素，如图4-81所示。

图4-80

图4-81

以“手机案例”命名，新建一个与对标画面同样尺寸的画布，如图4-82所示。按快捷键Ctrl+A将素材全选，此时可以看见整个画面被选区包围。使用快捷键Ctrl+C复制，用以把手机屏幕素材放置到新建的画布中，如图4-83所示。

图4-82

选框的平滑和羽化

图4-83

进入到新建的长方形画布中，使用“吸管工具”在手机参考图中将“背景色”吸取并填充到新建的画布中。使用快捷键Ctrl+V将素材粘贴到画布中，如图4-84所示。

图4-84

粘贴后若发现素材的画面尺寸相对画布过大，可使用快捷键Ctrl+T调出自由变换界定框，将光标放置在自由变化界定角点外对素材进行等比例缩放。操作完成后按Enter键确定，如图4-85所示。

图4-85

新建空白图层，使用“矩形选框工具”以手机屏幕素材的边框大小为参考并留出手机顶部和底部区域位置，绘制手机外框大小的矩形选区，如图4-86所示。

图4-86

4.8.2 选区的平滑

选区绘制好后，执行“选择→修改→平滑”命令，打开“平滑选区”对话框，如图4-87所示。

图4-87

在“平滑选区”对话框中，可以设置对选区进行平滑的“取样半径”。这里的“取样半径”是指对该矩形选区的四角进行圆形倒角，即将矩形变为圆角矩形。将“取样半径”设置为20像素，单击“确定”按钮，如图4-88所示。

图4-88

此时可以看到矩形选区变成了合适大小的圆角矩选区。将该圆角矩形选区填充白色，形成手机的基本轮廓，如图4-89所示。

图4-89

使用快捷键Ctrl+D删除选区，在“图层”面板中通过拖曳调整手机轮廓和手机屏幕的图层位置，将手机屏幕素材放置到顶层，如图4-90所示。

图4-90

新建空白图层，使用“矩形选框工具”，参考对标图中手机按钮的大小绘制一个小矩形，并填充成白色。使用快捷键Ctrl+D删除选区，如图4-91所示。

图4-91

4.8.3 垂直居中分布对象

使用快捷键Ctrl+J对该矩形进行原位复制。复制2次，得到2个图层拷贝。此时得到重复叠在一起的3个小矩形按钮，如图4-92所示。

图4-92

使用“移动工具”向下垂直拖曳其中一个矩形。移动时，应当保证该矩形与顶部矩形间可以放下一个矩形并留有一定的空隙，如图4-93所示。

图4-93

将3个矩形图层全部选中，选择“移动工具”，在其属性栏中单击“垂直居中分布”按钮，对3个对象进行位置的自动平均分布。此时3个矩形以间距相等的方式自动排列，形成手机侧边按钮，如图4-94所示。

图4-94

4.8.4 编组对象

在“图层”面板中选择3个矩形所在图层，使用快捷键Ctrl+G对所选的3个图层进行编组。双击该组名称，将其改名为“按钮”，如图4-95所示。

图4-95

选择“移动工具”，在其属性栏中将移动模式设置为“组”，在画面中将对象组的位置向右移动，使其靠置在手机外框上，如图4-96所示。

图4-96

使用“矩形选框工具”绘制高度为10像素的矩形，然后执行“选择→修改→平滑”命令，打开“平滑选区”对话框，将“取样半径”设置为5像素，单击“确定”按钮。此时制作出手机听筒的胶囊形选区（所谓“胶囊形”，是指矩形的四角经倒角后形成了两端呈半圆形状的特殊圆角矩形），如图4-97所示。

图4-97

胶囊形选区绘制完成后，新建空白图层并将其填充成浅灰色，然后删除选区，完成操作，如图4-98所示。

图4-98

技术难点

胶囊形的制作核心要点在于平滑选区的倒角参数设置。平滑选区实际上就是将矩形的直角变成圆角。所以在制作胶囊形时，实际设置的倒角半径（即“取样半径”）就是矩形选区高度的一半。

按住Ctrl键，同时选中刚刚绘制好的胶囊形图层和手机白色外框图层，在“移动工具”状态下，单击属性栏中的“水平居中对齐”按钮，将手机听筒与机身居中对齐，如图4-99所示。

图4-99

新建空白图层，使用“椭圆选框工具”并按住Shift键绘制正圆形选区，填充成灰色，用以生成手机的光源传感器形状，删除选区，完成操作，如图4-100所示。

图4-100

4.8.5 垂直居中对齐对象

在“图层”面板中将光源传感器和手机听筒所在图层同时选中，选择“移动工具”，在其属性栏中单击“垂直居中对齐”按钮将其对齐，完成手机顶部细节的布局，如图4-101所示。

图4-101

按住Alt键的同时配合鼠标滚轮放大显示画面，按住空格键的同时按住鼠标左键在画面中拖曳，调出临时“抓手工具”，将画面滑动到手机底部的放大视图。

新建一个空白图层，使用“椭圆选框工具”，按住Shift键绘制一个正圆形选区并填充成灰色。执行“选择→修改→收缩”命令，打开“收缩选区”对话框，如图4-102所示。

图4-102

在“收缩选区”对话框中将“收缩量”设置为2像素，单击“确定”按钮，如图4-103所示。

图4-103

工具应用

制作画面细节时，需要将画面局部放大。放大显示画面细节的操作十分常用，快捷操作的方法如下。

• 使用工具栏中的“放大镜工具”在画面中单击可直接放大显示画面，同时配合Alt键单击可缩小显示画面。

• 按快捷键Ctrl++/-以放大或缩小显示画面。

• 按住Alt键，同时配合鼠标滚轮前后转动，也可以放大或缩小显示画面。

圆形选区收缩后可按Delete键将选区内填充的颜色删除，使用快捷键Ctrl+D删除选区，如图4-104所示。

图4-104

同时选择圆环图层和手机白色外框图层，在“移动工具”状态下单击其属性栏中的“水平居中对齐”按钮，使手机的主按键与手机外形居中对齐，如图4-105所示。

图4-105

4.8.6 投影属性

接下来我们为手机添加投影。手机的投影是由手机投射出来的，所以手机投影的形状是基于手机白色外框的圆角矩形而形成的，如图4-106所示。

图4-106

选择手机白色外框所在的图层，按住Ctrl键单击“图层”面板中该图层的缩览图，会调出该图层对象的选区，如图4-107所示。

图4-107

4.8.7 选区的羽化

选区调出后，执行“选择→修改→羽化”命令（快捷键：Shift+F6），如图4-108所示。

图4-108

在打开的“羽化选区”窗口中，将“羽化半径”设为10像素，单击“确定”按钮，如图4-109所示。

图4-109

图层的编组与应用拓展视频

自动复制上一步动作拓展视频

构图关系与实操应用拓展视频

实操拓展
吴老师带你动手练｜GO

羽化是Photoshop处理图片的重要功能，其工作原理是令选区内外衔接部分虚化，起到渐变的作用，从而生成自然衔接的效果。因此，羽化效果的实现一定要基于选区而存在。在练习时要格外注意如下两点：

• 羽化效果实现原理：“羽化半径”值越大，虚化范围越宽，也就是颜色递变的柔和度越高；“羽化半径”值越小，虚化范围越窄。要根据实际需要进行设置。

• 羽化功能实践技巧：对于广大初学者而言，刚开始练习时可以把“羽化半径”值设置得小一点，再通过反复羽化迭代增加羽化效果，这是练习羽化的一个好技巧。

如果在创作中羽化效果是以投影存在的，就要特别注意它和产生投影的主体之间的关系——相对于主体，投影永远是作为“陪体”而存在的。此时利用羽化效果形成投影的最大价值就是突出主体。要做好陪衬，不能喧宾夺主。

新建空白图层，为羽化后的选区填充黑色，然后删除选区。此时可以看到填充颜色后选区四周有模糊渐变的效果，说明羽化效果得到落地——形成投影的雏形，如图4-110所示。

图4-110

在“图层”面板中拖曳投影层到手机白色外框的下方，并向右下方移动投影层的位置，如图4-111所示。

图4-111

选择投影所在的图层，在“图层”面板中将该图层的“不透明度”调整为50%左右。此时会看到原来黑色的投影和背景的颜色有机地融为一体，形成了逼真的投影效果。至此，《手机》案例制作完成，如图4-112所示。

图4-112

吴老师说大实话

对于Photoshop这样一款主要针对位图进行处理的设计软件来说，选区不可或缺。可以说，选区就是因位图而产生的伴生品。选区在生成图形、改变图像状态、调整图像颜色等方面有着不可替代的作用。因此，了解并掌握选区的应用，也就了解和掌握了Photoshop修图和设计的根本。选区的应用在图像处理中是一个综合和复杂的过程，需要掌握如下要点：

• 处理不同的素材、实现不同的效果，要合理使用相应的选区工具。工具和技巧的使用一定是以视觉设计结果为前提的，学习时要首先熟练掌握不同选区工具的特点，才能在熟练的基础上巧妙地应用。

• 所有图像化的视觉内容，都是通过选区加上颜色填充来实现效果的——选区是实现效果的前提，填充是实现效果的表现；在实际操作时一定要先调整好选区的设置，再进行颜色填充。

• 初学者在开始使用选区类工具调整效果时，可能经常因为参数设置的差异而使画面的效果与预期大相径庭，此时要特别注意，任何设计都是以好的最终表现为目的的，出现效果不理想时，必须果断使用快捷键Ctrl+Z退回到上一步，重新进行参数设置，以最终的视觉效果满意为准。

选框类工具的拓展应用及项目实操方法拓展视频

• 读者在阅读本书的同时，要注意多观察成型的优秀设计项目的技术表现方式，琢磨体会好的项目应用了什么样的技术处理方式实现的效果，要把选区类工具应用与后面所学到的其他技术内容结合考量，综合运用。

本章主要快捷键一览表

上一章目录下一章