![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=1738791716-tgzkxmi1fYFtR9h34H00FZiWqBWYcVwr-0-133938f0a156ddd268b3ecbf9256882f)
步骤 01按Ctrl+O组合键,打开商品图像素材,如图4-1所示。
![](https://epubservercos.yuewen.com/5D47F8/15367248104200106/epubprivate/OEBPS/Images/figure_0099_0002.jpg?sign=1738791716-xgRYgKNkEb9y4GvFPwpJyCRAHPSehDI6-0-4ee8f76e06f322df34fafe8e05baf666)
图4-1 打开素材图像
步骤 02选取工具箱中的魔棒工具,在工具属性栏中设置“容差”为32,如图4-2所示。
![](https://epubservercos.yuewen.com/5D47F8/15367248104200106/epubprivate/OEBPS/Images/figure_0099_0003.jpg?sign=1738791716-XmLbL6wpwtT3b45rWCbguMBRKCNX2Gzv-0-e499912bca34af15c9d560e255804324)
图4-2 设置容差
步骤 03在白色背景位置单击鼠标左键,创建选区,如图4-3所示。
![](https://epubservercos.yuewen.com/5D47F8/15367248104200106/epubprivate/OEBPS/Images/figure_0100_0001.jpg?sign=1738791716-Bdcq8ZmPby4EjqpyzetG3f4INyVI6G0D-0-85aae2f15bbac4a76802ca8c523867ab)
图4-3 创建选区
步骤 04在菜单栏中选择“选择”|“反向”命令,如图4-4所示。
![](https://epubservercos.yuewen.com/5D47F8/15367248104200106/epubprivate/OEBPS/Images/figure_0100_0002.jpg?sign=1738791716-XctrYWy5ZsJGVIrQEdfRP7lR1c062nbR-0-472fac22ac9b6290308ab73b72cce53e)
图4-4 选择“反向”命令
步骤 05执行上述操作后即可反选选区,如图4-5所示。
![](https://epubservercos.yuewen.com/5D47F8/15367248104200106/epubprivate/OEBPS/Images/figure_0100_0003.jpg?sign=1738791716-P9LL05S0eROlWNAMPRnn4L39HhPMfptP-0-906d6e7b1b7c2c0942c51339b7b84857)
图4-5 反选选区
步骤 06按Ctrl+J组合键,得到“图层1”图层,单击“背景”图层的“指示图层可见性”图标,即可隐藏“背景”图层,效果如图4-6所示。
![](https://epubservercos.yuewen.com/5D47F8/15367248104200106/epubprivate/OEBPS/Images/figure_0100_0004.jpg?sign=1738791716-7thWQvD4IsMsZ9vFn98TK3dLPuYhjkkz-0-83d686dd20b58530df0ff2ed5cc1057b)
图4-6 最终效果
4.1.2 使用“色彩范围”命令处理商品素材
网店卖家在处理商品图像时,若商品复杂不好抠取,则可通过“色彩范围”命令利用图像中的颜色变化关系来抠取商品图像。
下面介绍通过“色彩范围”命令抠取商品图像的具体操作方法。
![](https://epubservercos.yuewen.com/5D47F8/15367248104200106/epubprivate/OEBPS/Images/figure_0100_0005.jpg?sign=1738791716-u5lL1qlK1q3NMJMuMYYQm5Y3cUpoNYAc-0-dea0858de144524f12a7febc831433a5)
步骤 01按Ctrl+O组合键,打开商品图像素材,如图4-7所示。
![](https://epubservercos.yuewen.com/5D47F8/15367248104200106/epubprivate/OEBPS/Images/figure_0101_0001.jpg?sign=1738791716-nUncxUiOL8C4YoOM485s6BpLaql7J6BY-0-5d2611651edb5641b2c5cbab0af50a5e)
图4-7 打开素材图像
步骤 02在菜单栏中选择“选择”|“色彩范围”命令,如图4-8所示。
![](https://epubservercos.yuewen.com/5D47F8/15367248104200106/epubprivate/OEBPS/Images/figure_0101_0002.jpg?sign=1738791716-RdjmQ0rk3bmfzfNMQgRfT6d2kZVBfqYI-0-ff472b7955469362686a7ddd46a25a5f)
图4-8 选择“色彩范围”命令
步骤 03执行上述操作后,即可弹出“色彩范围”对话框,设置“颜色容差”为80,选中“选择范围”单选按钮,如图4-9所示。
![](https://epubservercos.yuewen.com/5D47F8/15367248104200106/epubprivate/OEBPS/Images/figure_0101_0003.jpg?sign=1738791716-zW1jerPY1753DusC9VvIWpidRulYruhf-0-d646adde3c1ebaeba6a449aad659dfad)
图4-9 设置参数
步骤 04将鼠标指针移至商品图像空白处并单击鼠标左键,单击“确定”按钮,即可选中空白区域,效果如图4-10所示。
![](https://epubservercos.yuewen.com/5D47F8/15367248104200106/epubprivate/OEBPS/Images/figure_0101_0004.jpg?sign=1738791716-i1NoGict8BFnu2cWbqh4CMeXnEmCaxm3-0-44c0909b845268b4f2e87c9608ee32af)
图4-10 选中空白区域
步骤 05在菜单栏中选择“选择”|“反向”命令,如图4-11所示。
![](https://epubservercos.yuewen.com/5D47F8/15367248104200106/epubprivate/OEBPS/Images/figure_0101_0005.jpg?sign=1738791716-UmWfjD8umVHzx9whHY1qCM6Ynis8WWkQ-0-9ed0bfa5f6ade52428255a736938c830)
图4-11 选择“反向”命令
步骤 06执行上述操作后,即可反向选择商品图像,效果如图4-12所示。
![](https://epubservercos.yuewen.com/5D47F8/15367248104200106/epubprivate/OEBPS/Images/figure_0101_0006.jpg?sign=1738791716-RFu1lN2uz3J9NYMovJJjgULA6cJU63jC-0-33fdd01a34dd59c25c2852c1607604a3)
图4-12 反选商品图像
步骤 07按Ctrl+J组合键,得到“图层1”图层,单击“背景”图层的“指示图层可见性”图标,如图4-13所示。
![](https://epubservercos.yuewen.com/5D47F8/15367248104200106/epubprivate/OEBPS/Images/figure_0102_0002.jpg?sign=1738791716-BoRUne3CkjOOASOIXUDV2BhW932aTFtP-0-96c1a86dec19201749cc8f61088aa391)
图4-13 单击“指示图层可见性”图标
步骤 08执行上述操作后,即可隐藏“背景”图层,效果如图4-14所示。
![](https://epubservercos.yuewen.com/5D47F8/15367248104200106/epubprivate/OEBPS/Images/figure_0102_0003.jpg?sign=1738791716-36SUDFbOZacFjT4c9I4kjm27JvV48dbj-0-fea219f89906ceca7abfe04cb902a5ad)
图4-14 最终效果
4.1.3 使用矩形选框工具处理商品素材
网店卖家在编辑图像时,若商品图像是矩形形状,就可通过矩形选框工具快速抠取商品图像。
下面介绍通过矩形选框工具抠取商品图像的具体操作方法。
![](https://epubservercos.yuewen.com/5D47F8/15367248104200106/epubprivate/OEBPS/Images/figure_0102_0004.jpg?sign=1738791716-RUe6a7ZqjSY97GIOUZATS6Xj6hMVobYI-0-5f3c49c5fb3bcad176158dea74a9825f)
步骤 01按Ctrl+O组合键,打开商品图像素材,如图4-15所示。
![](https://epubservercos.yuewen.com/5D47F8/15367248104200106/epubprivate/OEBPS/Images/figure_0102_0005.jpg?sign=1738791716-UOfLByiNO4xfGhvxnagPf2D5gZdGej2T-0-ef69e8325519850a719a38575b0ccb90)
图4-15 打开素材图像
步骤 02在工具箱中选取矩形选框工具,如图4-16所示。
![](https://epubservercos.yuewen.com/5D47F8/15367248104200106/epubprivate/OEBPS/Images/figure_0102_0006.jpg?sign=1738791716-ohJ4bXOH0QkeziMej4BM2I4xW71Ga6r3-0-c72fb1d44c9f12c5112924f35ee0bfaf)
图4-16 选取矩形选框工具
步骤 03选择矩形选框工具属性栏后,其工具属性栏如图4-17所示。
![](https://epubservercos.yuewen.com/5D47F8/15367248104200106/epubprivate/OEBPS/Images/figure_0103_0001.jpg?sign=1738791716-C4cip5xjh7BGbcjg6i0oJB3o9o47tZQs-0-32f2470cda5913b506ba09336a00c21f)
图4-17 矩形选框工具属性栏
步骤 04执行上述操作后,将鼠标指针移动至图像编辑窗口,在合适位置按住鼠标左键并拖曳至合适位置后释放,即可创建选区,如图4-18所示。
![](https://epubservercos.yuewen.com/5D47F8/15367248104200106/epubprivate/OEBPS/Images/figure_0103_0003.jpg?sign=1738791716-g91hCnaiDQv0ABaMRMhT67FMmk0nMKmj-0-318b32339adb2331f5ba847bd025d5e9)
图4-18 创建选区
步骤 05按Ctrl+J组合键,得到“图层1”图层,单击“背景”图层的“指示图层可见性”图标,即可隐藏“背景”图层,效果如图4-19所示。
![](https://epubservercos.yuewen.com/5D47F8/15367248104200106/epubprivate/OEBPS/Images/figure_0103_0004.jpg?sign=1738791716-7RmyH2uNkT6Jvd2XGnhEwVZWqWJ8zqwm-0-c10aad061ec7fad08b365d89952a6d2c)
图4-19 最终效果
4.1.4 使用椭圆选框工具处理商品素材
网店卖家在编辑图像时,若商品图像是椭圆或圆形形状,就可通过椭圆选框工具快速抠取商品图像。
下面介绍通过椭圆选框工具抠取商品图像的具体操作方法。
![](https://epubservercos.yuewen.com/5D47F8/15367248104200106/epubprivate/OEBPS/Images/figure_0103_0005.jpg?sign=1738791716-12IvtNCpQMkEyLTcAcsuMyLno3Qm3OKd-0-989d6ea3510a182e9b3381afd18362ff)
步骤 01按Ctrl+O组合键,打开商品图像素材,如图4-20所示。
![](https://epubservercos.yuewen.com/5D47F8/15367248104200106/epubprivate/OEBPS/Images/figure_0104_0001.jpg?sign=1738791716-KIJnTLiAVrIe4SjUBbeckZFjU8FQARnn-0-8facf8d541004ce828443d4a2b3045f0)
图4-20 打开素材图像
步骤 02在工具箱中选取椭圆选框工具,在图像适当位置按住鼠标左键并拖曳鼠标创建一个椭圆选区,如图4-21所示。
![](https://epubservercos.yuewen.com/5D47F8/15367248104200106/epubprivate/OEBPS/Images/figure_0104_0002.jpg?sign=1738791716-4sI6R324nks6KRZMdh8HajnTtLxLLrF5-0-d9be79bcb15af0603a7b92b93f2d92bb)
图4-21 创建椭圆选区
步骤 03移动鼠标指针至椭圆选区内,当光标呈时拖曳鼠标,如图4-22所示。
![](https://epubservercos.yuewen.com/5D47F8/15367248104200106/epubprivate/OEBPS/Images/figure_0104_0003.jpg?sign=1738791716-mWFV1sSOJCPDe3WOB37bwPO4czMe4jJk-0-9502cf473bcd6cccd2079cbd0dd8d1f2)
图4-22 拖曳鼠标
步骤 04移动选区至合适位置,如图4-23所示。
![](https://epubservercos.yuewen.com/5D47F8/15367248104200106/epubprivate/OEBPS/Images/figure_0104_0004.jpg?sign=1738791716-ptvdf9b61BOmVrUL7QA8j2CwLBEOzun8-0-a3a8a701b438b6a6e5c82c2e91593d55)
图4-23 移至合适位置
步骤 05按Ctrl+J组合键,得到“图层1”图层,单击“背景”图层的“指示图层可见性”图标,如图4-24所示。
![](https://epubservercos.yuewen.com/5D47F8/15367248104200106/epubprivate/OEBPS/Images/figure_0104_0006.jpg?sign=1738791716-I01yyYO11vIztQrYwCmcj3KtE4ZX7ja9-0-5c2edb4b87fa6dd7a112b3087e3e4e14)
图4-24 单击“指示图层可见性”图标
步骤 06执行上述操作后,即可隐藏“背景”图层,效果如图4-25所示。
![](https://epubservercos.yuewen.com/5D47F8/15367248104200106/epubprivate/OEBPS/Images/figure_0104_0007.jpg?sign=1738791716-UCyWdrghXzdFuwBpH4n565KJjYlOD1o5-0-36f6b99e0c1778b4a457a5e16fe3b218)
图4-25 最终效果
4.1.5 使用多边形套索工具处理商品素材
在网店卖家美化商品图像时,若商品图像边缘轮廓呈直线,则可使用多边形套索工具。多边形套索工具可以创建直边的选区,其优点是只需要单击就可以选取边界规则的图像,并在两点之间以直线连接。
下面介绍通过多边形套索工具抠取商品图像的具体操作方法。
![](https://epubservercos.yuewen.com/5D47F8/15367248104200106/epubprivate/OEBPS/Images/figure_0105_0001.jpg?sign=1738791716-FZVVr9ItZEoBj7lPtf1jw00Qa8kgO828-0-58e5bac97b678dcadc0a1b7ea540e13b)
步骤 01按Ctrl+O组合键,打开商品图像素材,如图4-26所示。
![](https://epubservercos.yuewen.com/5D47F8/15367248104200106/epubprivate/OEBPS/Images/figure_0105_0002.jpg?sign=1738791716-jvN3mBQVCgHkml8etQg2xNo0jjZzYiEA-0-bae9928571431d8fc5b3b4d027e2c594)
图4-26 打开素材图像
步骤 02选取工具箱中的多边形套索工具,如图4-27所示。
![](https://epubservercos.yuewen.com/5D47F8/15367248104200106/epubprivate/OEBPS/Images/figure_0105_0003.jpg?sign=1738791716-xprAPpe0K4e6qvegfwpp5iQ7RajC07zg-0-7aab1ed55630fbaf4283289f3331003d)
图4-27 选取多边形套索工具
步骤 03将鼠标指针移至图像编辑窗口中的合适位置,单击鼠标左键指定起点,并在转角处单击鼠标,指定第二点,如图4-28所示。
![](https://epubservercos.yuewen.com/5D47F8/15367248104200106/epubprivate/OEBPS/Images/figure_0105_0004.jpg?sign=1738791716-F8ResHOG6pqUDwSvtGp331uq0IrHd1Ha-0-4ed70fcac86c9da3abd2fef247c27e0c)
图4-28 指定点
步骤 04用同样的方法,沿商品图像边缘依次单击其他点,最后再在起始点处单击鼠标左键即可创建选区,如图4-29所示。
![](https://epubservercos.yuewen.com/5D47F8/15367248104200106/epubprivate/OEBPS/Images/figure_0105_0005.jpg?sign=1738791716-80T6az8cWyhK5TateIAG3NCGnv1x2m5S-0-9c8846b842a116d1bd12ac42aec1aa16)
图4-29 创建选区
步骤 05按Ctrl+J组合键,得到“图层1”图层,单击“背景”图层的“指示图层可见性”图标,如图4-30所示。
![](https://epubservercos.yuewen.com/5D47F8/15367248104200106/epubprivate/OEBPS/Images/figure_0106_0002.jpg?sign=1738791716-gkkLweH9egItdRh4vPrO7tGzeQpdnByj-0-8c0450e0c06a1f8b00f3cf15606c26bd)
图4-30 单击“指示图层可见性”图标
步骤 06执行上述操作后,即可隐藏“背景”图层,效果如图4-31所示。
![](https://epubservercos.yuewen.com/5D47F8/15367248104200106/epubprivate/OEBPS/Images/figure_0106_0003.jpg?sign=1738791716-FE4AY7dDX6J5Md1DsFDDy58PVvRikzjo-0-abe30fc871768e9c2e637e5d362440c6)
图4-31 最终效果
4.1.6 使用魔棒工具处理商品图像
在网店设计过程中,运用魔棒工具可以创建与图像颜色相近或相同像素的选区,在颜色相近的图像上单击鼠标左键,即可选取图像上相近的颜色范围。
下面介绍通过魔棒工具抠取商品图像的具体操作方法。
![](https://epubservercos.yuewen.com/5D47F8/15367248104200106/epubprivate/OEBPS/Images/figure_0106_0004.jpg?sign=1738791716-30iH3xJIzmMQYF5snkjbqakt1wBUKnkb-0-2a1ca277a4f3e39bbc5020adf87fd4a4)
??步骤01 按Ctrl+O组合键,打开商品图像素材,如图4-32所示。步骤02 选取工具箱中的魔棒工具,如图4-33所示。
![](https://epubservercos.yuewen.com/5D47F8/15367248104200106/epubprivate/OEBPS/Images/figure_0106_0005.jpg?sign=1738791716-GA9NR8AE14QCXOYytKhzdvDLfYqXgyDj-0-3df5c1b0a8e9057a429b43690a190182)
图4-32 打开素材图像
![](https://epubservercos.yuewen.com/5D47F8/15367248104200106/epubprivate/OEBPS/Images/figure_0106_0006.jpg?sign=1738791716-tJFsFPBiw4mZezQyp3fpRwfyV07Xgkp4-0-cddc707454db58c64c01eb8b77c6f39d)
图4-33 选取魔棒工具
步骤 03在工具箱中选取魔棒工具后,其工具属性栏如图4-34所示。
![](https://epubservercos.yuewen.com/5D47F8/15367248104200106/epubprivate/OEBPS/Images/figure_0107_0001.jpg?sign=1738791716-SYxzV6b5FAPMn0LxRuodfopUu9kJ8rta-0-96c6c15e0bcfa698a0efec1f2d15560a)
图4-34 魔棒工具属性栏
步骤 04在工具属性栏上设置“容差”为32,在合适位置单击鼠标左键,即可创建选区,如图4-35所示。
![](https://epubservercos.yuewen.com/5D47F8/15367248104200106/epubprivate/OEBPS/Images/figure_0107_0002.jpg?sign=1738791716-klgSJnXPCkYhi1qFoeV8YIhi0kI0ocZu-0-6ce14f65c5ec5e757527f3cd3978affa)
图4-35 创建选区
步骤 05按Ctrl+J组合键,拷贝一个新图层,并且隐藏“背景”图层,效果如图4-36所示。
![](https://epubservercos.yuewen.com/5D47F8/15367248104200106/epubprivate/OEBPS/Images/figure_0107_0003.jpg?sign=1738791716-MYayMByIuzZ3WTmjc5dxuGcG5cF5wbAt-0-1738dbd6f5b2f8c2da506332bec04b4d)
图4-36 最终效果