![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=1739280577-uTwhTF3xI8v0kAuKFVLrMGuMPgI2JAMg-0-2162dc35913fd24d7c764ee79eafcd8f)
步骤 01按Ctrl+O组合键,打开商品图像素材,如图4-1所示。
![](https://epubservercos.yuewen.com/5D47F8/15367248104200106/epubprivate/OEBPS/Images/figure_0099_0002.jpg?sign=1739280577-e4mZnkHhVz5COFoFRwvWwTdGnw8sssbi-0-118d9add8395d4f0525f1d5a14b5413b)
图4-1 打开素材图像
步骤 02选取工具箱中的魔棒工具,在工具属性栏中设置“容差”为32,如图4-2所示。
![](https://epubservercos.yuewen.com/5D47F8/15367248104200106/epubprivate/OEBPS/Images/figure_0099_0003.jpg?sign=1739280577-CwV1LqQLZM1eTm7F832yUE6Z5OkcYhcS-0-95d8745d02548592c0a69af23f1840a8)
图4-2 设置容差
步骤 03在白色背景位置单击鼠标左键,创建选区,如图4-3所示。
![](https://epubservercos.yuewen.com/5D47F8/15367248104200106/epubprivate/OEBPS/Images/figure_0100_0001.jpg?sign=1739280577-tGU2hofBsu5VgR4IaBJscyJ0gAOa4F6C-0-8c0815153710b9d2c2d63fbd2baa757c)
图4-3 创建选区
步骤 04在菜单栏中选择“选择”|“反向”命令,如图4-4所示。
![](https://epubservercos.yuewen.com/5D47F8/15367248104200106/epubprivate/OEBPS/Images/figure_0100_0002.jpg?sign=1739280577-kpkzyCAKL0kvFkbceddtkXTlDuDwGb2R-0-2fb37b527dc068af1274ba49019ff191)
图4-4 选择“反向”命令
步骤 05执行上述操作后即可反选选区,如图4-5所示。
![](https://epubservercos.yuewen.com/5D47F8/15367248104200106/epubprivate/OEBPS/Images/figure_0100_0003.jpg?sign=1739280577-NaMFsByLyRTFbOB19yu81ianchW5QhJ4-0-5a7d4600291dbbe6198064e7a6b60a27)
图4-5 反选选区
步骤 06按Ctrl+J组合键,得到“图层1”图层,单击“背景”图层的“指示图层可见性”图标,即可隐藏“背景”图层,效果如图4-6所示。
![](https://epubservercos.yuewen.com/5D47F8/15367248104200106/epubprivate/OEBPS/Images/figure_0100_0004.jpg?sign=1739280577-Hkgsl1bg7YVUqFN9kogS6609D1UIJhyG-0-a900a4071611e92d383c5c1010f17d6a)
图4-6 最终效果
4.1.2 使用“色彩范围”命令处理商品素材
网店卖家在处理商品图像时,若商品复杂不好抠取,则可通过“色彩范围”命令利用图像中的颜色变化关系来抠取商品图像。
下面介绍通过“色彩范围”命令抠取商品图像的具体操作方法。
![](https://epubservercos.yuewen.com/5D47F8/15367248104200106/epubprivate/OEBPS/Images/figure_0100_0005.jpg?sign=1739280577-5UuEf8bsKT0s4mgC35oVqe7lQc3UTFdg-0-7c60abe5570ff24353e5f5fd5168d0b5)
步骤 01按Ctrl+O组合键,打开商品图像素材,如图4-7所示。
![](https://epubservercos.yuewen.com/5D47F8/15367248104200106/epubprivate/OEBPS/Images/figure_0101_0001.jpg?sign=1739280577-krbXNt5CPCZcWMoiqHiHl0HCWNhCKFl9-0-8eaf20a18d41cf0251dae6e5a80fd139)
图4-7 打开素材图像
步骤 02在菜单栏中选择“选择”|“色彩范围”命令,如图4-8所示。
![](https://epubservercos.yuewen.com/5D47F8/15367248104200106/epubprivate/OEBPS/Images/figure_0101_0002.jpg?sign=1739280577-fOX8ui8ZGSJ2JiADG86vYg4pnFQRADIH-0-cbc1f653122addc8d7c6c0293606ec57)
图4-8 选择“色彩范围”命令
步骤 03执行上述操作后,即可弹出“色彩范围”对话框,设置“颜色容差”为80,选中“选择范围”单选按钮,如图4-9所示。
![](https://epubservercos.yuewen.com/5D47F8/15367248104200106/epubprivate/OEBPS/Images/figure_0101_0003.jpg?sign=1739280577-3EDMsjTbDoG80ELJKo0ARewKpGZXdAv1-0-4fe4b096a34540f81d296aedb0e5bac7)
图4-9 设置参数
步骤 04将鼠标指针移至商品图像空白处并单击鼠标左键,单击“确定”按钮,即可选中空白区域,效果如图4-10所示。
![](https://epubservercos.yuewen.com/5D47F8/15367248104200106/epubprivate/OEBPS/Images/figure_0101_0004.jpg?sign=1739280577-m01Y6WOEZhi1TJEPxvDeB0ajdhtyrKGs-0-2cc86bccbc14e9f838479b20eaf07c05)
图4-10 选中空白区域
步骤 05在菜单栏中选择“选择”|“反向”命令,如图4-11所示。
![](https://epubservercos.yuewen.com/5D47F8/15367248104200106/epubprivate/OEBPS/Images/figure_0101_0005.jpg?sign=1739280577-FQ2vpW9KfcQ2keX88mpsDiz91In2Fvjq-0-29701097b2c678c36ae96274e2044ef8)
图4-11 选择“反向”命令
步骤 06执行上述操作后,即可反向选择商品图像,效果如图4-12所示。
![](https://epubservercos.yuewen.com/5D47F8/15367248104200106/epubprivate/OEBPS/Images/figure_0101_0006.jpg?sign=1739280577-PfAAvkLIkYCeD7PV1boxTxFd73bzzTBV-0-9c8a431b6508d83c19716085f3e4809c)
图4-12 反选商品图像
步骤 07按Ctrl+J组合键,得到“图层1”图层,单击“背景”图层的“指示图层可见性”图标,如图4-13所示。
![](https://epubservercos.yuewen.com/5D47F8/15367248104200106/epubprivate/OEBPS/Images/figure_0102_0002.jpg?sign=1739280577-G5HeCAUzqxcw0L0Xw3PzmuaDFDvLD4YI-0-c8ae3b9ad921844748977ddc7314d8d7)
图4-13 单击“指示图层可见性”图标
步骤 08执行上述操作后,即可隐藏“背景”图层,效果如图4-14所示。
![](https://epubservercos.yuewen.com/5D47F8/15367248104200106/epubprivate/OEBPS/Images/figure_0102_0003.jpg?sign=1739280577-LpFLKhBOWF9tfHMhQmrxh0jWAIfHliWp-0-2ae9c4537be604b65623184138aba1ea)
图4-14 最终效果
4.1.3 使用矩形选框工具处理商品素材
网店卖家在编辑图像时,若商品图像是矩形形状,就可通过矩形选框工具快速抠取商品图像。
下面介绍通过矩形选框工具抠取商品图像的具体操作方法。
![](https://epubservercos.yuewen.com/5D47F8/15367248104200106/epubprivate/OEBPS/Images/figure_0102_0004.jpg?sign=1739280577-nE0GexI6ubwdsYtzU6yVFzJ9emqCZNs2-0-72270f1848ff5b97786c75443b463a7d)
步骤 01按Ctrl+O组合键,打开商品图像素材,如图4-15所示。
![](https://epubservercos.yuewen.com/5D47F8/15367248104200106/epubprivate/OEBPS/Images/figure_0102_0005.jpg?sign=1739280577-82xOUQbfW3tW6EyY6wVxuysX2YYVRUpm-0-47cb26cb5533666984ca210c366c4999)
图4-15 打开素材图像
步骤 02在工具箱中选取矩形选框工具,如图4-16所示。
![](https://epubservercos.yuewen.com/5D47F8/15367248104200106/epubprivate/OEBPS/Images/figure_0102_0006.jpg?sign=1739280577-RZqbdk3rYeKWZRzC8GzfGq4SSk1Tkw3b-0-c4ed8c6324b4c1137feac71ede6511d9)
图4-16 选取矩形选框工具
步骤 03选择矩形选框工具属性栏后,其工具属性栏如图4-17所示。
![](https://epubservercos.yuewen.com/5D47F8/15367248104200106/epubprivate/OEBPS/Images/figure_0103_0001.jpg?sign=1739280577-3qvoETvIUXjCVcp1SDPKqhUglQONAqiO-0-73f739f04ccdbda3cd0d269b28960008)
图4-17 矩形选框工具属性栏
步骤 04执行上述操作后,将鼠标指针移动至图像编辑窗口,在合适位置按住鼠标左键并拖曳至合适位置后释放,即可创建选区,如图4-18所示。
![](https://epubservercos.yuewen.com/5D47F8/15367248104200106/epubprivate/OEBPS/Images/figure_0103_0003.jpg?sign=1739280577-J0GLl6nG7wgeugE6BVnWqxr3iyFCXjTY-0-66c4d067faac6410af1995f36230039e)
图4-18 创建选区
步骤 05按Ctrl+J组合键,得到“图层1”图层,单击“背景”图层的“指示图层可见性”图标,即可隐藏“背景”图层,效果如图4-19所示。
![](https://epubservercos.yuewen.com/5D47F8/15367248104200106/epubprivate/OEBPS/Images/figure_0103_0004.jpg?sign=1739280577-0Xx5rlbdu17xhdWIKKf9Fhjw78uZ32qy-0-7045cb150f86f6dc39e7cf4927a9b366)
图4-19 最终效果
4.1.4 使用椭圆选框工具处理商品素材
网店卖家在编辑图像时,若商品图像是椭圆或圆形形状,就可通过椭圆选框工具快速抠取商品图像。
下面介绍通过椭圆选框工具抠取商品图像的具体操作方法。
![](https://epubservercos.yuewen.com/5D47F8/15367248104200106/epubprivate/OEBPS/Images/figure_0103_0005.jpg?sign=1739280577-YPP2ujpmyNQBZQxEdGVOndBXj4cEm8tQ-0-00001b3d1ec791d28abf108c94693dae)
步骤 01按Ctrl+O组合键,打开商品图像素材,如图4-20所示。
![](https://epubservercos.yuewen.com/5D47F8/15367248104200106/epubprivate/OEBPS/Images/figure_0104_0001.jpg?sign=1739280577-PTZaLvXa2dgOcGSatwwBkD8NJWKmLIuD-0-3d0dd044a46c09c989030749951364eb)
图4-20 打开素材图像
步骤 02在工具箱中选取椭圆选框工具,在图像适当位置按住鼠标左键并拖曳鼠标创建一个椭圆选区,如图4-21所示。
![](https://epubservercos.yuewen.com/5D47F8/15367248104200106/epubprivate/OEBPS/Images/figure_0104_0002.jpg?sign=1739280577-o58rzOQe5gCfHqAfCT6ikYTy7oCgH7MX-0-b113971fab8462b7d5d7756744679076)
图4-21 创建椭圆选区
步骤 03移动鼠标指针至椭圆选区内,当光标呈时拖曳鼠标,如图4-22所示。
![](https://epubservercos.yuewen.com/5D47F8/15367248104200106/epubprivate/OEBPS/Images/figure_0104_0003.jpg?sign=1739280577-2ioGCSJ4IwoSM1pZbUwoyLclu8vTqEC0-0-d99f537f917f43bbf54c8082896b7b54)
图4-22 拖曳鼠标
步骤 04移动选区至合适位置,如图4-23所示。
![](https://epubservercos.yuewen.com/5D47F8/15367248104200106/epubprivate/OEBPS/Images/figure_0104_0004.jpg?sign=1739280577-Lhlq5XbvntBCFEjWzSiV0BprrHWtBkxX-0-89ed47b3e2acc361da9b1b5304aed48b)
图4-23 移至合适位置
步骤 05按Ctrl+J组合键,得到“图层1”图层,单击“背景”图层的“指示图层可见性”图标,如图4-24所示。
![](https://epubservercos.yuewen.com/5D47F8/15367248104200106/epubprivate/OEBPS/Images/figure_0104_0006.jpg?sign=1739280577-wOOxc7gdoG4TqyvTMyOgp1pbwyBy0wLZ-0-62dab357676bb776c9449b30671ff4b4)
图4-24 单击“指示图层可见性”图标
步骤 06执行上述操作后,即可隐藏“背景”图层,效果如图4-25所示。
![](https://epubservercos.yuewen.com/5D47F8/15367248104200106/epubprivate/OEBPS/Images/figure_0104_0007.jpg?sign=1739280577-9C72a93QwY3MpcbAwMLZc3nAph8xStkq-0-37d78e56ad882834895fa96a8810f347)
图4-25 最终效果
4.1.5 使用多边形套索工具处理商品素材
在网店卖家美化商品图像时,若商品图像边缘轮廓呈直线,则可使用多边形套索工具。多边形套索工具可以创建直边的选区,其优点是只需要单击就可以选取边界规则的图像,并在两点之间以直线连接。
下面介绍通过多边形套索工具抠取商品图像的具体操作方法。
![](https://epubservercos.yuewen.com/5D47F8/15367248104200106/epubprivate/OEBPS/Images/figure_0105_0001.jpg?sign=1739280577-PzVyNMikFj1iIq14TGARrFPhSCnVg3UN-0-3b9febd8a0694e6df47bb4d638f3dd62)
步骤 01按Ctrl+O组合键,打开商品图像素材,如图4-26所示。
![](https://epubservercos.yuewen.com/5D47F8/15367248104200106/epubprivate/OEBPS/Images/figure_0105_0002.jpg?sign=1739280577-lWcyev2bRIl0qD0zZs0DfGZ4YCArq97l-0-fb2199b016e5bebce5f97179c5a7cb1b)
图4-26 打开素材图像
步骤 02选取工具箱中的多边形套索工具,如图4-27所示。
![](https://epubservercos.yuewen.com/5D47F8/15367248104200106/epubprivate/OEBPS/Images/figure_0105_0003.jpg?sign=1739280577-96XoXLqPHzaYegqy5NCjInVhPcmRuPMB-0-4629d96631c8385890bce92b1e59d706)
图4-27 选取多边形套索工具
步骤 03将鼠标指针移至图像编辑窗口中的合适位置,单击鼠标左键指定起点,并在转角处单击鼠标,指定第二点,如图4-28所示。
![](https://epubservercos.yuewen.com/5D47F8/15367248104200106/epubprivate/OEBPS/Images/figure_0105_0004.jpg?sign=1739280577-dyhwzRTnzTHgcFkqTQQK50nR0VGCW730-0-21cf06d8902128adefdf56e74c4f2793)
图4-28 指定点
步骤 04用同样的方法,沿商品图像边缘依次单击其他点,最后再在起始点处单击鼠标左键即可创建选区,如图4-29所示。
![](https://epubservercos.yuewen.com/5D47F8/15367248104200106/epubprivate/OEBPS/Images/figure_0105_0005.jpg?sign=1739280577-FDkoipGpPYQCQUFZemkRy8zcuRzNsrCE-0-d8b1bd62c9743ddecf0c544fc967bcf2)
图4-29 创建选区
步骤 05按Ctrl+J组合键,得到“图层1”图层,单击“背景”图层的“指示图层可见性”图标,如图4-30所示。
![](https://epubservercos.yuewen.com/5D47F8/15367248104200106/epubprivate/OEBPS/Images/figure_0106_0002.jpg?sign=1739280577-4lp4bHswgQd4sQSxYw3zRVLRpQor4c36-0-d9b14a2dd7fef33e3fc8c7c113b89cb2)
图4-30 单击“指示图层可见性”图标
步骤 06执行上述操作后,即可隐藏“背景”图层,效果如图4-31所示。
![](https://epubservercos.yuewen.com/5D47F8/15367248104200106/epubprivate/OEBPS/Images/figure_0106_0003.jpg?sign=1739280577-taB7VW3G2OMCALMp78KSeJwkxUmgvzgv-0-b3d7ad7f187e1026fd367b5f2d5b3e33)
图4-31 最终效果
4.1.6 使用魔棒工具处理商品图像
在网店设计过程中,运用魔棒工具可以创建与图像颜色相近或相同像素的选区,在颜色相近的图像上单击鼠标左键,即可选取图像上相近的颜色范围。
下面介绍通过魔棒工具抠取商品图像的具体操作方法。
![](https://epubservercos.yuewen.com/5D47F8/15367248104200106/epubprivate/OEBPS/Images/figure_0106_0004.jpg?sign=1739280577-T6wg7L0jeF9AkYmjB1G6Us6IWHrRY5RB-0-55f46d03d84fd23dd8a5452bc4d97890)
??步骤01 按Ctrl+O组合键,打开商品图像素材,如图4-32所示。步骤02 选取工具箱中的魔棒工具,如图4-33所示。
![](https://epubservercos.yuewen.com/5D47F8/15367248104200106/epubprivate/OEBPS/Images/figure_0106_0005.jpg?sign=1739280577-TayTQ9RPjIwOHg6HaSp6HgCdAAkrZ6R4-0-f8cd453e0f1a40b4eabb7b78d8bd464e)
图4-32 打开素材图像
![](https://epubservercos.yuewen.com/5D47F8/15367248104200106/epubprivate/OEBPS/Images/figure_0106_0006.jpg?sign=1739280577-TDfHLc0ECWP5GFhZJ15XmCwK6oGKRRDz-0-e8eb7a72baeb92790f566149b48c1eba)
图4-33 选取魔棒工具
步骤 03在工具箱中选取魔棒工具后,其工具属性栏如图4-34所示。
![](https://epubservercos.yuewen.com/5D47F8/15367248104200106/epubprivate/OEBPS/Images/figure_0107_0001.jpg?sign=1739280577-svglUf1C4lVlg9SuS6CPSlFECY6emLAq-0-b31e5b6aa338a17283a7678447d8c1e7)
图4-34 魔棒工具属性栏
步骤 04在工具属性栏上设置“容差”为32,在合适位置单击鼠标左键,即可创建选区,如图4-35所示。
![](https://epubservercos.yuewen.com/5D47F8/15367248104200106/epubprivate/OEBPS/Images/figure_0107_0002.jpg?sign=1739280577-tK7m4hhAe6rogswOBt1IMiXPYmfE0DAt-0-8bda5b4d6553d2a2aa6eb8943ea1f72a)
图4-35 创建选区
步骤 05按Ctrl+J组合键,拷贝一个新图层,并且隐藏“背景”图层,效果如图4-36所示。
![](https://epubservercos.yuewen.com/5D47F8/15367248104200106/epubprivate/OEBPS/Images/figure_0107_0003.jpg?sign=1739280577-JKAaKIQE21qgvtM704p06h2JAcPoCsMc-0-790e5838c1dbbe7c0c6d05f95a1c0fd8)
图4-36 最终效果