![Photoshop CC 视觉设计案例教程](https://wfqqreader-1252317822.image.myqcloud.com/cover/977/33892977/b_33892977.jpg)
2.2 选取工具
![](https://epubservercos.yuewen.com/DC1898/18123625708036106/epubprivate/OEBPS/Images/56_01.jpg?sign=1738883748-5YupocklS6I3w1sJnlH8v2ULPJ0D161Z-0-ab25eb4c27bb0546ef18c838ba16f83c)
二维码2-1 3D桌球
2.2.1 【案例2-1】3D桌球
“3D桌球”案例的效果如图2-15所示。
![](https://epubservercos.yuewen.com/DC1898/18123625708036106/epubprivate/OEBPS/Images/56_02.jpg?sign=1738883748-q25e4OVvSHleYebyOS9LZI6dDWh3ID62-0-2257bbcab409e12786a122d03ea309cf)
图2-15 “3D桌球”效果
【案例设计创意】
本案例制作了一个具有3D效果的立体桌球。背景使用了粉绿到墨绿的渐变,画面显示出深邃的效果,突出了画面主体10号桌球的立体感。
【案例目标】
通过本案例的学习,读者可以掌握工具箱中的选框、油漆桶、渐变填充等工具,还可以了解在Photoshop软件中怎样将平面效果转换为立体效果。
【案例的制作方法】
1)新建文档,宽度为600像素、高度为400像素,分辨率为72像素/英寸,颜色模式为RGB颜色的画布窗口。
2)在工具箱里单击“渐变工具”按钮,在渐变工具的选项栏中单击色块下拉按钮
,将弹出“渐变编辑器”对话框,将颜色调整为绿色(R=30、G=193、B=100)至黑色(R=0、G=0、B=0)的渐变,如图2-16所示,单击“确定”按钮。
![](https://epubservercos.yuewen.com/DC1898/18123625708036106/epubprivate/OEBPS/Images/56_05.jpg?sign=1738883748-q1uhppKfno84N9npAoQ8s5fb5NEx1X5o-0-906c91469ed46a7fc3aee5c073e4588c)
图2-16 调整颜色编辑器
3)在“背景”图层上,使用“渐变工具”由下至上填充,效果如图2-17所示。新建“图层1”,并填充上纯蓝色(R=0、G=0、B=255),图层关系如图2-18所示。
![](https://epubservercos.yuewen.com/DC1898/18123625708036106/epubprivate/OEBPS/Images/57_01.jpg?sign=1738883748-6efThr8d16OjQ3aMBy8hV4qNb8DPdyDP-0-19de866cb59de74d7ecf4def1f25eb37)
图2-17 使用“渐变工具”填充
![](https://epubservercos.yuewen.com/DC1898/18123625708036106/epubprivate/OEBPS/Images/57_02.jpg?sign=1738883748-yoNLJqTXgVaUtHVoLSJXQQnk8iKoKUqG-0-acfb1838bb43823ba4313159eae349e2)
图2-18 图层关系
4)在工具箱里单击“矩形选框工具”按钮,利用鼠标左键在画面上拖出一个矩形选框,效果如图2-19所示。
5)将前景色设定为白色(R=255、G=255、B=255),使用键盘上的快捷键〈Alt+Delete〉,将“图层1”的上半段填充为白色。
6)依照前面的方法,在“图层1”上再次利用前景色对第二个选框内的内容进行填充,效果如图2-20所示。
![](https://epubservercos.yuewen.com/DC1898/18123625708036106/epubprivate/OEBPS/Images/57_03.jpg?sign=1738883748-Tq2sKtHL6DDyfzD1DboiMO16VziFlXgd-0-9dad0df35030f3ac56b1d1785c8293bb)
图2-19 建立矩形选框
![](https://epubservercos.yuewen.com/DC1898/18123625708036106/epubprivate/OEBPS/Images/57_04.jpg?sign=1738883748-1U4bJM8oEzGeRrLIQk90SwUvgMpjKUXe-0-6e37e5f9b3dfb3534d45b61ac1be3f1f)
图2-20 上半段和下半段填充白色
7)新建“图层2”,用鼠标右键在工具箱里单击“矩形选框工具”按钮,在弹出的子菜单中选择“椭圆选框工具”,按住键盘上的〈Shift〉键创建一个正圆选区,并填充上白色,效果如图2-21所示。
8)新建“图层3”,输入阿拉伯数字“10”。将“图层1”“图层2”、文字图层调整至同一水平线,效果如图2-22所示。
![](https://epubservercos.yuewen.com/DC1898/18123625708036106/epubprivate/OEBPS/Images/57_05.jpg?sign=1738883748-71R686BbMqktxps6pKkFSIHwCgCuUeft-0-192513af3c89a016d6c901df41e596d1)
图2-21 用白色填充圆形选区
![](https://epubservercos.yuewen.com/DC1898/18123625708036106/epubprivate/OEBPS/Images/57_06.jpg?sign=1738883748-eXXzIQLJ44KoPN8mBRzigj4OLaE2vMl2-0-6a657caac95e3d38afb31aeb58bfe3c6)
图2-22 输入数字“10”并调整位置
9)在“图层”面板上,按〈Shift〉键同时选中“图层2”和文字图层,按〈Ctrl+T〉组合键进行自由变换变形,略微将圆形和阿拉伯数字10压缩的细长一些,效果如图2-23所示。
10)在“图层”面板上,按〈Shift〉键的同时选中“图层1”“图层2”和文字图层,执行“3D”→“从图层新建网格”→“网格预设”→“球体”命令,如图2-24所示,系统将自动生成球体,效果如图2-15所示。
![](https://epubservercos.yuewen.com/DC1898/18123625708036106/epubprivate/OEBPS/Images/58_01.jpg?sign=1738883748-m5EYAspH2xLa7jklvvxjvIrWRt0gcoee-0-a39b383f9a684437406cad1766fa609c)
图2-23 对圆形和文字进行压缩变形
![](https://epubservercos.yuewen.com/DC1898/18123625708036106/epubprivate/OEBPS/Images/58_02.jpg?sign=1738883748-njKCI9jvXYpc8A6JZFMLjJHsEdjfdcxB-0-cbadfd8fd82e739f5f3d751b6a17123d)
图2-24 创建“球体”命令
2.2.2 【相关知识】不规则与规则选择工具
1.选区与选择工具
选区是使用Photoshop的“选择工具”建立的一个由黑白色浮动线条组成的区域,从而将操作的范围限制在这个区域中,起界定的作用。选区内是允许图像处理的范围,选区外的区域是不可修改调整的,当需要对整幅图像中的某一个部分进行单独调整的时候就会使用到“选区工具”。
在Photoshop软件中,选区大部分是靠“选择工具”来实现的。而“选择工具”又分为“规则选择工具”和“不规则选择工具”。
2.不规则选择工具
用户可使用“套索工具”和“快速选择工具”创建不规则选区,下面对它们进行简单的讲解。
(1)套索工具
使用鼠标右击工具箱中的“套索工具”按钮,将会弹出子菜单,如图2-25所示。
![](https://epubservercos.yuewen.com/DC1898/18123625708036106/epubprivate/OEBPS/Images/58_04.jpg?sign=1738883748-kop4ya2WG950kvN2BfAniF7Z9p6Mpeea-0-45802648c7856713677f1323ff4ae9f7)
图2-25 “磁性套索工具”工具组
● “套索工具”:单击工具箱中的“套索工具”按钮,可以建立自由形状的选区,它可以随着鼠标指针的自由移动形成路径,释放鼠标其路径自动形成选区,图2-26和图2-27分别为使用“套索工具”建立自由形状选区的前后对比图。
![](https://epubservercos.yuewen.com/DC1898/18123625708036106/epubprivate/OEBPS/Images/59_01.jpg?sign=1738883748-CInP9V98KtfwWpPTtbTomvBRI0L3RTVj-0-4ef2aea977c19d8ab7976b77b38f75b3)
图2-26 “套索工具”未建立自由形状选区前
![](https://epubservercos.yuewen.com/DC1898/18123625708036106/epubprivate/OEBPS/Images/59_02.jpg?sign=1738883748-0pOC0SGGotytc1vYOUzRt9Be76YAp0vc-0-a115d66c27538eb0ba3f47f3afb6c540)
图2-27 “套索工具”建立自由形状选区后
“套索工具”的选项栏如图2-28所示,其各个选项的意义与工具箱的“矩形选框工具”大致相同,不再重复叙述。
![](https://epubservercos.yuewen.com/DC1898/18123625708036106/epubprivate/OEBPS/Images/59_03.jpg?sign=1738883748-8thKLCvRQ1LOykA9niflohsVOoa0hbsy-0-b9c90f7c0faaf7384d404a11df032151)
图2-28 “套索工具”选项栏
● “多边形套索工具”:单击工具箱中的“多边形套索工具”,可以建立直线形的多边形选择区域,也是随着鼠标指针的自由移动形成路径,利用鼠标单击初始点形成选区。图2-29和图2-30为使用“多边形套索工具”建立自由形状选区的前后对比图。
![](https://epubservercos.yuewen.com/DC1898/18123625708036106/epubprivate/OEBPS/Images/59_04.jpg?sign=1738883748-JTMu5BhpepisqZTKVFYkGpKOBsUNZ5rt-0-4122c2b29e9251d2551202624dbab2fd)
图2-29 “多边形套索工具”未建立形状选区前
![](https://epubservercos.yuewen.com/DC1898/18123625708036106/epubprivate/OEBPS/Images/59_05.jpg?sign=1738883748-Q0wQHSVe2CKYuKC48y7oNx3FJd0AZg1J-0-f827270ac7c6002c2d147c1cf924a71a)
图2-30 “多边形套索工具”建立形状选区后
值得注意的是,在使用“多边形套索工具”的时候,单击鼠标建立选区并辅以键盘上的〈Shift〉键,可以使画线的角度为水平、垂直和45°。按住〈Alt〉键可以暂时切换至“套索工具”,用于绘制任意形状的选区,释放〈Alt〉键可以再次切换至“多边形套索工具”。
“多边形套索工具”选项栏如图2-31所示,其各个选项的意义与“套索工具”完全相同,不再重复叙述。
![](https://epubservercos.yuewen.com/DC1898/18123625708036106/epubprivate/OEBPS/Images/59_06.jpg?sign=1738883748-UABhbmx51Ifr2S9J0M2JUJDkCuSMqszj-0-785460dd51261e01fa5031e145b77e20)
图2-31 “多边形套索工具”选项栏
(2)快速选择工具
用鼠标右击工具箱中的“快速选择工具”按钮,将会弹出子菜单,如图2-32所示。
![](https://epubservercos.yuewen.com/DC1898/18123625708036106/epubprivate/OEBPS/Images/60_02.jpg?sign=1738883748-LijAvc7SGVl2ll37QiqtlqIw0dsJpo1i-0-5f4545be2ffd2ce0c8c9143571b38b00)
图2-32 “快速选择工具”组
单击工具箱中的“快速选择工具”按钮,能够拖动鼠标时以单击点为基准点,将颜色相似的图像区域指定为选区,从而方便、快速地描绘选区。图2-33和图2-34分别展示的是使用“快速选择工具”对图像进行定位和描绘选区的效果。
![](https://epubservercos.yuewen.com/DC1898/18123625708036106/epubprivate/OEBPS/Images/60_04.jpg?sign=1738883748-qsbq1Xqm7spGdxUOyy2raYJEFXphnt1T-0-daa651795df7d82f492e3f8b6d004281)
图2-33 “快速选择工具”对图像进行定位
![](https://epubservercos.yuewen.com/DC1898/18123625708036106/epubprivate/OEBPS/Images/60_05.jpg?sign=1738883748-G622jj8jurz0seAx7xnmFbYow0cULFMq-0-49eaca6016696a68d47d35efc928b110)
图2-34 “快速选择工具”描绘选区
“快速选择工具”的选项栏如图2-35所示。
![](https://epubservercos.yuewen.com/DC1898/18123625708036106/epubprivate/OEBPS/Images/60_06.jpg?sign=1738883748-3L2h3YsZCoDh6FgQCaJNQ5kbMbzd7Y0B-0-15a34c00f32fb7e797405fb065748631)
图2-35 “快速选择工具”选项栏
①“新选区”:单击按钮,用于创建一个新的选区。
②“添加到选区”:单击按钮,用于在原有选区的基础上添加适当的选区。
③“从选区减去”:单击按钮,用于在原有选区的基础上减去当前描绘的选区。
④“画笔”:选择“画笔工具”,将弹出一个关于画笔的设置框,下设“大小”“硬度”“间距”3个参数,调整3个参数可以更为精确地建立选区,如图2-36所示。
![](https://epubservercos.yuewen.com/DC1898/18123625708036106/epubprivate/OEBPS/Images/60_10.jpg?sign=1738883748-oPc8T38RlWcBZ3ajgxEUFcHMUR6DlZU5-0-29ba57c2f40b0e73671cedb0fe7e38cc)
图2-36 “画笔工具”面板
● 大小:设置画笔的大小。
● 硬度:设置选区的平滑度,百分比越小,画笔越柔软,选区越平滑。反之,则画笔越犀利,选区的边缘也更易出现粗糙或者块状效果。
● 间距:对拖动鼠标时产生连续选区的间距起决定作用,百分比越小,连续选区的间距越小,反之亦然。
⑤“对所有图层取样”:勾选此选项,可使所有可视图层中的数据选择颜色。反之,“快速选择工具”只从目前被选中的图层中选择颜色。
⑥“自动增强”:勾选此选项,对图像的边缘进行调整。减少选区边界的粗糙度和块状效果。
“魔棒工具”用来选取图像中的相近颜色或大色块的单色区域。单击工具箱中的“魔棒工具”按钮,在需要选取的画面点上单击,系统将自动选取出与单击的画面点颜色相近、位置相邻的其他区域。
“魔棒工具”选项栏如图2-37所示。
![](https://epubservercos.yuewen.com/DC1898/18123625708036106/epubprivate/OEBPS/Images/61_02.jpg?sign=1738883748-GC1EDcxULjguBYBlxJhdXwGUT2GWadnG-0-04efef3bb22bf72d29b6409ea8f85f5c)
图2-37 “魔棒工具”选项栏
● “新选区”工具:单击按钮,可以创建新的选区。当在一个选区存在的情况下,使用这种选区模式绘制选区,则新选区将取代旧的选区。
● “添加到选区”工具:单击按钮,可以创建出多个选区。当在一个选区存在的情况下,使用这种选区模式绘制选区,则可以将再次绘制出的选区添加到现有的选区中。
● “从选区减去”工具:单击按钮,当在一个选区存在的情况下,使用这种模式绘制选区,则将从现有的选区中减去当前绘制的选区与已有选区的重合部分。
● “与选区交叉”工具:单击按钮,可以得到新选区与已有选区相重合的部分,即数学上所说的“交集”。
● “容差”:决定选区的精度。容差的数值越大,选区越不精确,选取的范围越大。容差的数值越小,越容易选择出与所单击的像素非常相似的颜色,选取的范围越小。
● “消除锯齿”:当“消除锯齿”选项被勾选的时候,可以创建出边缘比较平滑的选区。
● “连续”:当“连续”选项被勾选的时候,可选择与鼠标指针落点处颜色相近、位置相连的部分。
● “对所有图层取样”:当“对所有图层取样”选项被勾选的时候,可以选择所有可视图层上颜色相近的区域。取消对这个选项的勾选,仅选择当前图层中颜色相近的区域。
注意:按住键盘上的〈Shift〉键,再次在图像上单击鼠标即可以追加选区。按住键盘上的〈Alt〉键,在图像上单击鼠标即可以减去选区。
3.规则选择工具
“规则选择工具”指的是工具箱里的“矩形选框工具”组,当右击“矩形选框工具”按钮时,将展开“矩形选框工具”组,如图2-38所示,它包括“矩形选框工具”和“椭圆选框工具”两个选项,另外还有两个子面板是“编辑工具栏”按钮
对应的“单行选框工具”和“单列选框工具”两个选项。下面将对它们进行详细的讲解。
![](https://epubservercos.yuewen.com/DC1898/18123625708036106/epubprivate/OEBPS/Images/61_09.jpg?sign=1738883748-gwFmfWwqITdBWrDvyt4Q2xK5IJqoqBXS-0-ec02de5c6a969a39e78efac79dceec13)
图2-38 “规则选择工具”组
(1)矩形选框工具
单击工具箱中的“矩形选框工具”按钮,在图像上单击鼠标左键并拖动鼠标既可创建矩形选区。
● 在页面上拖动鼠标的同时按住键盘上的〈Shift〉键,可以创建出正方形选区。
● 在页面上拖动鼠标的同时按住键盘上的〈Alt〉键,则可以创建出以鼠标单击的点为中心点向四周发散的选区。
注意:在页面上拖动鼠标的同时按住键盘上的〈Shift〉键和〈Alt〉键,可以创建出以鼠标单击的点为中心点的向四周发散的正方形选区。
当在工具箱中单击“矩形选框工具”按钮后,在Photoshop的选项栏中会显示其相关选项,如图2-39所示。了解其选项有助于读者快速、便捷地操作“矩形选框工具”的相关命令,并通过改变其中的选项来创建出多种选区。
![](https://epubservercos.yuewen.com/DC1898/18123625708036106/epubprivate/OEBPS/Images/62_02.jpg?sign=1738883748-3xCWBF1RZZF0sYPkIKIgagoF1S5qNQO3-0-c293aa51a119202b8c465a72c3173dfb)
图2-39 “矩形选框工具”选项栏
①“新选区”工具:单击按钮,可以创建新的选区。当在一个选区存在的情况下,使用这种选区模式绘制选区,则新选区将取代旧的选区。
②“添加到选区”工具:单击按钮,可以创建出多个选区。当在一个选区存在的情况下,使用这种选区模式绘制选区,则可以将再次绘制出的选区添加到现有的选区中。
③“从选区减去”工具:单击按钮,当在一个选区存在的情况下,则将从现有的选区中减去当前绘制的选区与已有选区的重合部分。
④“与选区交叉”工具:单击按钮,可以得到新选区与已有选区相重合的部分,即数学上所说的“交集”。
⑤“羽化”文本框:在文本框中输入任意大于0的数值,再创建选框,那么这时创建出来的选框的边缘处于一种被选择的状态,选框边缘被柔化。羽化的数值越大,柔化的边缘越明显。图2-40所示分别为羽化数值为0px、15px和30px时创建出的选区并填充后的效果。
![](https://epubservercos.yuewen.com/DC1898/18123625708036106/epubprivate/OEBPS/Images/62_07.jpg?sign=1738883748-ZIGw1OpLQ7DiAZ2oHLL186ewkRqRYSCt-0-c66806f312a69e22b725c0ae395332a1)
图2-40 羽化值决定选区边缘的羽化程度
值得注意的是,如果设置的羽化数值太大,而绘制的选区很小,则会弹出一个警告对话框,如图2-41所示。这时降低羽化的数值,就可以避免上述情况的发生。
⑥“样式”下拉列表:在下拉列表中选择绘制选区的方法,一共有3种选项,分别是“正常”“固定比例”和“固定大小”选项,如图2-42所示。
● 正常:默认选项,当选择该选项的时候,绘制出的选区不受大小、长宽的限制。
● 固定比例:当激活该选项的时候,后面的“宽度”和“高度”文本框会由原来的灰色转变为可以修改的蓝色,在其中输入数值即可限制选区的“宽度”和“高度”比例。
● 固定大小:当激活该选项的时候,后面的“宽度”和“高度”文本框同样会被激活,在其中输入数值即可确定选区的“宽度”和“高度”的精确数值,此时只需用鼠标左键在图像中需要的位置单击,就可以建立出一个选区,选区大小与设定的一致。
![](https://epubservercos.yuewen.com/DC1898/18123625708036106/epubprivate/OEBPS/Images/63_01.jpg?sign=1738883748-VfUYER0XZdpQThYPEaHhhCjhrEAWJ9fa-0-f359b481d26eedff3c423487976d542c)
图2-41 羽化数值过大而弹出的“警告”对话框
![](https://epubservercos.yuewen.com/DC1898/18123625708036106/epubprivate/OEBPS/Images/63_02.jpg?sign=1738883748-ucmbHw54gAZhzPX9EpSDZHLTaYxXbGjY-0-1eb71d088f333eb7f27f6b2167a1354d)
图2-42 “样式”下拉列表
⑦“选择并遮住”按钮:单击按钮,可以打开“选择并遮住”面板,如图2-43所示。这是Photoshop CC 2017的新增功能,Adobe公司一直在快速简单的抠图上下功夫,从最原始的“选择”,到“抽出”,再到后来的“调整边缘”,再到如今的“选择并遮住”,Photoshop在抠图的效率与易用性上越来越好。
![](https://epubservercos.yuewen.com/DC1898/18123625708036106/epubprivate/OEBPS/Images/63_04.jpg?sign=1738883748-ZxT9ITs1EePgidrXFjIwqLc0kJtPwAd8-0-b1c2c7b18a9aad6d242f7cff1079c78b)
图2-43 “选择并遮住”面板
(2)椭圆选框工具
用鼠标右击“矩形选框工具”按钮,选择“椭圆选框工具”
,在Photoshop的选项栏中会显示其相关选项,如图2-44所示。了解其选项有助于快速、便捷地操作“椭圆选框工具”的相关命令,通过和“矩形选框工具”选项栏对比,发现其选项和作用与“矩形选框工具”基本相同,但“消除锯齿”是“椭圆选框工具”的一个重要选项,是其他3种选框工具所不具有的。下面简单地介绍“消除锯齿”选项。
当“消除锯齿”复选框被勾选时,创建出的图像选区更加细腻,反之则有明显的锯齿。
“椭圆选框工具”选项栏中的其余各项参数与“矩形选框工具”选项栏中的在使用方法和效果上基本一致,不再重复叙述。
![](https://epubservercos.yuewen.com/DC1898/18123625708036106/epubprivate/OEBPS/Images/63_07.jpg?sign=1738883748-Cy1nsaJD4pQWgtkANMtpoP4KWC4a8wta-0-34244c9cc187bb87376e512cce29eeef)
图2-44 “椭圆选框工具”选项栏
单击“单行选框工具”按钮和“单列选框工具”按钮
,直接利用鼠标左键单击即可创建出1像素高的单行选区或1像素宽的单列选区。
“单行选框工具”和“单列选框工具”的选项栏与“矩形选框工具”的基本相同,但“样式”选项不可用。