![教你轻松学电商之店铺装修设计](https://wfqqreader-1252317822.image.myqcloud.com/cover/874/23400874/b_23400874.jpg)
3.4 边框、水印、批处理
在美化商品图片时,不仅需要对商品图片进行裁剪、调色和抠图处理,还需要为商品图片添加边框和水印,可以批处理商品图片,从而节省美化时间。
3.4.1 添加边框
在美化商品图片时,时常需要为图片添加边框效果,以免图片的边框线与底图撞色。使用Photoshop中的“描边”命令,可以为图片添加各种各样的描边边框效果。
实例效果
![](https://epubservercos.yuewen.com/2D8609/12023546903391606/epubprivate/OEBPS/Images/figure_0046_0006.jpg?sign=1738929696-k92t4MtibaGSAUqVh4VF7yL4UTtpwx5t-0-f0b63a0f0ef0254109370db4dbab8443)
扫一扫
![](https://epubservercos.yuewen.com/2D8609/12023546903391606/epubprivate/OEBPS/Images/figure_0046_0007.jpg?sign=1738929696-m1AkjxpNvOiA46BPEVlZZGrgx5sOejKO-0-0dee2d3cbe230111caccd7aa828a6710)
下载视频教学
01 执行“文件”|“打开”命令,打开“素材\第3章\3.4.1\护肤品.jpg”图像文件,如图3-70所示。
![](https://epubservercos.yuewen.com/2D8609/12023546903391606/epubprivate/OEBPS/Images/figure_0047_0001.jpg?sign=1738929696-DbCDsnaKsLa4dZD4Si9tGXWFt5CeGqPZ-0-95f3d472bb11db1a45c079c5b84fb76a)
图3-70 打开图像文件
02 按快捷键Ctrl+A,全选所有图像,创建出矩形选区,如图3-71所示。
![](https://epubservercos.yuewen.com/2D8609/12023546903391606/epubprivate/OEBPS/Images/figure_0047_0002.jpg?sign=1738929696-SBk7GxNaev5AMHqLJ43fztaQmKwGmyaV-0-0dbc7c3ceb69a75aab1bc5ac784cbc24)
图3-71 创建矩形选区
03 执行“编辑”|“描边”命令,弹出“描边”对话框,修改“宽度”参数为“10像素”、“颜色”RGB参数分别为119、110、237,选中“内部”单选按钮,如图3-72所示。
![](https://epubservercos.yuewen.com/2D8609/12023546903391606/epubprivate/OEBPS/Images/figure_0047_0003.jpg?sign=1738929696-g5AwckHyupUvgISEMEbDUWJncTvw4Sjz-0-5baef1f7e6e556ad53fe7c1c8a7ab9e1)
图3-72 设置参数值
04 单击“确定”按钮,即可为图像添加描边效果,其图像效果如图3-73所示。
![](https://epubservercos.yuewen.com/2D8609/12023546903391606/epubprivate/OEBPS/Images/figure_0047_0004.jpg?sign=1738929696-NhGmfuleV9LujCsMVECvfuKVo1r53qoT-0-cc39d0d811aa1b30b210ebbf2f9e13bc)
图3-73 添加描边效果
TIPS
在“描边”对话框中,各选项的含义如下。
● 宽度:用于设置描边的宽度参数。
● 颜色:单击“颜色”选项右侧的颜色块,在打开的“拾色器”对话框中设置描边颜色。
● 位置:用于设置描边相对于选区的位置,包括“内部”“居中”和“居外”3种选项。
● 混合:可以设置描边颜色的混合模式和不透明度。选中“保留透明区域”复选框,表示只对包含像素的区域描边。
05 在工具箱中选择(矩形选框工具),在图像上按住鼠标左键拖曳,创建一个矩形选区,如图3-74所示。
![](https://epubservercos.yuewen.com/2D8609/12023546903391606/epubprivate/OEBPS/Images/figure_0047_0006.jpg?sign=1738929696-dFwCLMkLzxqlJvW2CWZp6Z6tal9XwkV8-0-c816e3847dd598329697d5373d293e9c)
图3-74 创建矩形选区
06 在选区上右击,打开快捷菜单,选择“选择反向”命令,反向选择选区,如图3-75所示。
![](https://epubservercos.yuewen.com/2D8609/12023546903391606/epubprivate/OEBPS/Images/figure_0047_0007.jpg?sign=1738929696-Q6C9GilGjX7S3GoIU6crrUhivYdTAUQA-0-96437e2ed7cf2ab8dcf5af3d1d06545e)
图3-75 反向选择选区
07 执行“滤镜”|“滤镜库”命令,弹出“滤镜库”对话框,在右侧的列表框中,选择“网状”滤镜效果,如图3-76所示。
![](https://epubservercos.yuewen.com/2D8609/12023546903391606/epubprivate/OEBPS/Images/figure_0048_0001.jpg?sign=1738929696-5bDG6LNzswdwRcEQbjJJqUAZk1zEWNei-0-5013e54ffc2b1add56d8c1b2c4ef9fba)
图3-76 选择滤镜效果
08 单击“确定”按钮,即可为描边边框添加滤镜,最终的图像效果如图3-77所示。
![](https://epubservercos.yuewen.com/2D8609/12023546903391606/epubprivate/OEBPS/Images/figure_0048_0002.jpg?sign=1738929696-DTnkekqeswh74xAD7xEC6x1wdkh4nifC-0-c15fae6bb68e3c7bff08812f0f24d613)
图3-77 最终图像效果
3.4.2 添加水印
在拍摄产品图片后,为自己店铺中的产品图片加上LOGO水印,能够防止盗图,从而保护自己的图。这既是对自己知识产权的一种保护,也是店家应该具备的法律意识。
实例效果
![](https://epubservercos.yuewen.com/2D8609/12023546903391606/epubprivate/OEBPS/Images/figure_0048_0003.jpg?sign=1738929696-0aRf6NTFwth40Ip81ZJPoUw601Cz0d6t-0-cf611632000df075860393b72210aa94)
扫一扫
![](https://epubservercos.yuewen.com/2D8609/12023546903391606/epubprivate/OEBPS/Images/figure_0048_0004.jpg?sign=1738929696-ZtCfE0BAIxSCAQCl68ij0CdlvW4hj1rr-0-ac40b6c5595ec50820bcf4a47811ad6f)
下载视频教学
01 执行“文件”|“新建”命令,弹出“新建文档”对话框,依次设置各参数选项,如图3-78所示,单击“确定”按钮,即可新建一个文档。
![](https://epubservercos.yuewen.com/2D8609/12023546903391606/epubprivate/OEBPS/Images/figure_0048_0006.jpg?sign=1738929696-2u66i0f4dxbgE2tx556ReyYh9Wui8yCy-0-a021ef18f9b0be439b32bb9dde972f59)
图3-78 设置参数值
02 在工具箱中选择(横排文字工具),在图像上单击,输入文本“时尚衣品”,在工具选项栏中,修改“字体”为“微软雅黑”、“字号”为“34点”、“字体颜色”的RGB参数分别为255、0、0,效果如图3-79所示。
![](https://epubservercos.yuewen.com/2D8609/12023546903391606/epubprivate/OEBPS/Images/figure_0048_0007.jpg?sign=1738929696-G79Mk2Dr7LMXg5Gaq2JlXVKYBnn7CMxK-0-b53205021e0936772335521eb44b4a69)
图3-79 创建文本
03 在“图层”面板中,选择“背景”图层,按Delete键将其删除,其图像效果如图3-80所示。
![](https://epubservercos.yuewen.com/2D8609/12023546903391606/epubprivate/OEBPS/Images/figure_0049_0001.jpg?sign=1738929696-YXPst8syRqBM7i4qC4sRS1Gndor0pvi0-0-01bb0673cecc8bc12966b035d43ab75f)
图3-80 删除图层效果
04 执行“编辑”|“变换”命令,弹出变换控制框,将鼠标指针移至变换控制框的右下角,当指针呈形状时,按住鼠标左键向右上方拖曳,旋转文本,其图像效果如图3-81所示。
![](https://epubservercos.yuewen.com/2D8609/12023546903391606/epubprivate/OEBPS/Images/figure_0049_0002.jpg?sign=1738929696-CRONgqK5aCrDHxBDhWxl7ti511fMSedf-0-4c637710ff8af1ef3cbb277eab6b0654)
图3-81 旋转文本
05 右击“文本”图层,弹出快捷菜单,选择“混合选项”命令,弹出“图层样式”对话框,选中“描边”复选框,在对应列表框中修改各参数值,如图3-82所示。
![](https://epubservercos.yuewen.com/2D8609/12023546903391606/epubprivate/OEBPS/Images/figure_0049_0003.jpg?sign=1738929696-NpaHRE9y0rtyCvCbY6smjLuatbFSnHLD-0-2bab5e07a60b06d7c7ca5ba1d846c2ba)
图3-82 修改参数值
06 单击“确定”按钮,即可为文本添加“描边”图层样式,其图像效果如图3-83所示。
![](https://epubservercos.yuewen.com/2D8609/12023546903391606/epubprivate/OEBPS/Images/figure_0049_0004.jpg?sign=1738929696-H3msasP6sjXekFj2ueG2HrxvrO7LegIl-0-60dcee5bbec7093e76c486b0ea44957d)
图3-83 添加图层样式
07 在“图层”面板中,修改文本图层的“填充”为0%,如图3-84所示,即可更改文本的填充效果,使文字空心显示,其图像效果如图3-85所示。
![](https://epubservercos.yuewen.com/2D8609/12023546903391606/epubprivate/OEBPS/Images/figure_0049_0005.jpg?sign=1738929696-BPdNQ71vAfbwKIHqcq2jRwxdjM8faHEZ-0-e41e4b6e9e8b01cfa8b9b7183ff0ed31)
图3-84 修改参数值
![](https://epubservercos.yuewen.com/2D8609/12023546903391606/epubprivate/OEBPS/Images/figure_0049_0006.jpg?sign=1738929696-Sgy0yclAAs3IG7G3lJUrE3zVDU6z91Rh-0-fd786c976de6e903303fca90d5ff41b8)
图3-85 更改文本填充
08 按快捷键Ctrl+A,全选所有图像,执行“编辑”|“定义图案”命令,打开“图案名称”对话框,修改“名称”为“水印”,如图3-86所示,单击“确定”按钮,即可定义图案名称。
![](https://epubservercos.yuewen.com/2D8609/12023546903391606/epubprivate/OEBPS/Images/figure_0049_0007.jpg?sign=1738929696-IBKngJjfhjkfnNiqMIoOsFWmClmpOb4k-0-1a0c54d5e5687680c69d0d0e7a0943aa)
图3-86 修改图案名称
09 执行“文件”|“打开”命令,打开“素材\第3章\3.4.2\男装.jpg”图像文件,如图3-87所示。
![](https://epubservercos.yuewen.com/2D8609/12023546903391606/epubprivate/OEBPS/Images/figure_0049_0008.jpg?sign=1738929696-dyQR3eo5GV2UmUc5j3uJFY1BoFuQmGWM-0-d42c9437fb9ca7f47e1e2869e0260d34)
图3-87 打开图像文件
10 执行“编辑”|“填充”命令,弹出“填充”对话框,在“自定图案”下拉列表框中,选择“水印”图案,如图3-88所示。
![](https://epubservercos.yuewen.com/2D8609/12023546903391606/epubprivate/OEBPS/Images/figure_0050_0001.jpg?sign=1738929696-fiVTwHbem4e3D9V6eFp5C3urnFvrZjXs-0-3377f266a06644dc1b7312a21c688f5d)
图3-88 设置图案
11 单击“确定”按钮,即可为“男装”图像添加水印图案,得到最终图像效果,如图3-89所示。
![](https://epubservercos.yuewen.com/2D8609/12023546903391606/epubprivate/OEBPS/Images/figure_0050_0002.jpg?sign=1738929696-VHa9n3bvgeWIWEUXPSLEtTQxA1chy3EX-0-14c49af6e360977bbc7030b5b27d64d0)
图3-89 最终图像效果
3.4.3 批处理提高工作效率
在处理商品图片时,有时需要对同一批图片做同样的操作,如将10张产品图片同时缩小操作,或者为它们加上一样的水印以防盗版,此时可以使用“新动作”功能将所有的操作创建为动作,以供其他图片使用。
实例效果
![](https://epubservercos.yuewen.com/2D8609/12023546903391606/epubprivate/OEBPS/Images/figure_0050_0003.jpg?sign=1738929696-rOVhcW10n0VQyouYxEPjxrHHlcIUv76z-0-fe141862a26c9b6588d9b360a4df83f7)
扫一扫
![](https://epubservercos.yuewen.com/2D8609/12023546903391606/epubprivate/OEBPS/Images/figure_0050_0004.jpg?sign=1738929696-COjOcjPQIiwH0BpaxO38ci2WfM3gJoiS-0-bb21a3de88b3975ff85fa0647831daed)
下载视频教学
01 执行“文件”|“打开”命令,打开“素材\第3章\3.4.3\帽子.jpg”图像文件,如图3-90所示。
![](https://epubservercos.yuewen.com/2D8609/12023546903391606/epubprivate/OEBPS/Images/figure_0050_0006.jpg?sign=1738929696-z5FFKLhX2EExRG3wiAfVWCeWWdjJNMF6-0-a59f050de620a83059f257cd71dc526c)
图3-90 打开图像文件
02 执行“窗口”|“动作”命令,打开“动作”面板,单击“创建新组”按钮,如图3-91所示。
![](https://epubservercos.yuewen.com/2D8609/12023546903391606/epubprivate/OEBPS/Images/figure_0050_0007.jpg?sign=1738929696-CbHEUxAbeUO4DL3YOX9IruuZDqVkGaCc-0-cc331d515fba9a26fa913651bf80befa)
图3-91 单击“创建新组”按钮
03 弹出“新建组”对话框,设置“名称”为“组1”,如图3-92所示,单击“确定”按钮,即可创建组对象。
![](https://epubservercos.yuewen.com/2D8609/12023546903391606/epubprivate/OEBPS/Images/figure_0051_0001.jpg?sign=1738929696-TcGmzbQyHzFqIedqOejqspK42BGp6lgB-0-bf4a3cc431624186a4ceeccb2d63c880)
图3-92 设置名称
04 在“动作”面板底部单击“创建新动作”按钮,弹出“新建动作”对话框,设置动作名称,单击“记录”按钮,如图3-93所示。
![](https://epubservercos.yuewen.com/2D8609/12023546903391606/epubprivate/OEBPS/Images/figure_0051_0002.jpg?sign=1738929696-DwjXaiGe9BTUk4gE45LPwVkl8m4bYOPH-0-abdd30bf4b330ce9ca6470789364baa2)
图3-93 单击“记录”按钮
05 在工具箱中选择(裁剪工具),在图像上显示裁剪框,按住鼠标左键拖曳,调整裁剪框大小,裁剪图像,如图3-94所示。
![](https://epubservercos.yuewen.com/2D8609/12023546903391606/epubprivate/OEBPS/Images/figure_0051_0005.jpg?sign=1738929696-0Cj79TM4swe0VLjrgtfVM5P4L1NRldoU-0-4946438d2a30d55eb0e7bec90f9cbd21)
图3-94 裁剪图像
06 在“动作”面板底部单击“停止播放/记录”按钮,停止动作的录制,如图3-95所示。
![](https://epubservercos.yuewen.com/2D8609/12023546903391606/epubprivate/OEBPS/Images/figure_0051_0006.jpg?sign=1738929696-faPIfSliPcCz4lTKC0MLlauNhLTaGVsh-0-dafae58ed74f3dc73e73f877f6057b5f)
图3-95 停止动作录制
07 执行“文件”|“自动”|“批处理”命令,如图3-96所示。
![](https://epubservercos.yuewen.com/2D8609/12023546903391606/epubprivate/OEBPS/Images/figure_0051_0007.jpg?sign=1738929696-pqUnu7Ka6dmqr6MUuerKRDb4WlKh348Z-0-3d354683464b68179b8b87722695bbe8)
图3-96 选择“批处理”命令
08 弹出“批处理”对话框,设置要批处理的图片文件夹(源文件夹)和处理后的文件夹(目标文件夹)等内容,如图3-97所示,单击“确定”按钮,即可完成批处理的设置操作。
![](https://epubservercos.yuewen.com/2D8609/12023546903391606/epubprivate/OEBPS/Images/figure_0051_0008.jpg?sign=1738929696-bYkVfqC526ewj6qoluNudYRRWN7y7ND8-0-985247c9cf1ec7a8aea8e0ea3bdb3aee)
图3-97 设置文件夹