![Photoshop淘宝天猫网店设计装修从入门到精通](https://wfqqreader-1252317822.image.myqcloud.com/cover/649/26943649/b_26943649.jpg)
4.1 素材处理:简单抠图在店铺装修中的应用
本节主要介绍通过运用“反向”命令、“色彩范围”命令、矩形选框工具、椭圆选框工具、多边形套索工具以及魔棒工具对网店商品的抠图操作进行讲解。
4.1.1 使用“反向”命令处理商品素材
在处理单一背景的商品素材图像时,用户可以先选取背景,然后通过“反向”命令来抠取商品图像,这样可以更便捷、快速地抠取商品,为网店卖家节省时间。
下面介绍通过“反向”命令抠取商品图像的具体操作方法。
![](https://epubservercos.yuewen.com/5D47F8/15367248104200106/epubprivate/OEBPS/Images/figure_0099_0001.jpg?sign=1739279713-gepieprSwxb3QHvc3d2j7TIHXkzQ18nw-0-c33df4d29f262fdbea6be1333565357e)
步骤 01按Ctrl+O组合键,打开商品图像素材,如图4-1所示。
![](https://epubservercos.yuewen.com/5D47F8/15367248104200106/epubprivate/OEBPS/Images/figure_0099_0002.jpg?sign=1739279713-yAcMz72bpDV8dfIqxS7UTCsqs6IBih2u-0-1838a634db571b76802799c08da07db0)
图4-1 打开素材图像
步骤 02选取工具箱中的魔棒工具,在工具属性栏中设置“容差”为32,如图4-2所示。
![](https://epubservercos.yuewen.com/5D47F8/15367248104200106/epubprivate/OEBPS/Images/figure_0099_0003.jpg?sign=1739279713-No9MAvwd3HQ2Xm6ITbDMVEzyvmQ5Oc8x-0-b5da748a073b2038efc8eaa6742d8ffa)
图4-2 设置容差
步骤 03在白色背景位置单击鼠标左键,创建选区,如图4-3所示。
![](https://epubservercos.yuewen.com/5D47F8/15367248104200106/epubprivate/OEBPS/Images/figure_0100_0001.jpg?sign=1739279713-9WhtQFO7dD33XGBEoJR1Df6hpMOs5Nns-0-de1ba887b8af2230e6dfe6d724c15a06)
图4-3 创建选区
步骤 04在菜单栏中选择“选择”|“反向”命令,如图4-4所示。
![](https://epubservercos.yuewen.com/5D47F8/15367248104200106/epubprivate/OEBPS/Images/figure_0100_0002.jpg?sign=1739279713-T2YKcnLRagC2VyfXYS72YrWGdXANjTWv-0-9fe6fde5041ec929252869121602f2c4)
图4-4 选择“反向”命令
步骤 05执行上述操作后即可反选选区,如图4-5所示。
![](https://epubservercos.yuewen.com/5D47F8/15367248104200106/epubprivate/OEBPS/Images/figure_0100_0003.jpg?sign=1739279713-oG8Z3tAgkAHRfkiQygtVYj65GyokbosX-0-cdf417b454810a4cc262de81e1dad702)
图4-5 反选选区
步骤 06按Ctrl+J组合键,得到“图层1”图层,单击“背景”图层的“指示图层可见性”图标,即可隐藏“背景”图层,效果如图4-6所示。
![](https://epubservercos.yuewen.com/5D47F8/15367248104200106/epubprivate/OEBPS/Images/figure_0100_0004.jpg?sign=1739279713-RLGOv2VkJvS8UBuw0tlmgtJIqZUDrtTS-0-69fc41e2f33186089f7c187f69e64f4d)
图4-6 最终效果
4.1.2 使用“色彩范围”命令处理商品素材
网店卖家在处理商品图像时,若商品复杂不好抠取,则可通过“色彩范围”命令利用图像中的颜色变化关系来抠取商品图像。
下面介绍通过“色彩范围”命令抠取商品图像的具体操作方法。
![](https://epubservercos.yuewen.com/5D47F8/15367248104200106/epubprivate/OEBPS/Images/figure_0100_0005.jpg?sign=1739279713-O7f0zmY2OLUPd3LZQ1ecvXvliuHCLkOQ-0-ef9c0acc269c3021ab9e69459844ee7c)
步骤 01按Ctrl+O组合键,打开商品图像素材,如图4-7所示。
![](https://epubservercos.yuewen.com/5D47F8/15367248104200106/epubprivate/OEBPS/Images/figure_0101_0001.jpg?sign=1739279713-MlLetzN0Oev04wwlVg0ZZSijZj4o6hBC-0-e6d78f447ae1bc293b509b86c7657810)
图4-7 打开素材图像
步骤 02在菜单栏中选择“选择”|“色彩范围”命令,如图4-8所示。
![](https://epubservercos.yuewen.com/5D47F8/15367248104200106/epubprivate/OEBPS/Images/figure_0101_0002.jpg?sign=1739279713-84BqfiB8WwJyt6MW8ZUPGyTh5JC6Wzti-0-75ecfda43bf772fd99342a85c72881f7)
图4-8 选择“色彩范围”命令
步骤 03执行上述操作后,即可弹出“色彩范围”对话框,设置“颜色容差”为80,选中“选择范围”单选按钮,如图4-9所示。
![](https://epubservercos.yuewen.com/5D47F8/15367248104200106/epubprivate/OEBPS/Images/figure_0101_0003.jpg?sign=1739279713-TdSsrDXjTfMbn610B4wzFI7B6Am4NlEG-0-1034f4f642dc66e65e211521a4056aec)
图4-9 设置参数
步骤 04将鼠标指针移至商品图像空白处并单击鼠标左键,单击“确定”按钮,即可选中空白区域,效果如图4-10所示。
![](https://epubservercos.yuewen.com/5D47F8/15367248104200106/epubprivate/OEBPS/Images/figure_0101_0004.jpg?sign=1739279713-x8eyviRxu2vUiRQEo2QysGIsmZN7ZBrm-0-45fcf3f09b371d3138b49b5a3a3e780d)
图4-10 选中空白区域
步骤 05在菜单栏中选择“选择”|“反向”命令,如图4-11所示。
![](https://epubservercos.yuewen.com/5D47F8/15367248104200106/epubprivate/OEBPS/Images/figure_0101_0005.jpg?sign=1739279713-SaXcVXgVBkYeju3FyZSHTVXa6yyW1gHu-0-ad4516d2f88dc9c955b3c991e4ec14c2)
图4-11 选择“反向”命令
步骤 06执行上述操作后,即可反向选择商品图像,效果如图4-12所示。
![](https://epubservercos.yuewen.com/5D47F8/15367248104200106/epubprivate/OEBPS/Images/figure_0101_0006.jpg?sign=1739279713-m8bcfbnP0pzwsuD8Xo728Q9qZwZNaCK4-0-38fbfdcd6e6d86f13ae3f0c7b1cfe8ad)
图4-12 反选商品图像
步骤 07按Ctrl+J组合键,得到“图层1”图层,单击“背景”图层的“指示图层可见性”图标,如图4-13所示。
![](https://epubservercos.yuewen.com/5D47F8/15367248104200106/epubprivate/OEBPS/Images/figure_0102_0002.jpg?sign=1739279713-vTqaYJglsq0RswzpwFILXPaD2j3WLArt-0-364284aed277167a73424f3cfec894b0)
图4-13 单击“指示图层可见性”图标
步骤 08执行上述操作后,即可隐藏“背景”图层,效果如图4-14所示。
![](https://epubservercos.yuewen.com/5D47F8/15367248104200106/epubprivate/OEBPS/Images/figure_0102_0003.jpg?sign=1739279713-8oqL5RuKrIa47URMPcvaclJHKD0g3MdN-0-33b0dc09762336ab1b910ddd7f5f9b34)
图4-14 最终效果
4.1.3 使用矩形选框工具处理商品素材
网店卖家在编辑图像时,若商品图像是矩形形状,就可通过矩形选框工具快速抠取商品图像。
下面介绍通过矩形选框工具抠取商品图像的具体操作方法。
![](https://epubservercos.yuewen.com/5D47F8/15367248104200106/epubprivate/OEBPS/Images/figure_0102_0004.jpg?sign=1739279713-CwRzmI6hXVqc0GQ7x5SAih7FWkzuwPNU-0-378ab3a768ffdaac1c9fddf039ea97b0)
步骤 01按Ctrl+O组合键,打开商品图像素材,如图4-15所示。
![](https://epubservercos.yuewen.com/5D47F8/15367248104200106/epubprivate/OEBPS/Images/figure_0102_0005.jpg?sign=1739279713-CXxrsCwNQ6wZgcjXEjMYCX8T7yLGGsBV-0-b4e3c0ab81d0a28f2a1aab37b6ffda58)
图4-15 打开素材图像
步骤 02在工具箱中选取矩形选框工具,如图4-16所示。
![](https://epubservercos.yuewen.com/5D47F8/15367248104200106/epubprivate/OEBPS/Images/figure_0102_0006.jpg?sign=1739279713-3AZpnpZXrvDKy5oZOWmSiRYkTt2i0wje-0-f6c52f0672ada5f0ea126f0c6f1c9bdd)
图4-16 选取矩形选框工具
步骤 03选择矩形选框工具属性栏后,其工具属性栏如图4-17所示。
![](https://epubservercos.yuewen.com/5D47F8/15367248104200106/epubprivate/OEBPS/Images/figure_0103_0001.jpg?sign=1739279713-pqEB2HAQluZp44RY6TTZvoGhgNPEqDZK-0-2177c651483c11930e1f15b44ae61cbd)
图4-17 矩形选框工具属性栏
步骤 04执行上述操作后,将鼠标指针移动至图像编辑窗口,在合适位置按住鼠标左键并拖曳至合适位置后释放,即可创建选区,如图4-18所示。
![](https://epubservercos.yuewen.com/5D47F8/15367248104200106/epubprivate/OEBPS/Images/figure_0103_0003.jpg?sign=1739279713-lC8wCIXbfSFz5DgxoYSvaMYkEJYeeJkB-0-e2a39440aa50b0d4a560355f169c7e8f)
图4-18 创建选区
步骤 05按Ctrl+J组合键,得到“图层1”图层,单击“背景”图层的“指示图层可见性”图标,即可隐藏“背景”图层,效果如图4-19所示。
![](https://epubservercos.yuewen.com/5D47F8/15367248104200106/epubprivate/OEBPS/Images/figure_0103_0004.jpg?sign=1739279713-Bqr2L2zyht2RRXERiRKYSvO8fx96jTqK-0-398a34b7ea57bbff51db22ad7aaeeeb9)
图4-19 最终效果
4.1.4 使用椭圆选框工具处理商品素材
网店卖家在编辑图像时,若商品图像是椭圆或圆形形状,就可通过椭圆选框工具快速抠取商品图像。
下面介绍通过椭圆选框工具抠取商品图像的具体操作方法。
![](https://epubservercos.yuewen.com/5D47F8/15367248104200106/epubprivate/OEBPS/Images/figure_0103_0005.jpg?sign=1739279713-oOMJAUUh7vDl0AXU2T3LoMIXPCC61062-0-d9be658b59cc44b49491d4b18489909a)
步骤 01按Ctrl+O组合键,打开商品图像素材,如图4-20所示。
![](https://epubservercos.yuewen.com/5D47F8/15367248104200106/epubprivate/OEBPS/Images/figure_0104_0001.jpg?sign=1739279713-marn8SGuL4GHDwCba9ptTkAeULtaoCLc-0-78930d25f6a06fb4a070b283bb9d7b2d)
图4-20 打开素材图像
步骤 02在工具箱中选取椭圆选框工具,在图像适当位置按住鼠标左键并拖曳鼠标创建一个椭圆选区,如图4-21所示。
![](https://epubservercos.yuewen.com/5D47F8/15367248104200106/epubprivate/OEBPS/Images/figure_0104_0002.jpg?sign=1739279713-HtCAY0RAdo4l5hCuqr4aLzKb7NqdNIQs-0-e4ee4d2cf065ed9ea21ed5a1cd4f7260)
图4-21 创建椭圆选区
步骤 03移动鼠标指针至椭圆选区内,当光标呈时拖曳鼠标,如图4-22所示。
![](https://epubservercos.yuewen.com/5D47F8/15367248104200106/epubprivate/OEBPS/Images/figure_0104_0003.jpg?sign=1739279713-F5rlgoLlfh2MtMv27pC0gCAhDeb98s68-0-cb66eacfa15273573e3da2ef25956704)
图4-22 拖曳鼠标
步骤 04移动选区至合适位置,如图4-23所示。
![](https://epubservercos.yuewen.com/5D47F8/15367248104200106/epubprivate/OEBPS/Images/figure_0104_0004.jpg?sign=1739279713-sgiIj6bmekxa5deTzDLsvVQt2F6oXnEE-0-5d33c00b57f2051e0e44b1605442248f)
图4-23 移至合适位置
步骤 05按Ctrl+J组合键,得到“图层1”图层,单击“背景”图层的“指示图层可见性”图标,如图4-24所示。
![](https://epubservercos.yuewen.com/5D47F8/15367248104200106/epubprivate/OEBPS/Images/figure_0104_0006.jpg?sign=1739279713-OTqq7LxsXTq0DPWTEw3x82A0cJEYkscf-0-b8f248de54c4ebd920da9448c210326f)
图4-24 单击“指示图层可见性”图标
步骤 06执行上述操作后,即可隐藏“背景”图层,效果如图4-25所示。
![](https://epubservercos.yuewen.com/5D47F8/15367248104200106/epubprivate/OEBPS/Images/figure_0104_0007.jpg?sign=1739279713-XZ1vEVpxjTkRqL0P9pSSZmWE907IktXM-0-f1d45d831db79f1a92cf8605d346412a)
图4-25 最终效果
4.1.5 使用多边形套索工具处理商品素材
在网店卖家美化商品图像时,若商品图像边缘轮廓呈直线,则可使用多边形套索工具。多边形套索工具可以创建直边的选区,其优点是只需要单击就可以选取边界规则的图像,并在两点之间以直线连接。
下面介绍通过多边形套索工具抠取商品图像的具体操作方法。
![](https://epubservercos.yuewen.com/5D47F8/15367248104200106/epubprivate/OEBPS/Images/figure_0105_0001.jpg?sign=1739279713-tKvElyo3mGK95VF6zXmLiyPK16QeqRv2-0-c8bf321929beed75bcf4d1c132720f38)
步骤 01按Ctrl+O组合键,打开商品图像素材,如图4-26所示。
![](https://epubservercos.yuewen.com/5D47F8/15367248104200106/epubprivate/OEBPS/Images/figure_0105_0002.jpg?sign=1739279713-sfF6dcSWZU6XICXPgP9BJivkOrroItjS-0-d2db4e3ddfc0783f2ebad4d7f1885790)
图4-26 打开素材图像
步骤 02选取工具箱中的多边形套索工具,如图4-27所示。
![](https://epubservercos.yuewen.com/5D47F8/15367248104200106/epubprivate/OEBPS/Images/figure_0105_0003.jpg?sign=1739279713-R36OJFdnqQOuifwI6keVnTRXYR7ojK03-0-1a5cbe043b81ef6dd1583bb57ccdd38d)
图4-27 选取多边形套索工具
步骤 03将鼠标指针移至图像编辑窗口中的合适位置,单击鼠标左键指定起点,并在转角处单击鼠标,指定第二点,如图4-28所示。
![](https://epubservercos.yuewen.com/5D47F8/15367248104200106/epubprivate/OEBPS/Images/figure_0105_0004.jpg?sign=1739279713-Q353ZIRcnloBw2F1O90wLXhiVh6Y6ynH-0-ac08d852db5209d80de0a8420e9f30ea)
图4-28 指定点
步骤 04用同样的方法,沿商品图像边缘依次单击其他点,最后再在起始点处单击鼠标左键即可创建选区,如图4-29所示。
![](https://epubservercos.yuewen.com/5D47F8/15367248104200106/epubprivate/OEBPS/Images/figure_0105_0005.jpg?sign=1739279713-H8XyLLixpn3YPQudzt61XLvKU1BkczGb-0-d80a72390b7240724ed136c279f8b06c)
图4-29 创建选区
步骤 05按Ctrl+J组合键,得到“图层1”图层,单击“背景”图层的“指示图层可见性”图标,如图4-30所示。
![](https://epubservercos.yuewen.com/5D47F8/15367248104200106/epubprivate/OEBPS/Images/figure_0106_0002.jpg?sign=1739279713-U4sCDXPYYzENnObieBsbDArZS2gfUFsY-0-329144ad6a835aac2114641a13e9dc3c)
图4-30 单击“指示图层可见性”图标
步骤 06执行上述操作后,即可隐藏“背景”图层,效果如图4-31所示。
![](https://epubservercos.yuewen.com/5D47F8/15367248104200106/epubprivate/OEBPS/Images/figure_0106_0003.jpg?sign=1739279713-Yp6kVrAvaKGeaeH2jAJ7ktGJWPhl8mkv-0-64f72b7570be6c6fbe9af322a78c2640)
图4-31 最终效果
4.1.6 使用魔棒工具处理商品图像
在网店设计过程中,运用魔棒工具可以创建与图像颜色相近或相同像素的选区,在颜色相近的图像上单击鼠标左键,即可选取图像上相近的颜色范围。
下面介绍通过魔棒工具抠取商品图像的具体操作方法。
![](https://epubservercos.yuewen.com/5D47F8/15367248104200106/epubprivate/OEBPS/Images/figure_0106_0004.jpg?sign=1739279713-sfPknqkbudHcTCHgYSymgr7cWkVFNE6w-0-d9ca94b203e943384c2ff80e7a42e31f)
??步骤01 按Ctrl+O组合键,打开商品图像素材,如图4-32所示。步骤02 选取工具箱中的魔棒工具,如图4-33所示。
![](https://epubservercos.yuewen.com/5D47F8/15367248104200106/epubprivate/OEBPS/Images/figure_0106_0005.jpg?sign=1739279713-e4q7PwRg6ShigwYKPPSjUDoZHHzslmln-0-bf252e1ed9c932321bc80eb0f6877bd0)
图4-32 打开素材图像
![](https://epubservercos.yuewen.com/5D47F8/15367248104200106/epubprivate/OEBPS/Images/figure_0106_0006.jpg?sign=1739279713-7OYMwoZuuAqqdql7e9guZmeNrbZtipUE-0-d545ede6e73ce36b030c311db31a9d78)
图4-33 选取魔棒工具
步骤 03在工具箱中选取魔棒工具后,其工具属性栏如图4-34所示。
![](https://epubservercos.yuewen.com/5D47F8/15367248104200106/epubprivate/OEBPS/Images/figure_0107_0001.jpg?sign=1739279713-i3vgf4Bxz1osNxw3kc9tT1aAyRWHVgDI-0-8d5490a659eadf2a8c6bdb8896f8b312)
图4-34 魔棒工具属性栏
步骤 04在工具属性栏上设置“容差”为32,在合适位置单击鼠标左键,即可创建选区,如图4-35所示。
![](https://epubservercos.yuewen.com/5D47F8/15367248104200106/epubprivate/OEBPS/Images/figure_0107_0002.jpg?sign=1739279713-bndbyFPvxJU3MqKyFYQbApIhBpxOs6IM-0-13338ea75dc46873dd1a356cff50b4ec)
图4-35 创建选区
步骤 05按Ctrl+J组合键,拷贝一个新图层,并且隐藏“背景”图层,效果如图4-36所示。
![](https://epubservercos.yuewen.com/5D47F8/15367248104200106/epubprivate/OEBPS/Images/figure_0107_0003.jpg?sign=1739279713-sGA06jWd2BFmIG8FLtFgJOU4wS2McqTq-0-8646fd94fee5d91562e9231d3272c952)
图4-36 最终效果