2.2 椭圆选框工具(实战纽扣图标)
■视频:视频文件夹
■难度:★★★☆☆
■实例类型:软件功能+特效
■实例应用:制作纽扣状网页图标
使用椭圆工具时,单击并拖动鼠标,可以创建椭圆选区;按住Shift键操作,可创建圆形选区;按住Alt键操作,会以单击点为中心向外创建选区;按住Shift+Alt键,会以单击点为中心向外创建圆形选区。
01按下Ctrl+O快捷键,弹出“打开”对话框,打开“下载资源”中的素材文件,如图2-18所示。单击“图层”面板❸底部的按钮,新建“图层1”,如图2-19所示。
图2-18
图2-19
02选择椭圆选框工具,按住Shift键单击并拖动鼠标创建一个圆形选区,如图2-20所示。在拖动鼠标时,可以同时按下空格键,此时移动光标可移动选区位置。
图2-20
03选择渐变工具,在工具选项栏中单击径向渐变按钮,取消“反向”选项的勾选。单击渐变颜色条,如图2-21所示,弹出“渐变编辑器”❹调整渐变颜色,如图2-22所示,然后关闭对话框。
图2-21
图2-22
相关链接
❶选区的羽化方法详见第421页。❷“调整边缘”命令详参见第419页。❸图层的操作方法详见第128页。❹渐变颜色的创建与编辑方法详见第40页。
GALLERY选区解惑:选区的用途、种类和原理
选区的用途
选区是用来定义操作范围的。创建选区以后,选区边界内部的图像被选择,选区外部图像受到保护。当下达操作指令后,Photoshop就只处理选中的图像,如果没有选区,则所做的编辑操作将对整个图像产生影响。例如,下面图中,使用“色相/饱和度”命令调整图像颜色时,只有选区内图像的颜色发生了改变,选区外的图像没有变化;而没有创建选区时,整个图像的颜色都会被修改。
选区范围
用“色相/饱和度”命令调色(有选区)
无选区状态下调色
选区的种类
Photoshop中可以创建两种选区,即普通选区和羽化过的选区。普通选区能定位清晰的边界;羽化的选区则会在图像的边界产生逐渐淡出的过渡效果。
使用普通选区选出的图像
使用羽化过的选区选出的图像
选区的原理
现在有一个选区(右图荷花)。单击“通道”面板❶底部的按钮将它保存起来。观察记录该选区的通道图像可以发现,以选区边界为分界线,选中的区域对应的是白色,选区之外对应的是黑色。如果将该选区羽化,则记录选区的图像中还会出现灰色。这就是说,在Photoshop内部,有无选区只是黑、白、灰的区别而已。黑代表无;白代表有;灰是黑与白的中间地带,既不完全无、也不完全有,它代表的是羽化区域。
荷花选区
将选区保存在通道中
Photoshop内部的普通选区图像
Photoshop内部羽化过的选区图像
相关链接
❶关于通道的种类和具体用途,详见第147页。
04在圆形中央单击并向外侧拖动鼠标,填充渐变颜色,如图2-23所示。执行“窗口>样式”命令,打开“样式”面板❶。打开面板菜单,选择“载入样式”命令,如图2-24所示,在弹出的对话框中选择“下载资源”中的样式素材,如图2-25所示,将其加载到面板中,如图2-26所示。按下Ctrl+D快捷键取消选择。
图2-23
图2-24
图2-25
图2-26
05单击如图2-27所示的样式,为图像添加该效果,如图2-28所示。
图2-27
图2-28
06单击“图层”面板底部的按钮,新建“图层2”,如图2-29所示。使用椭圆选框工具按住Shift键拖动鼠标,创建一个稍大一些的圆形选区,如图2-30所示。打开“颜色”面板,调整前景色❷,如图2-31所示。按下Alt+Delete快捷键,在选区内填色,如图2-32所示。
图2-29
图2-30
图2-31
图2-32
07执行“选择>变换选区”命令❸,在选区周围显示定界框,如图2-33所示。将光标放在定界框右上角,按住Shift+Alt键拖动鼠标,以圆心为基点向内缩小选区,如图2-34所示。按下回车键确认。
图2-33
图2-34
相关链接
❶图层样式可以为图像添加投影、发光、浮雕等特效,详细内容参见第358页。❷前景色和背景色有多种设置方法,详见第28页~第30页。❸使用“变换选区”命令时只对选区进行缩放,而不会影响图像。关于图像的缩放方法,请参阅第255页和第256页。
08按下Delete键删除选区内的图像,得到一个圆环。按下Ctrl+D快捷键取消选择。单击如图2-35所示的样式,为圆环添加该效果,如图2-36所示。单击“图层”面板底部的按钮,新建一个图层。
图2-35
图2-36
09选择自定形状工具,在工具选项栏中选择“像素”选项,如图2-37所示。单击“形状”选项右侧的按钮,打开下拉面板,单击右上角的按钮打开面板菜单,选择“全部”命令,加载Photoshop提供的图形库,然后选择如图2-38所示的图形。
图2-37
图2-38
10在画面中按住Shift键单击并拖动鼠标,绘制小房子,如图2-39所示。在形状下拉面板中选择其他图形(星星、月亮等),继续在画面中添加图形,如图2-40所示。
图2-39
图2-40
11单击如图2-41所示的样式,为图像添加该效果,如图2-42所示。
图2-41
图2-42
椭圆选框工具选项栏
椭圆选框工具与矩形选框工具的选项基本相同,只是该工具可以使用“消除锯齿”功能。
●消除锯齿:像素是组成图像的最小元素,由于它们都是正方形的,因此,在创建圆形、椭圆形、多边形等不规则选区时便容易产生锯齿,例如,图2-43所示为使用椭圆选框工具选出的对象。勾选该项后,Photoshop会在选区边缘1个像素宽的范围内添加与周围图像相近的颜色,使选区看上去光滑,如图2-44所示。由于只有边缘像素发生变化,因而消除锯齿不会丢失细节。这项功能在剪切、拷贝和粘贴选区以创建复合图像时非常有用。
图2-43
图2-44
技术看板:移动选区
使用矩形选框工具、椭圆选框工具创建选区时,在放开鼠标按键前,按住空格键拖动鼠标,即可移动选区。创建选区以后,如果工具选项栏中的新选区按钮为选中状态,则使用选框、套索和魔棒工具时,只要将光标放在选区内,单击并拖动鼠标即可移动选区。如果要轻微移动选区,可以按下键盘中的→、←、↑、↓键。
将光标放在选区内
单击并拖动鼠标移动选区