![视觉封王: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=1739341131-GzCsuTT6wCvjLHRUMpqTcNq9GjzAC5hr-0-b91541d603e4763a1bf0d07ef04e813d)
图4-58
新建一个以“微信图标”命名的正方形画布,并将“前景色”改为黑色,使用快捷键Alt+Delete填充“前景色”至画布,如图4-59、图4-60所示。
![](https://epubservercos.yuewen.com/AE25D1/17035792704284806/epubprivate/OEBPS/Images/Figure-P90_10077.jpg?sign=1739341131-eQkOjvzyukpVuOCXNFVgl4HOFb27mC5n-0-ea21ddf5544704a706aa914d64799f0a)
图4-59
![](https://epubservercos.yuewen.com/AE25D1/17035792704284806/epubprivate/OEBPS/Images/Figure-P90_10082.jpg?sign=1739341131-0DtAb5JUfJwr7784oXg6o35mFMavBizn-0-061036c4a539a2ac5d68b4e25585e29e)
图4-60
选择“椭圆选框工具”,拖曳鼠标绘制一个椭圆形选区;新建空白图层;使用“吸管工具”(快捷键为I)在素材图中较大头像的位置单击吸取绿色至“前景色”;按快捷键Alt+Delete填充“前景色”至选区,形成较大头像的基本轮廓;然后按快捷键Ctrl+D删除选区,如图4-61所示。
![](https://epubservercos.yuewen.com/AE25D1/17035792704284806/epubprivate/OEBPS/Images/Figure-P90_10089.jpg?sign=1739341131-DcbQFxsV2MYrIeV4UVkEbmtmSLvDN1Pv-0-502b7334c90f38390ef53cea3a562a05)
图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=1739341131-1S14YwU2s2CNCsfuSpQ7tqf64R2iNhJm-0-b92148e92ea39cf33635c25a9bd7963e)
图4-62
此时通过分析对标素材可以发现,图标中前面浅灰色的头像减掉了绿色头像的一部分区域。因此制作好该图标的逻辑顺序是:先使浅灰色小头像在绿色头像上“吃掉”一小部分,然后再进行浅灰色小头像的位置确认,最后完成浅灰色小头像的颜色填充,如图4-63所示。
![](https://epubservercos.yuewen.com/AE25D1/17035792704284806/epubprivate/OEBPS/Images/Figure-P91_10127.jpg?sign=1739341131-Sv5bjnkabbWWtAgjzzXavSuAn5gRtXns-0-50bd90c8ff1113de4ab18be2df6e7b88)
图4-63
在绿色头像所在的图层上使用“椭圆选框工具”绘制一个大小合适的椭圆,然后按Delete键删除选区内的对象。此时绿色椭圆基本形状确定了下来,如图4-64所示。
![](https://epubservercos.yuewen.com/AE25D1/17035792704284806/epubprivate/OEBPS/Images/Figure-P91_10114.jpg?sign=1739341131-V2B4ZV0RIC91GqjGUd7EkVC9UEQtDZh5-0-eabe08c7e09024a0f97bd9408254ac04)
图4-64
4.6.3 收缩选区的方法
在保留选区状态下执行“选择→修改→收缩”命令,可将选区收缩,如图4-65所示。
![](https://epubservercos.yuewen.com/AE25D1/17035792704284806/epubprivate/OEBPS/Images/Figure-P91_10130.jpg?sign=1739341131-De66zhZwKlLA0tWSewYjavgcQm8BuKx9-0-0229586c13c1cfebc8ef24b1c763fbad)
图4-65
需要注意的是,这个命令必须在先有选区(蚂蚁线)的前提下才能执行。如果画面中没有选区对象,相关的操作命令将以浅灰色显示而无法选择。
在弹出的“收缩选区”对话框中,将“收缩”参数值设置为5像素,单击“确定”按钮,如图4-66所示。
![](https://epubservercos.yuewen.com/AE25D1/17035792704284806/epubprivate/OEBPS/Images/Figure-P91_10128.jpg?sign=1739341131-GcGMqkxtAz3zMbo0A0Et1LwwtSuMuCJf-0-7d5a45d93e0a2472ebe0775b5c75b835)
图4-66
这里要特别强调的是,并不是一定要收缩5个像素才是合适的。“收缩”参数值的设置取决于所建画布的尺寸。读者今后学习时不可只记参数值,最终参数值设置是否合适要根据实际画面效果而定。
参数设置确认后,可以看到选区的边缘均匀地进行了收缩,如图4-67所示。
![](https://epubservercos.yuewen.com/AE25D1/17035792704284806/epubprivate/OEBPS/Images/Figure-P91_10129.jpg?sign=1739341131-m072se1kgzPcL3TAsfnE3rWnePVDDLWp-0-2e343c4b76f6a26d6889f3cf295d4d79)
图4-67
如果效果可以,才能进行下一步操作。如果收缩的效果不理想,可以通过快捷键Ctrl+Z退回到上一步,重新设置“收缩”参数值并重复进行操作,直到满意为止。
利用绘制绿色头像同样的方法绘制小椭圆。在素材图中吸取浅灰色,并填充到椭圆选区中,再用“多边形套索工具”套出尾巴形状进行填充,完成小头像的绘制,如图4-68所示。
![](https://epubservercos.yuewen.com/AE25D1/17035792704284806/epubprivate/OEBPS/Images/Figure-P92_10185.jpg?sign=1739341131-XBY8Q1jsWa2AwTARCOzIzEnN2rnQrTy9-0-d2ffeef97ab54426240d27824d0e46e2)
选框的收缩方法与应用技巧
![](https://epubservercos.yuewen.com/AE25D1/17035792704284806/epubprivate/OEBPS/Images/Figure-P92_10141.jpg?sign=1739341131-kpSD9Kjhg9fsfVgiV4IYqFkT1yAfD9KH-0-523fca112074aac9af399c276768225a)
图4-68
新建空白图层,按住Shift键,使用“椭圆选框工具”绘制正圆,然后将“前景色”改成黑色,并填充选区,再按快捷键Ctrl+D删除选区,绘制好一只眼睛。接下来,选择“移动工具”,按住Alt键拖曳复制出另一只眼睛。进行复制时要注意,前面相对小一些的头像的眼睛相应稍小。复制到小头像时可以使用快捷键Ctrl+T调出自由变换框,进行等比例缩放,然后借助“智能参考线”再复制另一只眼睛到合适的位置,完成微信图标的绘制,如图4-69所示。
![](https://epubservercos.yuewen.com/AE25D1/17035792704284806/epubprivate/OEBPS/Images/Figure-P92_10148.jpg?sign=1739341131-qCa3ZkjKXGNRcGez8g88smMzFCjJtLRv-0-7127480fc1c40408b3caf857f8ef05f9)
图4-69