![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=1738822880-gm0VOBNZAkfLG5QodmkdOsobtEr9V9O7-0-6cfab89ea8d21a0aedba3ca7e11f0240)
步骤 01按Ctrl+O组合键,打开商品图像素材,如图4-1所示。
![](https://epubservercos.yuewen.com/5D47F8/15367248104200106/epubprivate/OEBPS/Images/figure_0099_0002.jpg?sign=1738822880-rGLS487xYNDRxLJ4vRnDa8jHM3QcrnJ2-0-74a0e2ce19af59be81f3375fea89162d)
图4-1 打开素材图像
步骤 02选取工具箱中的魔棒工具,在工具属性栏中设置“容差”为32,如图4-2所示。
![](https://epubservercos.yuewen.com/5D47F8/15367248104200106/epubprivate/OEBPS/Images/figure_0099_0003.jpg?sign=1738822880-R8g3BvYTrkwMBCiM7Q3cDpUfk9d1EK1A-0-6064bacadc71c4bfdd95f67461697c49)
图4-2 设置容差
步骤 03在白色背景位置单击鼠标左键,创建选区,如图4-3所示。
![](https://epubservercos.yuewen.com/5D47F8/15367248104200106/epubprivate/OEBPS/Images/figure_0100_0001.jpg?sign=1738822880-szBTm8aaz4yu5o0jtEhOgEVer36x8LXL-0-3022d7062e92140898b80af2de39925c)
图4-3 创建选区
步骤 04在菜单栏中选择“选择”|“反向”命令,如图4-4所示。
![](https://epubservercos.yuewen.com/5D47F8/15367248104200106/epubprivate/OEBPS/Images/figure_0100_0002.jpg?sign=1738822880-6lur5VYTH1TdlJHsyHLbQ2yOLYd2mjKd-0-dd69fe2b7ed5d51c034d29e67bb91724)
图4-4 选择“反向”命令
步骤 05执行上述操作后即可反选选区,如图4-5所示。
![](https://epubservercos.yuewen.com/5D47F8/15367248104200106/epubprivate/OEBPS/Images/figure_0100_0003.jpg?sign=1738822880-w1pUKU8QB1Y4FQc3CVPGl9EOn7TJwv5Z-0-0da176a0d192c3364c7bd33f666e966d)
图4-5 反选选区
步骤 06按Ctrl+J组合键,得到“图层1”图层,单击“背景”图层的“指示图层可见性”图标,即可隐藏“背景”图层,效果如图4-6所示。
![](https://epubservercos.yuewen.com/5D47F8/15367248104200106/epubprivate/OEBPS/Images/figure_0100_0004.jpg?sign=1738822880-GZBISfD2V7VvsQSRS3OtA4dLEda6Jykv-0-4ff0cefd69a82b96b771333f6c9b7776)
图4-6 最终效果
4.1.2 使用“色彩范围”命令处理商品素材
网店卖家在处理商品图像时,若商品复杂不好抠取,则可通过“色彩范围”命令利用图像中的颜色变化关系来抠取商品图像。
下面介绍通过“色彩范围”命令抠取商品图像的具体操作方法。
![](https://epubservercos.yuewen.com/5D47F8/15367248104200106/epubprivate/OEBPS/Images/figure_0100_0005.jpg?sign=1738822880-nYjgvyUqNxqb4xX4uqNsfoe3w08tbNtz-0-ed7b5e844b1ca54edeee82eb6e17277d)
步骤 01按Ctrl+O组合键,打开商品图像素材,如图4-7所示。
![](https://epubservercos.yuewen.com/5D47F8/15367248104200106/epubprivate/OEBPS/Images/figure_0101_0001.jpg?sign=1738822880-GQSwMgSf2DrXzHoc3bb4zWrIuLS2Xx83-0-a90bf0666d9a7e39fd370f0e0797bb9b)
图4-7 打开素材图像
步骤 02在菜单栏中选择“选择”|“色彩范围”命令,如图4-8所示。
![](https://epubservercos.yuewen.com/5D47F8/15367248104200106/epubprivate/OEBPS/Images/figure_0101_0002.jpg?sign=1738822880-MlnlQgNNhB23AHv0RX8M5P7Ozk8LLrH7-0-6e1a40151f342264a92aaf49d22177b2)
图4-8 选择“色彩范围”命令
步骤 03执行上述操作后,即可弹出“色彩范围”对话框,设置“颜色容差”为80,选中“选择范围”单选按钮,如图4-9所示。
![](https://epubservercos.yuewen.com/5D47F8/15367248104200106/epubprivate/OEBPS/Images/figure_0101_0003.jpg?sign=1738822880-ZsxTOAMD6hQmQSZdkMLpA7TjYA2nJqTx-0-a5ab58a86601dd7615b58973bb8f00cf)
图4-9 设置参数
步骤 04将鼠标指针移至商品图像空白处并单击鼠标左键,单击“确定”按钮,即可选中空白区域,效果如图4-10所示。
![](https://epubservercos.yuewen.com/5D47F8/15367248104200106/epubprivate/OEBPS/Images/figure_0101_0004.jpg?sign=1738822880-k1bof0pw5iFR66k51OeNi6cTeuWKy31n-0-076b8868dbf0e8de54a9005f93f0482d)
图4-10 选中空白区域
步骤 05在菜单栏中选择“选择”|“反向”命令,如图4-11所示。
![](https://epubservercos.yuewen.com/5D47F8/15367248104200106/epubprivate/OEBPS/Images/figure_0101_0005.jpg?sign=1738822880-Piag9KT1LYLgZv8AzbHmQjEO1SRHK2Zc-0-871b755b9e2ba286fc0d90d10207e5a8)
图4-11 选择“反向”命令
步骤 06执行上述操作后,即可反向选择商品图像,效果如图4-12所示。
![](https://epubservercos.yuewen.com/5D47F8/15367248104200106/epubprivate/OEBPS/Images/figure_0101_0006.jpg?sign=1738822880-gXCZTVVKP6B3SBPSJydRVzJuFsJAyzo4-0-0c1f8315c8180ba47eaa604d7984ad8d)
图4-12 反选商品图像
步骤 07按Ctrl+J组合键,得到“图层1”图层,单击“背景”图层的“指示图层可见性”图标,如图4-13所示。
![](https://epubservercos.yuewen.com/5D47F8/15367248104200106/epubprivate/OEBPS/Images/figure_0102_0002.jpg?sign=1738822880-4kBDrgI1e7mjxuQSFEfDMRd3PirOS3nZ-0-60954af766f1ecf50dd59128cd7a0aa8)
图4-13 单击“指示图层可见性”图标
步骤 08执行上述操作后,即可隐藏“背景”图层,效果如图4-14所示。
![](https://epubservercos.yuewen.com/5D47F8/15367248104200106/epubprivate/OEBPS/Images/figure_0102_0003.jpg?sign=1738822880-9jtFvuFw5LUzDBIl2qJz1gsrwu51lVg8-0-522ffa1e8be2ee3b4082b72761405ee1)
图4-14 最终效果
4.1.3 使用矩形选框工具处理商品素材
网店卖家在编辑图像时,若商品图像是矩形形状,就可通过矩形选框工具快速抠取商品图像。
下面介绍通过矩形选框工具抠取商品图像的具体操作方法。
![](https://epubservercos.yuewen.com/5D47F8/15367248104200106/epubprivate/OEBPS/Images/figure_0102_0004.jpg?sign=1738822880-sUc5cyL8PzhD2ZNxwZuH03joDLIKXXKM-0-e2b48823f1d909927ec89a76a478b029)
步骤 01按Ctrl+O组合键,打开商品图像素材,如图4-15所示。
![](https://epubservercos.yuewen.com/5D47F8/15367248104200106/epubprivate/OEBPS/Images/figure_0102_0005.jpg?sign=1738822880-wlmNB9dXa0ssV8GcoK1zNxBMe7iQ2nAa-0-38abfd098416aece301bf2fdae0f8523)
图4-15 打开素材图像
步骤 02在工具箱中选取矩形选框工具,如图4-16所示。
![](https://epubservercos.yuewen.com/5D47F8/15367248104200106/epubprivate/OEBPS/Images/figure_0102_0006.jpg?sign=1738822880-rKLMS1NMhs6atUGEpts3HtWr9SceCEPx-0-e5532aee976c9af4bbe5bad840552716)
图4-16 选取矩形选框工具
步骤 03选择矩形选框工具属性栏后,其工具属性栏如图4-17所示。
![](https://epubservercos.yuewen.com/5D47F8/15367248104200106/epubprivate/OEBPS/Images/figure_0103_0001.jpg?sign=1738822880-v3OjVOv9LVqXXaoBk4LNGbM6eLTtqdKW-0-8ec6f66148601666f9449826706c2e2c)
图4-17 矩形选框工具属性栏
步骤 04执行上述操作后,将鼠标指针移动至图像编辑窗口,在合适位置按住鼠标左键并拖曳至合适位置后释放,即可创建选区,如图4-18所示。
![](https://epubservercos.yuewen.com/5D47F8/15367248104200106/epubprivate/OEBPS/Images/figure_0103_0003.jpg?sign=1738822880-zAJz6UNz8JLQCr5VE03pdDcxcu0bMfow-0-e1ef1d338a8a766be6de4108aefef909)
图4-18 创建选区
步骤 05按Ctrl+J组合键,得到“图层1”图层,单击“背景”图层的“指示图层可见性”图标,即可隐藏“背景”图层,效果如图4-19所示。
![](https://epubservercos.yuewen.com/5D47F8/15367248104200106/epubprivate/OEBPS/Images/figure_0103_0004.jpg?sign=1738822880-ANBvKgGKfjO6Le1NRUy676FMGF36tBgt-0-14de9968022d1937b9862595ce5947b0)
图4-19 最终效果
4.1.4 使用椭圆选框工具处理商品素材
网店卖家在编辑图像时,若商品图像是椭圆或圆形形状,就可通过椭圆选框工具快速抠取商品图像。
下面介绍通过椭圆选框工具抠取商品图像的具体操作方法。
![](https://epubservercos.yuewen.com/5D47F8/15367248104200106/epubprivate/OEBPS/Images/figure_0103_0005.jpg?sign=1738822880-zsVkRkEcnpql5HK1LtZVtR2LDqEAR9MU-0-babece4c931b2cef779b1c874c22fa0a)
步骤 01按Ctrl+O组合键,打开商品图像素材,如图4-20所示。
![](https://epubservercos.yuewen.com/5D47F8/15367248104200106/epubprivate/OEBPS/Images/figure_0104_0001.jpg?sign=1738822880-tXPb7509WYTA4uwVV8ZPFo5O3gvhaayI-0-5a68d145e4847375757dafbbb05361ac)
图4-20 打开素材图像
步骤 02在工具箱中选取椭圆选框工具,在图像适当位置按住鼠标左键并拖曳鼠标创建一个椭圆选区,如图4-21所示。
![](https://epubservercos.yuewen.com/5D47F8/15367248104200106/epubprivate/OEBPS/Images/figure_0104_0002.jpg?sign=1738822880-c7U6prDqoxMYKS6o4JwGpF411Zx2eLUn-0-220dd86ef586d6d0dece10f74532c1b1)
图4-21 创建椭圆选区
步骤 03移动鼠标指针至椭圆选区内,当光标呈时拖曳鼠标,如图4-22所示。
![](https://epubservercos.yuewen.com/5D47F8/15367248104200106/epubprivate/OEBPS/Images/figure_0104_0003.jpg?sign=1738822880-ipgEQiaRL5nz4gyDmSVWjsPhpb3iMayQ-0-02e7084e74d31fbcf48b2798ab76f357)
图4-22 拖曳鼠标
步骤 04移动选区至合适位置,如图4-23所示。
![](https://epubservercos.yuewen.com/5D47F8/15367248104200106/epubprivate/OEBPS/Images/figure_0104_0004.jpg?sign=1738822880-DpIkDg5ZBvTYGitJzFy65h70L6RRQFuN-0-eb8d42174c1e6d1a944722a3335f58aa)
图4-23 移至合适位置
步骤 05按Ctrl+J组合键,得到“图层1”图层,单击“背景”图层的“指示图层可见性”图标,如图4-24所示。
![](https://epubservercos.yuewen.com/5D47F8/15367248104200106/epubprivate/OEBPS/Images/figure_0104_0006.jpg?sign=1738822880-3JMpjT9UTSrVoLIAV7okRIxUNsaSZpcj-0-f560334f2c998a2abbaf99e32a1fdb85)
图4-24 单击“指示图层可见性”图标
步骤 06执行上述操作后,即可隐藏“背景”图层,效果如图4-25所示。
![](https://epubservercos.yuewen.com/5D47F8/15367248104200106/epubprivate/OEBPS/Images/figure_0104_0007.jpg?sign=1738822880-SgP0wXS6FYbneQ9viyin76VYgboTDnTC-0-f20fd694e5e916a1c646e8ef56aceb5b)
图4-25 最终效果
4.1.5 使用多边形套索工具处理商品素材
在网店卖家美化商品图像时,若商品图像边缘轮廓呈直线,则可使用多边形套索工具。多边形套索工具可以创建直边的选区,其优点是只需要单击就可以选取边界规则的图像,并在两点之间以直线连接。
下面介绍通过多边形套索工具抠取商品图像的具体操作方法。
![](https://epubservercos.yuewen.com/5D47F8/15367248104200106/epubprivate/OEBPS/Images/figure_0105_0001.jpg?sign=1738822880-BCjReVdR8e8bIGxyvaRpMkaVuwa8PFhQ-0-6707b3fa70f58121b326b18e9b4e92d8)
步骤 01按Ctrl+O组合键,打开商品图像素材,如图4-26所示。
![](https://epubservercos.yuewen.com/5D47F8/15367248104200106/epubprivate/OEBPS/Images/figure_0105_0002.jpg?sign=1738822880-Ofq3ohk7LU8jVs1HnQ0435BEROIvNttG-0-75f283c46b9cdd11c9b326e35d74ccf5)
图4-26 打开素材图像
步骤 02选取工具箱中的多边形套索工具,如图4-27所示。
![](https://epubservercos.yuewen.com/5D47F8/15367248104200106/epubprivate/OEBPS/Images/figure_0105_0003.jpg?sign=1738822880-corb7OMBqIFQlUlZm5fmBYZqqRqR0MdZ-0-3f4613524c139815b41cd116686e1cf3)
图4-27 选取多边形套索工具
步骤 03将鼠标指针移至图像编辑窗口中的合适位置,单击鼠标左键指定起点,并在转角处单击鼠标,指定第二点,如图4-28所示。
![](https://epubservercos.yuewen.com/5D47F8/15367248104200106/epubprivate/OEBPS/Images/figure_0105_0004.jpg?sign=1738822880-FLjPMGnsmuDjSJTduDjNDRB2796genN4-0-d3f39fac660806cb07e25dd89ab3083b)
图4-28 指定点
步骤 04用同样的方法,沿商品图像边缘依次单击其他点,最后再在起始点处单击鼠标左键即可创建选区,如图4-29所示。
![](https://epubservercos.yuewen.com/5D47F8/15367248104200106/epubprivate/OEBPS/Images/figure_0105_0005.jpg?sign=1738822880-1JneS0OLBqizb7uFmGIAhzp01qSW3vx9-0-49f8c535e70d637d812a29e556cec3ff)
图4-29 创建选区
步骤 05按Ctrl+J组合键,得到“图层1”图层,单击“背景”图层的“指示图层可见性”图标,如图4-30所示。
![](https://epubservercos.yuewen.com/5D47F8/15367248104200106/epubprivate/OEBPS/Images/figure_0106_0002.jpg?sign=1738822880-jHVJZmWLhB87w85vTBOjFEWn0ycOuYBR-0-812d64a20dab7f788c43fdec2d25ee99)
图4-30 单击“指示图层可见性”图标
步骤 06执行上述操作后,即可隐藏“背景”图层,效果如图4-31所示。
![](https://epubservercos.yuewen.com/5D47F8/15367248104200106/epubprivate/OEBPS/Images/figure_0106_0003.jpg?sign=1738822880-JZ8OsPYwFycLBmgn9oHZrgXXWO1kndoS-0-4e3ea7e42e3cc834e6578d09cb2d1a4f)
图4-31 最终效果
4.1.6 使用魔棒工具处理商品图像
在网店设计过程中,运用魔棒工具可以创建与图像颜色相近或相同像素的选区,在颜色相近的图像上单击鼠标左键,即可选取图像上相近的颜色范围。
下面介绍通过魔棒工具抠取商品图像的具体操作方法。
![](https://epubservercos.yuewen.com/5D47F8/15367248104200106/epubprivate/OEBPS/Images/figure_0106_0004.jpg?sign=1738822880-xigjG6EcrSauzd5wWxnVWNE73OQvNDS4-0-aeb669f3c99ef345aaa5f406ccef2a3c)
??步骤01 按Ctrl+O组合键,打开商品图像素材,如图4-32所示。步骤02 选取工具箱中的魔棒工具,如图4-33所示。
![](https://epubservercos.yuewen.com/5D47F8/15367248104200106/epubprivate/OEBPS/Images/figure_0106_0005.jpg?sign=1738822880-j9pbtx503PnlEKt7elG03ZGN9xwK5II4-0-54364b7e0b6064a4eee2d988eb1e3428)
图4-32 打开素材图像
![](https://epubservercos.yuewen.com/5D47F8/15367248104200106/epubprivate/OEBPS/Images/figure_0106_0006.jpg?sign=1738822880-eYm3fxhMXccg0k3RrzoU4HmAFN560mVo-0-088776de2f15c5c85347d1907586d98f)
图4-33 选取魔棒工具
步骤 03在工具箱中选取魔棒工具后,其工具属性栏如图4-34所示。
![](https://epubservercos.yuewen.com/5D47F8/15367248104200106/epubprivate/OEBPS/Images/figure_0107_0001.jpg?sign=1738822880-ZNkJ19fyyi712nc0kFIim0TETnkvbj3Y-0-a3c6eeea1e43c90e509f69e18b887015)
图4-34 魔棒工具属性栏
步骤 04在工具属性栏上设置“容差”为32,在合适位置单击鼠标左键,即可创建选区,如图4-35所示。
![](https://epubservercos.yuewen.com/5D47F8/15367248104200106/epubprivate/OEBPS/Images/figure_0107_0002.jpg?sign=1738822880-qfc3lLqHQMq2FCqiXALpznlfRGNU1Au6-0-0b8c658b4ffe0851c28f0b6fbcd8d927)
图4-35 创建选区
步骤 05按Ctrl+J组合键,拷贝一个新图层,并且隐藏“背景”图层,效果如图4-36所示。
![](https://epubservercos.yuewen.com/5D47F8/15367248104200106/epubprivate/OEBPS/Images/figure_0107_0003.jpg?sign=1738822880-9bOYIAXKEcCWsLE6QvFziqbjSJ1vtvZP-0-2fa3b2822eeb3ba0e469fb4a038f2122)
图4-36 最终效果