![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=1739285051-diHgKz8Xu9aD2a4zCprCDLalxYo1oJU1-0-1e6fa5e9d8f40df14efad99e511e4bda)
二维码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=1739285051-UEcnYD4FyEW1bndLJfz3JyhrKA60aLY6-0-55ae537c5e5762bad3844ab46b4f2bb3)
图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=1739285051-qLugKOMT8qQJg1pToIyRkGK74HZFNLCk-0-1ae3ee5cb6a4f1e16fa59e02360b3108)
图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=1739285051-fgalG6XQlylWZ7h0mGur3kjCjg3KBh7k-0-9e7b086083fef2ef4a3f7f67a487f0c3)
图2-17 使用“渐变工具”填充
![](https://epubservercos.yuewen.com/DC1898/18123625708036106/epubprivate/OEBPS/Images/57_02.jpg?sign=1739285051-vikKNIaMX7pm5L0kEixR9Sw7L7mwhXVn-0-80f635ed292134e7afa7bcccbd63c41a)
图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=1739285051-7OszWsQljTAJyz8IiIcUoaTBuRzJZXyI-0-34ffdfff2694dd454155b43901a3a15f)
图2-19 建立矩形选框
![](https://epubservercos.yuewen.com/DC1898/18123625708036106/epubprivate/OEBPS/Images/57_04.jpg?sign=1739285051-dM8YkzjmKJUnnlBELqbaTvK1hjn8H0sW-0-04145f27f029a3b41b4c36326f2d475e)
图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=1739285051-oBNI4ukPrVnE6eNvxtOXymhxeDHFzfQ9-0-04890880f1a9936f53a0597f0a8352d3)
图2-21 用白色填充圆形选区
![](https://epubservercos.yuewen.com/DC1898/18123625708036106/epubprivate/OEBPS/Images/57_06.jpg?sign=1739285051-E7tDjg0GNOJzb8Fd0YeX45afGggVNJkG-0-f2de5b37d8a62c0e7779fb95f01d8438)
图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=1739285051-LEvDvKSNK5eIZrIYbB1zhoqmeoeOuvh4-0-f79ab5248f4963194f655d1502bc66a8)
图2-23 对圆形和文字进行压缩变形
![](https://epubservercos.yuewen.com/DC1898/18123625708036106/epubprivate/OEBPS/Images/58_02.jpg?sign=1739285051-JmoZ4QIpbJjqIBPj7g4GOV7U4fm0c4OU-0-f752aa2db984fe8fc482ffaaa77b1e09)
图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=1739285051-SWT1xKzOanTLEDUOnA4AFDfyCEIQJdoP-0-622ad4f18908c60c4032b65c897b928c)
图2-25 “磁性套索工具”工具组
● “套索工具”:单击工具箱中的“套索工具”按钮,可以建立自由形状的选区,它可以随着鼠标指针的自由移动形成路径,释放鼠标其路径自动形成选区,图2-26和图2-27分别为使用“套索工具”建立自由形状选区的前后对比图。
![](https://epubservercos.yuewen.com/DC1898/18123625708036106/epubprivate/OEBPS/Images/59_01.jpg?sign=1739285051-jqg4JCeizscImd0SwXyr8HLZmS54PdqJ-0-a5bedfde22956e61a51cda94ad4a82ce)
图2-26 “套索工具”未建立自由形状选区前
![](https://epubservercos.yuewen.com/DC1898/18123625708036106/epubprivate/OEBPS/Images/59_02.jpg?sign=1739285051-JMKAMxyFFNqbjOvV56TUxb618O6OFDm5-0-c3d1b8ffaaa559539d9b750a4c41b437)
图2-27 “套索工具”建立自由形状选区后
“套索工具”的选项栏如图2-28所示,其各个选项的意义与工具箱的“矩形选框工具”大致相同,不再重复叙述。
![](https://epubservercos.yuewen.com/DC1898/18123625708036106/epubprivate/OEBPS/Images/59_03.jpg?sign=1739285051-H6YpADRaheAq9hXMMOAuwamp7eNrnFEb-0-59e8501aa554cde993c3b4068b012b1b)
图2-28 “套索工具”选项栏
● “多边形套索工具”:单击工具箱中的“多边形套索工具”,可以建立直线形的多边形选择区域,也是随着鼠标指针的自由移动形成路径,利用鼠标单击初始点形成选区。图2-29和图2-30为使用“多边形套索工具”建立自由形状选区的前后对比图。
![](https://epubservercos.yuewen.com/DC1898/18123625708036106/epubprivate/OEBPS/Images/59_04.jpg?sign=1739285051-zt9uPJi6dRw0UurWuoCiot9RStAy7Lqg-0-3355266cc58391b5ab89ade6f5538472)
图2-29 “多边形套索工具”未建立形状选区前
![](https://epubservercos.yuewen.com/DC1898/18123625708036106/epubprivate/OEBPS/Images/59_05.jpg?sign=1739285051-8glLYjAlFeLDn8oTfCPmRFqn4wvO3tYQ-0-2c09e50162356df5ee07725fb0b400d8)
图2-30 “多边形套索工具”建立形状选区后
值得注意的是,在使用“多边形套索工具”的时候,单击鼠标建立选区并辅以键盘上的〈Shift〉键,可以使画线的角度为水平、垂直和45°。按住〈Alt〉键可以暂时切换至“套索工具”,用于绘制任意形状的选区,释放〈Alt〉键可以再次切换至“多边形套索工具”。
“多边形套索工具”选项栏如图2-31所示,其各个选项的意义与“套索工具”完全相同,不再重复叙述。
![](https://epubservercos.yuewen.com/DC1898/18123625708036106/epubprivate/OEBPS/Images/59_06.jpg?sign=1739285051-XFdUEz4TjP8CdaIoXW3fmLG6DtsvKeUx-0-55845611da885805ce6d08b4efe86744)
图2-31 “多边形套索工具”选项栏
(2)快速选择工具
用鼠标右击工具箱中的“快速选择工具”按钮,将会弹出子菜单,如图2-32所示。
![](https://epubservercos.yuewen.com/DC1898/18123625708036106/epubprivate/OEBPS/Images/60_02.jpg?sign=1739285051-KbjQzafQaJQP2ROJiOjrts4QZdMJJhM8-0-436c6e1fa0504923a8ff28ac30aa664f)
图2-32 “快速选择工具”组
单击工具箱中的“快速选择工具”按钮,能够拖动鼠标时以单击点为基准点,将颜色相似的图像区域指定为选区,从而方便、快速地描绘选区。图2-33和图2-34分别展示的是使用“快速选择工具”对图像进行定位和描绘选区的效果。
![](https://epubservercos.yuewen.com/DC1898/18123625708036106/epubprivate/OEBPS/Images/60_04.jpg?sign=1739285051-AmtEodBu91kBXEj2u7jItKDHgGGCcxAK-0-96b0798e7c544d7f4acdbc64d1f720dd)
图2-33 “快速选择工具”对图像进行定位
![](https://epubservercos.yuewen.com/DC1898/18123625708036106/epubprivate/OEBPS/Images/60_05.jpg?sign=1739285051-UsljlxDLRU6mDopoqooWixaCYQHdcUfC-0-7daf4a80b5040eadcce3c2c30fca825e)
图2-34 “快速选择工具”描绘选区
“快速选择工具”的选项栏如图2-35所示。
![](https://epubservercos.yuewen.com/DC1898/18123625708036106/epubprivate/OEBPS/Images/60_06.jpg?sign=1739285051-W1giUAYRa2QfUzATWUXtBsIHwxmcsgj7-0-6b80560df67e95b5d2353175e6ccdcbf)
图2-35 “快速选择工具”选项栏
①“新选区”:单击按钮,用于创建一个新的选区。
②“添加到选区”:单击按钮,用于在原有选区的基础上添加适当的选区。
③“从选区减去”:单击按钮,用于在原有选区的基础上减去当前描绘的选区。
④“画笔”:选择“画笔工具”,将弹出一个关于画笔的设置框,下设“大小”“硬度”“间距”3个参数,调整3个参数可以更为精确地建立选区,如图2-36所示。
![](https://epubservercos.yuewen.com/DC1898/18123625708036106/epubprivate/OEBPS/Images/60_10.jpg?sign=1739285051-GQpcPnyB7cPoIuCWX7prtkBemA1E9NVn-0-f8d7859e018fcd2e182fb4c0dce5d0a7)
图2-36 “画笔工具”面板
● 大小:设置画笔的大小。
● 硬度:设置选区的平滑度,百分比越小,画笔越柔软,选区越平滑。反之,则画笔越犀利,选区的边缘也更易出现粗糙或者块状效果。
● 间距:对拖动鼠标时产生连续选区的间距起决定作用,百分比越小,连续选区的间距越小,反之亦然。
⑤“对所有图层取样”:勾选此选项,可使所有可视图层中的数据选择颜色。反之,“快速选择工具”只从目前被选中的图层中选择颜色。
⑥“自动增强”:勾选此选项,对图像的边缘进行调整。减少选区边界的粗糙度和块状效果。
“魔棒工具”用来选取图像中的相近颜色或大色块的单色区域。单击工具箱中的“魔棒工具”按钮,在需要选取的画面点上单击,系统将自动选取出与单击的画面点颜色相近、位置相邻的其他区域。
“魔棒工具”选项栏如图2-37所示。
![](https://epubservercos.yuewen.com/DC1898/18123625708036106/epubprivate/OEBPS/Images/61_02.jpg?sign=1739285051-rLLL9rwaoE7We5UdVQOU4BCaQUPh9Jmy-0-9ad0ec96c125259f734e5a7e3b9abd07)
图2-37 “魔棒工具”选项栏
● “新选区”工具:单击按钮,可以创建新的选区。当在一个选区存在的情况下,使用这种选区模式绘制选区,则新选区将取代旧的选区。
● “添加到选区”工具:单击按钮,可以创建出多个选区。当在一个选区存在的情况下,使用这种选区模式绘制选区,则可以将再次绘制出的选区添加到现有的选区中。
● “从选区减去”工具:单击按钮,当在一个选区存在的情况下,使用这种模式绘制选区,则将从现有的选区中减去当前绘制的选区与已有选区的重合部分。
● “与选区交叉”工具:单击按钮,可以得到新选区与已有选区相重合的部分,即数学上所说的“交集”。
● “容差”:决定选区的精度。容差的数值越大,选区越不精确,选取的范围越大。容差的数值越小,越容易选择出与所单击的像素非常相似的颜色,选取的范围越小。
● “消除锯齿”:当“消除锯齿”选项被勾选的时候,可以创建出边缘比较平滑的选区。
● “连续”:当“连续”选项被勾选的时候,可选择与鼠标指针落点处颜色相近、位置相连的部分。
● “对所有图层取样”:当“对所有图层取样”选项被勾选的时候,可以选择所有可视图层上颜色相近的区域。取消对这个选项的勾选,仅选择当前图层中颜色相近的区域。
注意:按住键盘上的〈Shift〉键,再次在图像上单击鼠标即可以追加选区。按住键盘上的〈Alt〉键,在图像上单击鼠标即可以减去选区。
3.规则选择工具
“规则选择工具”指的是工具箱里的“矩形选框工具”组,当右击“矩形选框工具”按钮时,将展开“矩形选框工具”组,如图2-38所示,它包括“矩形选框工具”和“椭圆选框工具”两个选项,另外还有两个子面板是“编辑工具栏”按钮
对应的“单行选框工具”和“单列选框工具”两个选项。下面将对它们进行详细的讲解。
![](https://epubservercos.yuewen.com/DC1898/18123625708036106/epubprivate/OEBPS/Images/61_09.jpg?sign=1739285051-XD7ddxHUh5R3yGstTsgezyw3qpbkV4uj-0-2eb64ed7d5c6b9d10469c068f0e4f011)
图2-38 “规则选择工具”组
(1)矩形选框工具
单击工具箱中的“矩形选框工具”按钮,在图像上单击鼠标左键并拖动鼠标既可创建矩形选区。
● 在页面上拖动鼠标的同时按住键盘上的〈Shift〉键,可以创建出正方形选区。
● 在页面上拖动鼠标的同时按住键盘上的〈Alt〉键,则可以创建出以鼠标单击的点为中心点向四周发散的选区。
注意:在页面上拖动鼠标的同时按住键盘上的〈Shift〉键和〈Alt〉键,可以创建出以鼠标单击的点为中心点的向四周发散的正方形选区。
当在工具箱中单击“矩形选框工具”按钮后,在Photoshop的选项栏中会显示其相关选项,如图2-39所示。了解其选项有助于读者快速、便捷地操作“矩形选框工具”的相关命令,并通过改变其中的选项来创建出多种选区。
![](https://epubservercos.yuewen.com/DC1898/18123625708036106/epubprivate/OEBPS/Images/62_02.jpg?sign=1739285051-RONPr3G28cbKuIxLi2Z4cgh5pEgv2m3K-0-44b53955911a0889a17e7896262ea001)
图2-39 “矩形选框工具”选项栏
①“新选区”工具:单击按钮,可以创建新的选区。当在一个选区存在的情况下,使用这种选区模式绘制选区,则新选区将取代旧的选区。
②“添加到选区”工具:单击按钮,可以创建出多个选区。当在一个选区存在的情况下,使用这种选区模式绘制选区,则可以将再次绘制出的选区添加到现有的选区中。
③“从选区减去”工具:单击按钮,当在一个选区存在的情况下,则将从现有的选区中减去当前绘制的选区与已有选区的重合部分。
④“与选区交叉”工具:单击按钮,可以得到新选区与已有选区相重合的部分,即数学上所说的“交集”。
⑤“羽化”文本框:在文本框中输入任意大于0的数值,再创建选框,那么这时创建出来的选框的边缘处于一种被选择的状态,选框边缘被柔化。羽化的数值越大,柔化的边缘越明显。图2-40所示分别为羽化数值为0px、15px和30px时创建出的选区并填充后的效果。
![](https://epubservercos.yuewen.com/DC1898/18123625708036106/epubprivate/OEBPS/Images/62_07.jpg?sign=1739285051-jIhdK4QklLeehL0arZrkXp1zMlIXX0DY-0-dba7f38e82fe8432d2675ed29ca7b371)
图2-40 羽化值决定选区边缘的羽化程度
值得注意的是,如果设置的羽化数值太大,而绘制的选区很小,则会弹出一个警告对话框,如图2-41所示。这时降低羽化的数值,就可以避免上述情况的发生。
⑥“样式”下拉列表:在下拉列表中选择绘制选区的方法,一共有3种选项,分别是“正常”“固定比例”和“固定大小”选项,如图2-42所示。
● 正常:默认选项,当选择该选项的时候,绘制出的选区不受大小、长宽的限制。
● 固定比例:当激活该选项的时候,后面的“宽度”和“高度”文本框会由原来的灰色转变为可以修改的蓝色,在其中输入数值即可限制选区的“宽度”和“高度”比例。
● 固定大小:当激活该选项的时候,后面的“宽度”和“高度”文本框同样会被激活,在其中输入数值即可确定选区的“宽度”和“高度”的精确数值,此时只需用鼠标左键在图像中需要的位置单击,就可以建立出一个选区,选区大小与设定的一致。
![](https://epubservercos.yuewen.com/DC1898/18123625708036106/epubprivate/OEBPS/Images/63_01.jpg?sign=1739285051-wai9juhNDgM739zZloFxYsC2yrD3xQeL-0-ff399579dddaf37c15b121c81d0e5dbb)
图2-41 羽化数值过大而弹出的“警告”对话框
![](https://epubservercos.yuewen.com/DC1898/18123625708036106/epubprivate/OEBPS/Images/63_02.jpg?sign=1739285051-I4zg5ujQobNjp5WgQAoVOVTwS3mGTpfe-0-3f9a0d874054794f6a21d6b42d8b65bc)
图2-42 “样式”下拉列表
⑦“选择并遮住”按钮:单击按钮,可以打开“选择并遮住”面板,如图2-43所示。这是Photoshop CC 2017的新增功能,Adobe公司一直在快速简单的抠图上下功夫,从最原始的“选择”,到“抽出”,再到后来的“调整边缘”,再到如今的“选择并遮住”,Photoshop在抠图的效率与易用性上越来越好。
![](https://epubservercos.yuewen.com/DC1898/18123625708036106/epubprivate/OEBPS/Images/63_04.jpg?sign=1739285051-JN3zcek1asSeZK8bOUYgJ5SRKeGvDiB6-0-f23718ab5c398a6de4d4c2ed2f795de9)
图2-43 “选择并遮住”面板
(2)椭圆选框工具
用鼠标右击“矩形选框工具”按钮,选择“椭圆选框工具”
,在Photoshop的选项栏中会显示其相关选项,如图2-44所示。了解其选项有助于快速、便捷地操作“椭圆选框工具”的相关命令,通过和“矩形选框工具”选项栏对比,发现其选项和作用与“矩形选框工具”基本相同,但“消除锯齿”是“椭圆选框工具”的一个重要选项,是其他3种选框工具所不具有的。下面简单地介绍“消除锯齿”选项。
当“消除锯齿”复选框被勾选时,创建出的图像选区更加细腻,反之则有明显的锯齿。
“椭圆选框工具”选项栏中的其余各项参数与“矩形选框工具”选项栏中的在使用方法和效果上基本一致,不再重复叙述。
![](https://epubservercos.yuewen.com/DC1898/18123625708036106/epubprivate/OEBPS/Images/63_07.jpg?sign=1739285051-aH0ZTA0NaboHSlEK6X8TBYE6JQvNcXUQ-0-4547639fb11640eec83e580ebef48ec0)
图2-44 “椭圆选框工具”选项栏
单击“单行选框工具”按钮和“单列选框工具”按钮
,直接利用鼠标左键单击即可创建出1像素高的单行选区或1像素宽的单列选区。
“单行选框工具”和“单列选框工具”的选项栏与“矩形选框工具”的基本相同,但“样式”选项不可用。