![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=1738862933-KVaKc0V99mSmgBf7zeYXpnFgTPjXFctN-0-798d9f3bdc1592668d76d312b86caa43)
二维码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=1738862933-xT4ewiaTbtEttlGDxFv4j29qs8lyZ9ky-0-3cb2457209e3150ce71b28fab62d6c1f)
图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=1738862933-D6p5uZgLQWfqQtkgKnkna0QgR49lLeDe-0-874206b15b1f58310e68a28755ab1764)
图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=1738862933-Pn0C9D7a2of3q0FpQDliZVx4pqB7D80g-0-4120ba4ed64c898dcdfa49b058aea1a6)
图2-17 使用“渐变工具”填充
![](https://epubservercos.yuewen.com/DC1898/18123625708036106/epubprivate/OEBPS/Images/57_02.jpg?sign=1738862933-XfISUT21s01r7oelswy5dbbEHaMaM7PG-0-f8c3ad0930f423c347332bdc6c9aa712)
图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=1738862933-bKbMBlMUV1uJoIUZu326rpBKZVRWaaij-0-94511bf9b329c6e0dd9086b85aa0cf2b)
图2-19 建立矩形选框
![](https://epubservercos.yuewen.com/DC1898/18123625708036106/epubprivate/OEBPS/Images/57_04.jpg?sign=1738862933-y5SGcUFUwYRj0CgvV0mPBpVMMo98xDOE-0-4775751a47133cffa4ce8309d1f67a2c)
图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=1738862933-GoGHfAzLbRRUCZfrmYoBpls0qLqFO2f6-0-ceb50a3396b2914b7622204dc481f590)
图2-21 用白色填充圆形选区
![](https://epubservercos.yuewen.com/DC1898/18123625708036106/epubprivate/OEBPS/Images/57_06.jpg?sign=1738862933-ScmBSf8h1zP1eF8NILPRgQzcVXG7ox0n-0-6bcd12a04cc7cbb188b389ec60b28a82)
图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=1738862933-dKP70lSN7XrUZChHtLws7xV514meRH6B-0-5465c3d8fc2801b1e31ad7861a83593f)
图2-23 对圆形和文字进行压缩变形
![](https://epubservercos.yuewen.com/DC1898/18123625708036106/epubprivate/OEBPS/Images/58_02.jpg?sign=1738862933-hpPokOo0ozcvZ4uIuLXRYLs3I0eOZwQn-0-b61717fcd12eb0e3a8831c04f485cd0d)
图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=1738862933-AN63AeR5K8zLcw6cSzSsnOeHavq60bBy-0-24f25d5d60c6475607e47330a4c2a851)
图2-25 “磁性套索工具”工具组
● “套索工具”:单击工具箱中的“套索工具”按钮,可以建立自由形状的选区,它可以随着鼠标指针的自由移动形成路径,释放鼠标其路径自动形成选区,图2-26和图2-27分别为使用“套索工具”建立自由形状选区的前后对比图。
![](https://epubservercos.yuewen.com/DC1898/18123625708036106/epubprivate/OEBPS/Images/59_01.jpg?sign=1738862933-7oVPXbDZhOn4AHzN5g4ivnwOS4hBn66e-0-c51ebfc4494668f65d5af2dd96039d41)
图2-26 “套索工具”未建立自由形状选区前
![](https://epubservercos.yuewen.com/DC1898/18123625708036106/epubprivate/OEBPS/Images/59_02.jpg?sign=1738862933-f423CbhO7NF8wMdszJ6QvcoisfMk0Kok-0-830942c2d46616a6ecc5ef13d0a4bbd4)
图2-27 “套索工具”建立自由形状选区后
“套索工具”的选项栏如图2-28所示,其各个选项的意义与工具箱的“矩形选框工具”大致相同,不再重复叙述。
![](https://epubservercos.yuewen.com/DC1898/18123625708036106/epubprivate/OEBPS/Images/59_03.jpg?sign=1738862933-cnVCD7WSmxeIs6HyfFbQbVFwyIdaYFZP-0-d54051dab8d9e401afc4c69612a677a4)
图2-28 “套索工具”选项栏
● “多边形套索工具”:单击工具箱中的“多边形套索工具”,可以建立直线形的多边形选择区域,也是随着鼠标指针的自由移动形成路径,利用鼠标单击初始点形成选区。图2-29和图2-30为使用“多边形套索工具”建立自由形状选区的前后对比图。
![](https://epubservercos.yuewen.com/DC1898/18123625708036106/epubprivate/OEBPS/Images/59_04.jpg?sign=1738862933-H1MC3MTydkfCepY81EJyNbKbNK23tbja-0-49b6ba132e2e51b4d62c82989ce05d04)
图2-29 “多边形套索工具”未建立形状选区前
![](https://epubservercos.yuewen.com/DC1898/18123625708036106/epubprivate/OEBPS/Images/59_05.jpg?sign=1738862933-zjZyBYT0IWkv2N7vJxgpv1eiA6koqJBC-0-4f03ea80b04ff481d409a570c276cf1e)
图2-30 “多边形套索工具”建立形状选区后
值得注意的是,在使用“多边形套索工具”的时候,单击鼠标建立选区并辅以键盘上的〈Shift〉键,可以使画线的角度为水平、垂直和45°。按住〈Alt〉键可以暂时切换至“套索工具”,用于绘制任意形状的选区,释放〈Alt〉键可以再次切换至“多边形套索工具”。
“多边形套索工具”选项栏如图2-31所示,其各个选项的意义与“套索工具”完全相同,不再重复叙述。
![](https://epubservercos.yuewen.com/DC1898/18123625708036106/epubprivate/OEBPS/Images/59_06.jpg?sign=1738862933-m32JtVDQxkSTNpLBgIH6fjeeN0KKjRsA-0-f427c081f4e38b0355b9318352efbaca)
图2-31 “多边形套索工具”选项栏
(2)快速选择工具
用鼠标右击工具箱中的“快速选择工具”按钮,将会弹出子菜单,如图2-32所示。
![](https://epubservercos.yuewen.com/DC1898/18123625708036106/epubprivate/OEBPS/Images/60_02.jpg?sign=1738862933-lXVV6yySRuf5FQlRRSLmweRmghEy6jG2-0-9aa4cb13a6afd02bb3842c1eee2e5eff)
图2-32 “快速选择工具”组
单击工具箱中的“快速选择工具”按钮,能够拖动鼠标时以单击点为基准点,将颜色相似的图像区域指定为选区,从而方便、快速地描绘选区。图2-33和图2-34分别展示的是使用“快速选择工具”对图像进行定位和描绘选区的效果。
![](https://epubservercos.yuewen.com/DC1898/18123625708036106/epubprivate/OEBPS/Images/60_04.jpg?sign=1738862933-MNrymtM4RdNkNvnWFZp56JVo45e6zcCB-0-f3ec274ea9ead558f333e77405717a79)
图2-33 “快速选择工具”对图像进行定位
![](https://epubservercos.yuewen.com/DC1898/18123625708036106/epubprivate/OEBPS/Images/60_05.jpg?sign=1738862933-MBdRjOS70Ap2ak5jXtm54POF5DyjKsXu-0-7836341e8cf5816b2b36b732777ee307)
图2-34 “快速选择工具”描绘选区
“快速选择工具”的选项栏如图2-35所示。
![](https://epubservercos.yuewen.com/DC1898/18123625708036106/epubprivate/OEBPS/Images/60_06.jpg?sign=1738862933-iWEhd4jTt9zGCqZYytaxX0YvSTPNzbvy-0-038783f9c8c6fe700886672b1005e81f)
图2-35 “快速选择工具”选项栏
①“新选区”:单击按钮,用于创建一个新的选区。
②“添加到选区”:单击按钮,用于在原有选区的基础上添加适当的选区。
③“从选区减去”:单击按钮,用于在原有选区的基础上减去当前描绘的选区。
④“画笔”:选择“画笔工具”,将弹出一个关于画笔的设置框,下设“大小”“硬度”“间距”3个参数,调整3个参数可以更为精确地建立选区,如图2-36所示。
![](https://epubservercos.yuewen.com/DC1898/18123625708036106/epubprivate/OEBPS/Images/60_10.jpg?sign=1738862933-HScUBXxR4HRbCu7OsSxyCVUWvgqKcHd7-0-41538200d911c9c6fbd1badfb6887779)
图2-36 “画笔工具”面板
● 大小:设置画笔的大小。
● 硬度:设置选区的平滑度,百分比越小,画笔越柔软,选区越平滑。反之,则画笔越犀利,选区的边缘也更易出现粗糙或者块状效果。
● 间距:对拖动鼠标时产生连续选区的间距起决定作用,百分比越小,连续选区的间距越小,反之亦然。
⑤“对所有图层取样”:勾选此选项,可使所有可视图层中的数据选择颜色。反之,“快速选择工具”只从目前被选中的图层中选择颜色。
⑥“自动增强”:勾选此选项,对图像的边缘进行调整。减少选区边界的粗糙度和块状效果。
“魔棒工具”用来选取图像中的相近颜色或大色块的单色区域。单击工具箱中的“魔棒工具”按钮,在需要选取的画面点上单击,系统将自动选取出与单击的画面点颜色相近、位置相邻的其他区域。
“魔棒工具”选项栏如图2-37所示。
![](https://epubservercos.yuewen.com/DC1898/18123625708036106/epubprivate/OEBPS/Images/61_02.jpg?sign=1738862933-Zb0aJnBacpL3Zv1Tyk4G0hYiNS1zY5N7-0-900b77b23327334c816228c7fba77de0)
图2-37 “魔棒工具”选项栏
● “新选区”工具:单击按钮,可以创建新的选区。当在一个选区存在的情况下,使用这种选区模式绘制选区,则新选区将取代旧的选区。
● “添加到选区”工具:单击按钮,可以创建出多个选区。当在一个选区存在的情况下,使用这种选区模式绘制选区,则可以将再次绘制出的选区添加到现有的选区中。
● “从选区减去”工具:单击按钮,当在一个选区存在的情况下,使用这种模式绘制选区,则将从现有的选区中减去当前绘制的选区与已有选区的重合部分。
● “与选区交叉”工具:单击按钮,可以得到新选区与已有选区相重合的部分,即数学上所说的“交集”。
● “容差”:决定选区的精度。容差的数值越大,选区越不精确,选取的范围越大。容差的数值越小,越容易选择出与所单击的像素非常相似的颜色,选取的范围越小。
● “消除锯齿”:当“消除锯齿”选项被勾选的时候,可以创建出边缘比较平滑的选区。
● “连续”:当“连续”选项被勾选的时候,可选择与鼠标指针落点处颜色相近、位置相连的部分。
● “对所有图层取样”:当“对所有图层取样”选项被勾选的时候,可以选择所有可视图层上颜色相近的区域。取消对这个选项的勾选,仅选择当前图层中颜色相近的区域。
注意:按住键盘上的〈Shift〉键,再次在图像上单击鼠标即可以追加选区。按住键盘上的〈Alt〉键,在图像上单击鼠标即可以减去选区。
3.规则选择工具
“规则选择工具”指的是工具箱里的“矩形选框工具”组,当右击“矩形选框工具”按钮时,将展开“矩形选框工具”组,如图2-38所示,它包括“矩形选框工具”和“椭圆选框工具”两个选项,另外还有两个子面板是“编辑工具栏”按钮
对应的“单行选框工具”和“单列选框工具”两个选项。下面将对它们进行详细的讲解。
![](https://epubservercos.yuewen.com/DC1898/18123625708036106/epubprivate/OEBPS/Images/61_09.jpg?sign=1738862933-ghBXNuzuyyahwYLaAxRTQetwjxfngLje-0-b3e757cc715fb1e67e0ca6b466efa41c)
图2-38 “规则选择工具”组
(1)矩形选框工具
单击工具箱中的“矩形选框工具”按钮,在图像上单击鼠标左键并拖动鼠标既可创建矩形选区。
● 在页面上拖动鼠标的同时按住键盘上的〈Shift〉键,可以创建出正方形选区。
● 在页面上拖动鼠标的同时按住键盘上的〈Alt〉键,则可以创建出以鼠标单击的点为中心点向四周发散的选区。
注意:在页面上拖动鼠标的同时按住键盘上的〈Shift〉键和〈Alt〉键,可以创建出以鼠标单击的点为中心点的向四周发散的正方形选区。
当在工具箱中单击“矩形选框工具”按钮后,在Photoshop的选项栏中会显示其相关选项,如图2-39所示。了解其选项有助于读者快速、便捷地操作“矩形选框工具”的相关命令,并通过改变其中的选项来创建出多种选区。
![](https://epubservercos.yuewen.com/DC1898/18123625708036106/epubprivate/OEBPS/Images/62_02.jpg?sign=1738862933-IByMAJB6s3i3ZmBfWWnKkCVJALqEIL5f-0-5a4ed37cc5f60dc694dcfbada347be8d)
图2-39 “矩形选框工具”选项栏
①“新选区”工具:单击按钮,可以创建新的选区。当在一个选区存在的情况下,使用这种选区模式绘制选区,则新选区将取代旧的选区。
②“添加到选区”工具:单击按钮,可以创建出多个选区。当在一个选区存在的情况下,使用这种选区模式绘制选区,则可以将再次绘制出的选区添加到现有的选区中。
③“从选区减去”工具:单击按钮,当在一个选区存在的情况下,则将从现有的选区中减去当前绘制的选区与已有选区的重合部分。
④“与选区交叉”工具:单击按钮,可以得到新选区与已有选区相重合的部分,即数学上所说的“交集”。
⑤“羽化”文本框:在文本框中输入任意大于0的数值,再创建选框,那么这时创建出来的选框的边缘处于一种被选择的状态,选框边缘被柔化。羽化的数值越大,柔化的边缘越明显。图2-40所示分别为羽化数值为0px、15px和30px时创建出的选区并填充后的效果。
![](https://epubservercos.yuewen.com/DC1898/18123625708036106/epubprivate/OEBPS/Images/62_07.jpg?sign=1738862933-mdwDVF002Xc2zrk2SBwdxs8OcmbO7mbp-0-e169f4191ee92810db4cd3ed23b53a3d)
图2-40 羽化值决定选区边缘的羽化程度
值得注意的是,如果设置的羽化数值太大,而绘制的选区很小,则会弹出一个警告对话框,如图2-41所示。这时降低羽化的数值,就可以避免上述情况的发生。
⑥“样式”下拉列表:在下拉列表中选择绘制选区的方法,一共有3种选项,分别是“正常”“固定比例”和“固定大小”选项,如图2-42所示。
● 正常:默认选项,当选择该选项的时候,绘制出的选区不受大小、长宽的限制。
● 固定比例:当激活该选项的时候,后面的“宽度”和“高度”文本框会由原来的灰色转变为可以修改的蓝色,在其中输入数值即可限制选区的“宽度”和“高度”比例。
● 固定大小:当激活该选项的时候,后面的“宽度”和“高度”文本框同样会被激活,在其中输入数值即可确定选区的“宽度”和“高度”的精确数值,此时只需用鼠标左键在图像中需要的位置单击,就可以建立出一个选区,选区大小与设定的一致。
![](https://epubservercos.yuewen.com/DC1898/18123625708036106/epubprivate/OEBPS/Images/63_01.jpg?sign=1738862933-m9flZkKM8oLhnVf8HYZUeu1cD9GIowyN-0-9103c835e4e6b74a01eb93e047def879)
图2-41 羽化数值过大而弹出的“警告”对话框
![](https://epubservercos.yuewen.com/DC1898/18123625708036106/epubprivate/OEBPS/Images/63_02.jpg?sign=1738862933-wjAVckJSihN0kvzK2XawynrL7wuupHyd-0-8f2f67f3ef3df707bf354ff8da0ba85d)
图2-42 “样式”下拉列表
⑦“选择并遮住”按钮:单击按钮,可以打开“选择并遮住”面板,如图2-43所示。这是Photoshop CC 2017的新增功能,Adobe公司一直在快速简单的抠图上下功夫,从最原始的“选择”,到“抽出”,再到后来的“调整边缘”,再到如今的“选择并遮住”,Photoshop在抠图的效率与易用性上越来越好。
![](https://epubservercos.yuewen.com/DC1898/18123625708036106/epubprivate/OEBPS/Images/63_04.jpg?sign=1738862933-q5vdOLxRJfSGLg171Cf1db1NaiYjGZmL-0-f7593d5d0c85b4816b6fd3b52df12264)
图2-43 “选择并遮住”面板
(2)椭圆选框工具
用鼠标右击“矩形选框工具”按钮,选择“椭圆选框工具”
,在Photoshop的选项栏中会显示其相关选项,如图2-44所示。了解其选项有助于快速、便捷地操作“椭圆选框工具”的相关命令,通过和“矩形选框工具”选项栏对比,发现其选项和作用与“矩形选框工具”基本相同,但“消除锯齿”是“椭圆选框工具”的一个重要选项,是其他3种选框工具所不具有的。下面简单地介绍“消除锯齿”选项。
当“消除锯齿”复选框被勾选时,创建出的图像选区更加细腻,反之则有明显的锯齿。
“椭圆选框工具”选项栏中的其余各项参数与“矩形选框工具”选项栏中的在使用方法和效果上基本一致,不再重复叙述。
![](https://epubservercos.yuewen.com/DC1898/18123625708036106/epubprivate/OEBPS/Images/63_07.jpg?sign=1738862933-Kcbpazxcs7I7ljjd00euQUrJotlLL7TS-0-6a8afcf303b5845470b7599b3c62fc40)
图2-44 “椭圆选框工具”选项栏
单击“单行选框工具”按钮和“单列选框工具”按钮
,直接利用鼠标左键单击即可创建出1像素高的单行选区或1像素宽的单列选区。
“单行选框工具”和“单列选框工具”的选项栏与“矩形选框工具”的基本相同,但“样式”选项不可用。