![教你轻松学电商之店铺装修设计](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=1739290540-yi2o9w7VmihL89ZJBhka57FLhs7M2eel-0-1939b796c09fb0d42c6b19fdb651d036)
扫一扫
![](https://epubservercos.yuewen.com/2D8609/12023546903391606/epubprivate/OEBPS/Images/figure_0046_0007.jpg?sign=1739290540-hlUFS8b6WADkMFRUym2pVIFwHUzWGdSs-0-7e7bf06d834894c48801134fc6f9d77c)
下载视频教学
01 执行“文件”|“打开”命令,打开“素材\第3章\3.4.1\护肤品.jpg”图像文件,如图3-70所示。
![](https://epubservercos.yuewen.com/2D8609/12023546903391606/epubprivate/OEBPS/Images/figure_0047_0001.jpg?sign=1739290540-s0yGRTgStXcCyoofOcOmxooKpA6XxUNz-0-15a6d28056566c40af094ef2b84d5fdf)
图3-70 打开图像文件
02 按快捷键Ctrl+A,全选所有图像,创建出矩形选区,如图3-71所示。
![](https://epubservercos.yuewen.com/2D8609/12023546903391606/epubprivate/OEBPS/Images/figure_0047_0002.jpg?sign=1739290540-XJXlf6O3PGoQZ1pI26Zjm0Wofvh3oZHF-0-feb2c21fa09d8afb787a123f6131dbd8)
图3-71 创建矩形选区
03 执行“编辑”|“描边”命令,弹出“描边”对话框,修改“宽度”参数为“10像素”、“颜色”RGB参数分别为119、110、237,选中“内部”单选按钮,如图3-72所示。
![](https://epubservercos.yuewen.com/2D8609/12023546903391606/epubprivate/OEBPS/Images/figure_0047_0003.jpg?sign=1739290540-YVHARaYwXHpBJE9YT6VZfM84czpaEP9N-0-fe7ca254468aebd88c38f7a293616677)
图3-72 设置参数值
04 单击“确定”按钮,即可为图像添加描边效果,其图像效果如图3-73所示。
![](https://epubservercos.yuewen.com/2D8609/12023546903391606/epubprivate/OEBPS/Images/figure_0047_0004.jpg?sign=1739290540-p5rPUZ8AxHsXdDhBywjvahvUSfntfzOC-0-c6193c7da48992c5423ab6adcb18b240)
图3-73 添加描边效果
TIPS
在“描边”对话框中,各选项的含义如下。
● 宽度:用于设置描边的宽度参数。
● 颜色:单击“颜色”选项右侧的颜色块,在打开的“拾色器”对话框中设置描边颜色。
● 位置:用于设置描边相对于选区的位置,包括“内部”“居中”和“居外”3种选项。
● 混合:可以设置描边颜色的混合模式和不透明度。选中“保留透明区域”复选框,表示只对包含像素的区域描边。
05 在工具箱中选择(矩形选框工具),在图像上按住鼠标左键拖曳,创建一个矩形选区,如图3-74所示。
![](https://epubservercos.yuewen.com/2D8609/12023546903391606/epubprivate/OEBPS/Images/figure_0047_0006.jpg?sign=1739290540-xKHcymhXjsLKjZkjjL7nu1uu4grTn3NP-0-71f5e6c690fefe3d115d6f8467b87b50)
图3-74 创建矩形选区
06 在选区上右击,打开快捷菜单,选择“选择反向”命令,反向选择选区,如图3-75所示。
![](https://epubservercos.yuewen.com/2D8609/12023546903391606/epubprivate/OEBPS/Images/figure_0047_0007.jpg?sign=1739290540-rmyVi6Wd65LxBXtTF6xir63XnLkRHZXO-0-b8659689bc62717b1a819dc1c0957a7f)
图3-75 反向选择选区
07 执行“滤镜”|“滤镜库”命令,弹出“滤镜库”对话框,在右侧的列表框中,选择“网状”滤镜效果,如图3-76所示。
![](https://epubservercos.yuewen.com/2D8609/12023546903391606/epubprivate/OEBPS/Images/figure_0048_0001.jpg?sign=1739290540-NPoRFrWSnuxajxhg7A6DIVuV9A62N0kt-0-e1c993cfd3b5032079f5716e06ba82ae)
图3-76 选择滤镜效果
08 单击“确定”按钮,即可为描边边框添加滤镜,最终的图像效果如图3-77所示。
![](https://epubservercos.yuewen.com/2D8609/12023546903391606/epubprivate/OEBPS/Images/figure_0048_0002.jpg?sign=1739290540-Mnj6gt9XWzmot8D5OeBCfGKzkHrnUIig-0-1278d4f34792b76a9ba5195157c3b9d0)
图3-77 最终图像效果
3.4.2 添加水印
在拍摄产品图片后,为自己店铺中的产品图片加上LOGO水印,能够防止盗图,从而保护自己的图。这既是对自己知识产权的一种保护,也是店家应该具备的法律意识。
实例效果
![](https://epubservercos.yuewen.com/2D8609/12023546903391606/epubprivate/OEBPS/Images/figure_0048_0003.jpg?sign=1739290540-0PXT0QlSGdzMqbGOpOheAESchy4vHLgF-0-0a7a2a15ace6f82f0c148d4394f5c40a)
扫一扫
![](https://epubservercos.yuewen.com/2D8609/12023546903391606/epubprivate/OEBPS/Images/figure_0048_0004.jpg?sign=1739290540-a9fGjzRe6JrWl1zif6ZULiIlWcbzrEfg-0-6bcda6a888cddafc19a7dfc999112a6b)
下载视频教学
01 执行“文件”|“新建”命令,弹出“新建文档”对话框,依次设置各参数选项,如图3-78所示,单击“确定”按钮,即可新建一个文档。
![](https://epubservercos.yuewen.com/2D8609/12023546903391606/epubprivate/OEBPS/Images/figure_0048_0006.jpg?sign=1739290540-xasxXeZCQ7GK1blVbmWEdSh6gvmt0PSH-0-14fa816af518be412d37c37b6ab24cdf)
图3-78 设置参数值
02 在工具箱中选择(横排文字工具),在图像上单击,输入文本“时尚衣品”,在工具选项栏中,修改“字体”为“微软雅黑”、“字号”为“34点”、“字体颜色”的RGB参数分别为255、0、0,效果如图3-79所示。
![](https://epubservercos.yuewen.com/2D8609/12023546903391606/epubprivate/OEBPS/Images/figure_0048_0007.jpg?sign=1739290540-GVR4WTGIo1NXSOt88T5RILZiHaCiFwv7-0-b1ff33786ea5d566e5e9552e13475093)
图3-79 创建文本
03 在“图层”面板中,选择“背景”图层,按Delete键将其删除,其图像效果如图3-80所示。
![](https://epubservercos.yuewen.com/2D8609/12023546903391606/epubprivate/OEBPS/Images/figure_0049_0001.jpg?sign=1739290540-u9gq85Rw8aeincBNIQpgnoCVshXr9nIH-0-8bd187a1dea61265d23fcef171cb2a3a)
图3-80 删除图层效果
04 执行“编辑”|“变换”命令,弹出变换控制框,将鼠标指针移至变换控制框的右下角,当指针呈形状时,按住鼠标左键向右上方拖曳,旋转文本,其图像效果如图3-81所示。
![](https://epubservercos.yuewen.com/2D8609/12023546903391606/epubprivate/OEBPS/Images/figure_0049_0002.jpg?sign=1739290540-71vFLfN7YCQldRWpT3F3Tpwsz6LVahdS-0-a74e80c7f9b17dcf83492636da3b848f)
图3-81 旋转文本
05 右击“文本”图层,弹出快捷菜单,选择“混合选项”命令,弹出“图层样式”对话框,选中“描边”复选框,在对应列表框中修改各参数值,如图3-82所示。
![](https://epubservercos.yuewen.com/2D8609/12023546903391606/epubprivate/OEBPS/Images/figure_0049_0003.jpg?sign=1739290540-my0Gkt0Pc5u5MyljSXVRtHCymaa9Dh2M-0-d818e054cd5fc99c054952804494c420)
图3-82 修改参数值
06 单击“确定”按钮,即可为文本添加“描边”图层样式,其图像效果如图3-83所示。
![](https://epubservercos.yuewen.com/2D8609/12023546903391606/epubprivate/OEBPS/Images/figure_0049_0004.jpg?sign=1739290540-2ozTilhHX78SKlgdoq8fpqf4PvR9GIc9-0-45eb683f7d6b5df076d04393da370ae8)
图3-83 添加图层样式
07 在“图层”面板中,修改文本图层的“填充”为0%,如图3-84所示,即可更改文本的填充效果,使文字空心显示,其图像效果如图3-85所示。
![](https://epubservercos.yuewen.com/2D8609/12023546903391606/epubprivate/OEBPS/Images/figure_0049_0005.jpg?sign=1739290540-mfKKFvIg995OmMOR1NE1OwWkh5qI8pQ6-0-93c4395ca7b5c17001ec0f8310315061)
图3-84 修改参数值
![](https://epubservercos.yuewen.com/2D8609/12023546903391606/epubprivate/OEBPS/Images/figure_0049_0006.jpg?sign=1739290540-PB3lr4aXEF8XXUWdI4OnVLCnH7Cpj8HE-0-fe95d14441eae463aecb5f5c3e2b2737)
图3-85 更改文本填充
08 按快捷键Ctrl+A,全选所有图像,执行“编辑”|“定义图案”命令,打开“图案名称”对话框,修改“名称”为“水印”,如图3-86所示,单击“确定”按钮,即可定义图案名称。
![](https://epubservercos.yuewen.com/2D8609/12023546903391606/epubprivate/OEBPS/Images/figure_0049_0007.jpg?sign=1739290540-MFxqJshWm5f6mmDbGHoHsz6jVCoTOhBv-0-206273f9d4165815caa18c8dfed39509)
图3-86 修改图案名称
09 执行“文件”|“打开”命令,打开“素材\第3章\3.4.2\男装.jpg”图像文件,如图3-87所示。
![](https://epubservercos.yuewen.com/2D8609/12023546903391606/epubprivate/OEBPS/Images/figure_0049_0008.jpg?sign=1739290540-mVKqy6mRIsQ6RWFAVyXNZI9BgGUm58a8-0-24169cb5ff18b15bae9bd9f9fa279685)
图3-87 打开图像文件
10 执行“编辑”|“填充”命令,弹出“填充”对话框,在“自定图案”下拉列表框中,选择“水印”图案,如图3-88所示。
![](https://epubservercos.yuewen.com/2D8609/12023546903391606/epubprivate/OEBPS/Images/figure_0050_0001.jpg?sign=1739290540-FI6Q74qCcrW09wwIjzKGWKlJESULY99z-0-9980855d55a5bfc8930434b4a03e033e)
图3-88 设置图案
11 单击“确定”按钮,即可为“男装”图像添加水印图案,得到最终图像效果,如图3-89所示。
![](https://epubservercos.yuewen.com/2D8609/12023546903391606/epubprivate/OEBPS/Images/figure_0050_0002.jpg?sign=1739290540-D7kjMzbVJ1jTjoJo6LHgw1ue8W0kzjsw-0-868720258c862060787b199b520166af)
图3-89 最终图像效果
3.4.3 批处理提高工作效率
在处理商品图片时,有时需要对同一批图片做同样的操作,如将10张产品图片同时缩小操作,或者为它们加上一样的水印以防盗版,此时可以使用“新动作”功能将所有的操作创建为动作,以供其他图片使用。
实例效果
![](https://epubservercos.yuewen.com/2D8609/12023546903391606/epubprivate/OEBPS/Images/figure_0050_0003.jpg?sign=1739290540-uOFxzb3c4ujilzgPP1RkwxV6dQe1BC4W-0-ee63969dff2f6cff79a2ce249ffe2513)
扫一扫
![](https://epubservercos.yuewen.com/2D8609/12023546903391606/epubprivate/OEBPS/Images/figure_0050_0004.jpg?sign=1739290540-oRnikT6Z7Rz4XEhxVto4Aqyp4t1x6coS-0-4f56e0cc3de93d1f9e37c8494c9bfe54)
下载视频教学
01 执行“文件”|“打开”命令,打开“素材\第3章\3.4.3\帽子.jpg”图像文件,如图3-90所示。
![](https://epubservercos.yuewen.com/2D8609/12023546903391606/epubprivate/OEBPS/Images/figure_0050_0006.jpg?sign=1739290540-trqaBsKn0tTDEbpJXQXW5YmHap2iowev-0-6b057f691144324f4fa5163ada0409be)
图3-90 打开图像文件
02 执行“窗口”|“动作”命令,打开“动作”面板,单击“创建新组”按钮,如图3-91所示。
![](https://epubservercos.yuewen.com/2D8609/12023546903391606/epubprivate/OEBPS/Images/figure_0050_0007.jpg?sign=1739290540-eLzDY4jWQcoVop2lu8jrOziTDZvpkfvH-0-293c27840d54065ef8b80da1c97f3ef4)
图3-91 单击“创建新组”按钮
03 弹出“新建组”对话框,设置“名称”为“组1”,如图3-92所示,单击“确定”按钮,即可创建组对象。
![](https://epubservercos.yuewen.com/2D8609/12023546903391606/epubprivate/OEBPS/Images/figure_0051_0001.jpg?sign=1739290540-A8L1Boz0wG0auSksZteeO6sZ5gvCWJCt-0-6c8441fb66b69a2374ce36806ceacf01)
图3-92 设置名称
04 在“动作”面板底部单击“创建新动作”按钮,弹出“新建动作”对话框,设置动作名称,单击“记录”按钮,如图3-93所示。
![](https://epubservercos.yuewen.com/2D8609/12023546903391606/epubprivate/OEBPS/Images/figure_0051_0002.jpg?sign=1739290540-0AUWqePEuMW3u9pnXc98klZEIb25tKrK-0-a1ab04a834aa943dddc9fe050234a68e)
图3-93 单击“记录”按钮
05 在工具箱中选择(裁剪工具),在图像上显示裁剪框,按住鼠标左键拖曳,调整裁剪框大小,裁剪图像,如图3-94所示。
![](https://epubservercos.yuewen.com/2D8609/12023546903391606/epubprivate/OEBPS/Images/figure_0051_0005.jpg?sign=1739290540-zdyJXNqzxR1USoVJS1KcBFqzikeaPZTs-0-dda9ceb45db77ff3cbcad3302e73f495)
图3-94 裁剪图像
06 在“动作”面板底部单击“停止播放/记录”按钮,停止动作的录制,如图3-95所示。
![](https://epubservercos.yuewen.com/2D8609/12023546903391606/epubprivate/OEBPS/Images/figure_0051_0006.jpg?sign=1739290540-CwV6SYEuU2rRszgv9yxbj3wj8VYVfheN-0-c284c8e74942674af9c8098ab351c3cd)
图3-95 停止动作录制
07 执行“文件”|“自动”|“批处理”命令,如图3-96所示。
![](https://epubservercos.yuewen.com/2D8609/12023546903391606/epubprivate/OEBPS/Images/figure_0051_0007.jpg?sign=1739290540-Dz5mJ2KtET3GXpvGVdf8jsrxdoSMgoVJ-0-603cdb7983bb9317599a2c90cb09f953)
图3-96 选择“批处理”命令
08 弹出“批处理”对话框,设置要批处理的图片文件夹(源文件夹)和处理后的文件夹(目标文件夹)等内容,如图3-97所示,单击“确定”按钮,即可完成批处理的设置操作。
![](https://epubservercos.yuewen.com/2D8609/12023546903391606/epubprivate/OEBPS/Images/figure_0051_0008.jpg?sign=1739290540-nlo7ogmh4yvHaROQM3v7dFgmxNsh7kAg-0-cbf1f3e8bd7ddb71203110a6a9f37482)
图3-97 设置文件夹