![视觉封王:Photoshop CC 2019立体化教程(素材+视频+教案)](https://wfqqreader-1252317822.image.myqcloud.com/cover/200/31476200/b_31476200.jpg)
4.6 选区的收缩
选区的收缩与工具栏中的选区类工具的不同在于,它是Photoshop软件针对选区而开发的高级应用功能,无法通过工具栏内的工具实现,只能在已经绘制好的选区基础上,通过菜单栏执行相关命令,对既有选区实现收缩的效果。选区的收缩功能在图标设计等方面有着较为广泛的应用前景。
4.6.1 选区收缩需求分析
下面我们通过众所周知的微信图标案例了解一下选区的延伸用法——选区收缩。
先对这个图标进行技术分析。该案例的基本形体由椭圆构成,其主要的难点是两个相互叠合的头像之间有一段缝隙,这段缝隙是均等而匀称的,如图4-58所示。
![](https://epubservercos.yuewen.com/AE25D1/17035792704284806/epubprivate/OEBPS/Images/Figure-P90_10094.jpg?sign=1739317013-QhBmMPJlZOe0zcqt5OD9APRvWXspo3Ls-0-18bbd1bfe821b61a95001f346e2ec431)
图4-58
新建一个以“微信图标”命名的正方形画布,并将“前景色”改为黑色,使用快捷键Alt+Delete填充“前景色”至画布,如图4-59、图4-60所示。
![](https://epubservercos.yuewen.com/AE25D1/17035792704284806/epubprivate/OEBPS/Images/Figure-P90_10077.jpg?sign=1739317013-GBNBdes5Gx4vDztFVGJntxpMPPAXZBzW-0-a032ca23771e7ea36becab2c177e767b)
图4-59
![](https://epubservercos.yuewen.com/AE25D1/17035792704284806/epubprivate/OEBPS/Images/Figure-P90_10082.jpg?sign=1739317013-ApirXUAD1xNpbWnM7qEDjrgyAKEO3gpL-0-93adac31028029d059106000e45f3b59)
图4-60
选择“椭圆选框工具”,拖曳鼠标绘制一个椭圆形选区;新建空白图层;使用“吸管工具”(快捷键为I)在素材图中较大头像的位置单击吸取绿色至“前景色”;按快捷键Alt+Delete填充“前景色”至选区,形成较大头像的基本轮廓;然后按快捷键Ctrl+D删除选区,如图4-61所示。
![](https://epubservercos.yuewen.com/AE25D1/17035792704284806/epubprivate/OEBPS/Images/Figure-P90_10089.jpg?sign=1739317013-a8OzMN0YNXcel77GngUxUpMaBgfUiMDS-0-7e26c325e4b6eac731f7db4643fcf596)
图4-61
4.6.2 套索工具应用
选择位于“移动工具”下方套索工具组中的“多边形套索工具”(快捷键是L——Loop,即套索),绘制头像的小尾巴。
多边形套索工具的使用方法是:在画面中单击可以形成一个定位点,依次单击将会形成直线“蚂蚁线”,继续单击可形成连续的直线“蚂蚁线”,单击回到起始点,绘制完成后形成闭合选区。
使用这种方式,可以绘制三角形选区作为微信图标的小尾巴,然后填充“前景色”绿色。绘制好后使用快捷键Ctrl+D删除选区,如图4-62所示。
![](https://epubservercos.yuewen.com/AE25D1/17035792704284806/epubprivate/OEBPS/Images/Figure-P91_10126.jpg?sign=1739317013-z21RN3ssXxBvWqwTBDQhhC0LjArwewYH-0-0324b530b5eba58661b162bd3a1dc0ac)
图4-62
此时通过分析对标素材可以发现,图标中前面浅灰色的头像减掉了绿色头像的一部分区域。因此制作好该图标的逻辑顺序是:先使浅灰色小头像在绿色头像上“吃掉”一小部分,然后再进行浅灰色小头像的位置确认,最后完成浅灰色小头像的颜色填充,如图4-63所示。
![](https://epubservercos.yuewen.com/AE25D1/17035792704284806/epubprivate/OEBPS/Images/Figure-P91_10127.jpg?sign=1739317013-GmxBVazUZ4tahCYxgEOzZKt34XK3ksqf-0-7ef53ca67b9f8f334c294152bf18a195)
图4-63
在绿色头像所在的图层上使用“椭圆选框工具”绘制一个大小合适的椭圆,然后按Delete键删除选区内的对象。此时绿色椭圆基本形状确定了下来,如图4-64所示。
![](https://epubservercos.yuewen.com/AE25D1/17035792704284806/epubprivate/OEBPS/Images/Figure-P91_10114.jpg?sign=1739317013-D1ULPCaSqEAW6Zg1AvBF4yKSCq0feGcD-0-5170ce2296841ecbb837f8b992ff09c0)
图4-64
4.6.3 收缩选区的方法
在保留选区状态下执行“选择→修改→收缩”命令,可将选区收缩,如图4-65所示。
![](https://epubservercos.yuewen.com/AE25D1/17035792704284806/epubprivate/OEBPS/Images/Figure-P91_10130.jpg?sign=1739317013-6mKWpdUKjTUPEtTnnpP1ShVbzbdnVoMA-0-20d592667176db007e08defcca579110)
图4-65
需要注意的是,这个命令必须在先有选区(蚂蚁线)的前提下才能执行。如果画面中没有选区对象,相关的操作命令将以浅灰色显示而无法选择。
在弹出的“收缩选区”对话框中,将“收缩”参数值设置为5像素,单击“确定”按钮,如图4-66所示。
![](https://epubservercos.yuewen.com/AE25D1/17035792704284806/epubprivate/OEBPS/Images/Figure-P91_10128.jpg?sign=1739317013-dOyrECIuVQ3ePsL9k7tHWlvv22XpxY04-0-8778d76aa5a7bddb2f0d8e978e0e8b6d)
图4-66
这里要特别强调的是,并不是一定要收缩5个像素才是合适的。“收缩”参数值的设置取决于所建画布的尺寸。读者今后学习时不可只记参数值,最终参数值设置是否合适要根据实际画面效果而定。
参数设置确认后,可以看到选区的边缘均匀地进行了收缩,如图4-67所示。
![](https://epubservercos.yuewen.com/AE25D1/17035792704284806/epubprivate/OEBPS/Images/Figure-P91_10129.jpg?sign=1739317013-KA5F3Gwvv7wvW2MvD7wycmnIsqFhUyBP-0-33ffc4a4c17b2b9bf9ebea25df41d9de)
图4-67
如果效果可以,才能进行下一步操作。如果收缩的效果不理想,可以通过快捷键Ctrl+Z退回到上一步,重新设置“收缩”参数值并重复进行操作,直到满意为止。
利用绘制绿色头像同样的方法绘制小椭圆。在素材图中吸取浅灰色,并填充到椭圆选区中,再用“多边形套索工具”套出尾巴形状进行填充,完成小头像的绘制,如图4-68所示。
![](https://epubservercos.yuewen.com/AE25D1/17035792704284806/epubprivate/OEBPS/Images/Figure-P92_10185.jpg?sign=1739317013-SefxpiakArFcn5XqkNGvpbpEVBEfUt5X-0-bcee1f8fbd403f5b1b236ef3e77cf6ee)
选框的收缩方法与应用技巧
![](https://epubservercos.yuewen.com/AE25D1/17035792704284806/epubprivate/OEBPS/Images/Figure-P92_10141.jpg?sign=1739317013-I2smYRR9LMxlUtBctenrWmEnFXEnljOG-0-003c17ccfc7006336ddf0297dd9f8433)
图4-68
新建空白图层,按住Shift键,使用“椭圆选框工具”绘制正圆,然后将“前景色”改成黑色,并填充选区,再按快捷键Ctrl+D删除选区,绘制好一只眼睛。接下来,选择“移动工具”,按住Alt键拖曳复制出另一只眼睛。进行复制时要注意,前面相对小一些的头像的眼睛相应稍小。复制到小头像时可以使用快捷键Ctrl+T调出自由变换框,进行等比例缩放,然后借助“智能参考线”再复制另一只眼睛到合适的位置,完成微信图标的绘制,如图4-69所示。
![](https://epubservercos.yuewen.com/AE25D1/17035792704284806/epubprivate/OEBPS/Images/Figure-P92_10148.jpg?sign=1739317013-WY3oeoDiwllJQwyf6kffZvKZLcQHnaMp-0-c480228e53dff3775958d2793ed04202)
图4-69