![教你轻松学电商之淘宝海报设计](https://wfqqreader-1252317822.image.myqcloud.com/cover/929/23400929/b_23400929.jpg)
2.1 宝贝裁剪
在完成商品图片的拍摄和采集后,经常需要裁剪图像,以便删除多余的内容,使商品的画面构图更加完美。本节将详细讲解自定裁剪区、按尺寸裁剪和裁剪倾斜图片的操作方法。
2.1.1 自定裁剪区
使用Photoshop软件中的裁剪工具,可以对商品照片进行自定义裁剪操作,只需通过绘制裁剪框来控制裁剪范围即可自定义裁剪商品图片。
实例效果
![](https://epubservercos.yuewen.com/616EA0/12023547703395306/epubprivate/OEBPS/Images/figure_0023_0001.jpg?sign=1739019958-FWtOtcnFCPNAx0grFlk5865dkVJTGOjD-0-000ccfefd6c746ed052db9c12d258a5c)
![](https://epubservercos.yuewen.com/616EA0/12023547703395306/epubprivate/OEBPS/Images/figure_0023_0002.jpg?sign=1739019958-WI1gZSawvgR3w8m9jeHl93s6nEN5V174-0-08489314aa203e3d3924e3aa78c6d86a)
![](https://epubservercos.yuewen.com/616EA0/12023547703395306/epubprivate/OEBPS/Images/figure_0023_0003.jpg?sign=1739019958-SMcTvL8pwdK5pVvCYGAzbcLxR8rVFUua-0-78afef73e0fe8489502103244c934bff)
扫一扫
下载视频教学
01 启动Photoshop程序,在程序界面的菜单栏中,执行“文件”|“打开”命令,如图2-1所示。
![](https://epubservercos.yuewen.com/616EA0/12023547703395306/epubprivate/OEBPS/Images/figure_0023_0004.jpg?sign=1739019958-GqBWgQzvmrTs8OVdZSIQhb7K7lSy7Q8S-0-44034030896ab565f2e62499fbe6af61)
图2-1 执行“打开”命令
02 弹出“打开”对话框,选择“素材\第2章\2.1.1\童装1.jpg”图像文件,如图2-2所示。
![](https://epubservercos.yuewen.com/616EA0/12023547703395306/epubprivate/OEBPS/Images/figure_0023_0005.jpg?sign=1739019958-WPq9rjhjTLHlLC1WxCMAQO2LwKETQIiY-0-bc3b0d662fd6eede168a949e3ca29923)
图2-2 选择图像文件
03 单击“打开”按钮,即可打开选择的图像文件,如图2-3所示。
![](https://epubservercos.yuewen.com/616EA0/12023547703395306/epubprivate/OEBPS/Images/figure_0023_0007.jpg?sign=1739019958-6bBnzMe5LTmiroqvS6hqfprdlJU9oemW-0-ebf9e0d1520b6fae0446601eb9bc67a7)
图2-3 打开图像文件
04 选择工具箱中的(裁剪工具),在画面中,单击光标并拖曳,创建矩形裁剪框,如图2-4所示。
![](https://epubservercos.yuewen.com/616EA0/12023547703395306/epubprivate/OEBPS/Images/figure_0023_0008.jpg?sign=1739019958-jfpdZu7dFPpjxM3brcbTeFrN3puR5R7c-0-cb68a0674f106c7359aff5881a0ce34f)
图2-4 创建矩形裁剪框
05 将光标放置在裁剪框的边界上,当指针呈形状时,单击并拖曳鼠标可以调整裁剪框的大小,如图2-5所示。
![](https://epubservercos.yuewen.com/616EA0/12023547703395306/epubprivate/OEBPS/Images/figure_0024_0003.jpg?sign=1739019958-gDVAq41Sm1gG0yGla3VYuHk7gEsO7c8c-0-6189849a7096eb50ef1f21acd3e634a5)
图2-5 调整裁剪框大小
06 将光标放置在定界框四周的任意一个角上,当光标变为时,按住快捷键Shift+Alt的同时拖曳鼠标,可进行等比例缩放,如图2-6所示。
![](https://epubservercos.yuewen.com/616EA0/12023547703395306/epubprivate/OEBPS/Images/figure_0024_0004.jpg?sign=1739019958-J5cuTkBz1QwRXSZS8Hs00vWLmPEE8loM-0-b7457ebc4525677cb40b6b73235f5ffb)
图2-6 等比例缩放
07 将光标放置在裁剪框外,当光标变为形状时,单击并拖曳,即可旋转裁剪框,如图2-7所示。
![](https://epubservercos.yuewen.com/616EA0/12023547703395306/epubprivate/OEBPS/Images/figure_0024_0007.jpg?sign=1739019958-vWqH5se9XccOvXVNaBNgoHdj0xwQpXEJ-0-41294288ee71ffc6d5b7f723853ec177)
图2-7 旋转裁剪框
08 单击工具选项栏上的按钮,或者按回车键,或在裁剪框内双击鼠标,即可完成裁剪操作,裁剪框外的图像被去除,如图2-8所示。
![](https://epubservercos.yuewen.com/616EA0/12023547703395306/epubprivate/OEBPS/Images/figure_0024_0008.jpg?sign=1739019958-0jL1TvunL6ayZeGrNOBQHtzAgeBae1M0-0-ba2009d29eeb629a6d2fcbb196ccb5e7)
图2-8 裁剪图像
TIPS
在使用裁剪工具裁剪图片时,可以选择“预设”列表框中的选项,将照片快速裁剪为指定大小。单击“预设”选项右侧的下三角按钮,在展开的列表框中可以看到其中包含了“原始比例”“1∶1(方形)”“4∶5(8∶10)”“16∶9”“前面的图像”“4×5英寸300ppi”等选项。在裁剪图片时可以选择这些预设的尺寸及比例对裁剪框进行快速设定,也可以将设置的裁剪比例存储为预设,以方便下次使用。
2.1.2 按尺寸裁剪
如果要将商品照片裁剪为特定的尺寸,需要结合选区工具和“裁剪”命令裁剪。
实例效果
![](https://epubservercos.yuewen.com/616EA0/12023547703395306/epubprivate/OEBPS/Images/figure_0025_0001.jpg?sign=1739019958-YQvXCMyCOoHuYPY8mUd7IzNAIQQwvkZj-0-ff6bac92ac67a1501f44e53c67d60f86)
![](https://epubservercos.yuewen.com/616EA0/12023547703395306/epubprivate/OEBPS/Images/figure_0025_0002.jpg?sign=1739019958-6PovhjMcIQuxzz2ArMgY5H3cNQwQdovF-0-a1beda2904eb009decd27600dcf852ec)
![](https://epubservercos.yuewen.com/616EA0/12023547703395306/epubprivate/OEBPS/Images/figure_0025_0003.jpg?sign=1739019958-6aHbzaUb2QPc3gWXwz0P8aV5BI9tHplx-0-b3e6b85158b1f3605285fed177bebb49)
扫一扫
下载视频教学
01 执行“文件”|“打开”命令,打开“素材\第2章\2.1.2\女包.jpg”图像文件,如图2-9所示。
![](https://epubservercos.yuewen.com/616EA0/12023547703395306/epubprivate/OEBPS/Images/figure_0025_0005.jpg?sign=1739019958-xFIREuTsTZGict0n9u0AeGeJ5w10Npph-0-0b6e9605e6993a1d999cbc0e7d91cf91)
图2-9 打开图像文件
02 在工具箱中选择(矩形选框工具),如图2-10所示。
![](https://epubservercos.yuewen.com/616EA0/12023547703395306/epubprivate/OEBPS/Images/figure_0025_0006.jpg?sign=1739019958-B2ue7AGxthXQ5XGa7PMg5KKh46li5388-0-fad95824b1f8c67d07a0b68fd260911a)
图2-10 选择矩形选框工具
TIPS
在“矩形选框工具”工具选项栏中有一个“样式”选项,用于设置选区的样式。默认情况下,选择“正常”选项,即可绘制自由大小的选区;如果选择“固定比例”和“固定大小”选项,则会激活旁边的“宽度”和“高度”选项,此时可以在图像中创建固定比例或固定大小的矩形选区。
03 在程序界面上的工具选项栏中,单击“样式”右侧的下三角按钮,展开列表框,选择“固定大小”命令,如图2-11所示。
![](https://epubservercos.yuewen.com/616EA0/12023547703395306/epubprivate/OEBPS/Images/figure_0025_0007.jpg?sign=1739019958-rZgkkMvuvaW9LwCIAFiW2ApSrMXOKcoy-0-245fdf2e45e140ce91e63ee95d542918)
图2-11 选择“固定大小”命令
04 展开“宽度”和“高度”文本框,修改“宽度”为“550像素”、“高度”为“500像素”,并用鼠标左键单击图像,即可创建一个固定大小的选区,如图2-12所示。
![](https://epubservercos.yuewen.com/616EA0/12023547703395306/epubprivate/OEBPS/Images/figure_0025_0008.jpg?sign=1739019958-wb204knnBOtuf9UlxqSSu8d4F9Vr8ByQ-0-9f2d959cb4cfbf686c463ca435e490e9)
图2-12 创建选区
05 在菜单栏中,执行“图像”|“裁剪”命令,如图2-13所示,即可通过指定的尺寸裁剪图像对象,图像最终效果如图2-14所示。
![](https://epubservercos.yuewen.com/616EA0/12023547703395306/epubprivate/OEBPS/Images/figure_0025_0009.jpg?sign=1739019958-ehhIPW9gKA2E40XEHuvAHLegvaw3cRT4-0-5561e31ea715da7f80d6256640b21c54)
图2-13 执行“裁剪”命令
![](https://epubservercos.yuewen.com/616EA0/12023547703395306/epubprivate/OEBPS/Images/figure_0025_0010.jpg?sign=1739019958-6IjYCbbLwa4QnW168AlxpacuGXoSn0wN-0-9d4177b4dacbe53af10b7cc3aec96c3b)
图2-14 按尺寸裁剪图像
2.1.3 裁剪倾斜图片
在拍摄商品图片时,为了能够更好地展示商品的细节或某些局部特征,会在拍摄的时候调整相机的拍摄角度。如果数码相机没有保持水平或垂直,那么拍摄出来的照片就容易出现倾斜的情况,不利于商品的查看。因此,我们需要对倾斜的照片进行角度校正,并对倾斜的图片进行裁剪操作。
实例效果
![](https://epubservercos.yuewen.com/616EA0/12023547703395306/epubprivate/OEBPS/Images/figure_0026_0001.jpg?sign=1739019958-a4G1vypQHRcjv4VmWm3dKWZ24OpTQkb6-0-eb8c11e0a04010c7a3c82043c6e605df)
![](https://epubservercos.yuewen.com/616EA0/12023547703395306/epubprivate/OEBPS/Images/figure_0026_0002.jpg?sign=1739019958-vHP8il0bpQXuNMWOQkqkRcsn1YRb2OR7-0-1dcbc3114811f77246daf4665fca2f2c)
![](https://epubservercos.yuewen.com/616EA0/12023547703395306/epubprivate/OEBPS/Images/figure_0026_0003.jpg?sign=1739019958-LX3UqCskjF0ZkFRP6gW17GBFcKVIYnqG-0-6ef56aaf05985fd4fb56ae0017383d5c)
扫一扫
下载视频教学
01 执行“文件”|“打开”命令,打开“素材\第2章\2.1.3\蜡烛.jpg”图像文件,结果如图2-15所示。
![](https://epubservercos.yuewen.com/616EA0/12023547703395306/epubprivate/OEBPS/Images/figure_0026_0004.jpg?sign=1739019958-mHE1LwpDoYzS3z8ntgqF0QSNZoOki4yU-0-ee21d2ad837f14b34796f4a4afdd5a3a)
图2-15 打开图像文件
02 在“图层”面板中,选择“背景”图层,右击,打开快捷菜单,选择“复制图层”命令,如图2-16所示。
![](https://epubservercos.yuewen.com/616EA0/12023547703395306/epubprivate/OEBPS/Images/figure_0026_0005.jpg?sign=1739019958-dfXDAdTRjXeXtdhV6jcyG6ttXSuy5Ck9-0-48b527e28785985a7ce41a79f09a99ae)
图2-16 选择“复制图层”命令
03 弹出“复制图层”对话框,保持默认名称,单击“确定”按钮,如图2-17所示,即可完成图层的复制操作,并在“图层”面板中显示“背景 拷贝”图层,如图2-18所示。
![](https://epubservercos.yuewen.com/616EA0/12023547703395306/epubprivate/OEBPS/Images/figure_0026_0006.jpg?sign=1739019958-kfrv9ky3po2ajUtOaCiNg0zSh5lAiiJR-0-64642c77df565a597c354b8387758adf)
图2-17 “复制图层”对话框
![](https://epubservercos.yuewen.com/616EA0/12023547703395306/epubprivate/OEBPS/Images/figure_0026_0007.jpg?sign=1739019958-FWrDRvFu41Wg2gUdgg5dXkwfBAuQOMgk-0-7dc8e9d0db2cd0936aa72235ea136eb4)
图2-18 复制图层
04 选择工具箱中的(标尺工具),单击图像海平线,继续向右上角拖曳光标至边缘位置,如图2-19所示。
![](https://epubservercos.yuewen.com/616EA0/12023547703395306/epubprivate/OEBPS/Images/figure_0027_0001.jpg?sign=1739019958-816FFxmGEDQKCjUuxrKYqST0cZ2UiHBd-0-aa548deaab97405b6dae9e258c32f67b)
图2-19 拖曳海平线
05 释放鼠标后,在工具选项栏中将显示X、Y、W、H和A等参数,其中A标识图像的角度,如图2-20所示。
![](https://epubservercos.yuewen.com/616EA0/12023547703395306/epubprivate/OEBPS/Images/figure_0027_0002.jpg?sign=1739019958-C8Hy5srXQ0sZ7OMYiZoKDzjd5IWw8isR-0-b5c3123a921586b4ebbbd32434dc8892)
图2-20 工具选项栏参数
06 执行“图像”|“图像旋转”|“任意角度”命令,如图2-21所示。
![](https://epubservercos.yuewen.com/616EA0/12023547703395306/epubprivate/OEBPS/Images/figure_0027_0003.jpg?sign=1739019958-MFawtI0JLas0I1ODkomxsHMFIHOMGqZu-0-380e1b6e5f28d624a2ffc17f56c6bcac)
图2-21 执行“任意角度”命令
07 弹出“旋转画布”对话框,在“角度”文本框中自动出现所存在的倾斜角度参数,选中“度顺时针”单选按钮,如图2-22所示,即可对图像进行旋转操作,并查看旋转后的图形效果,如图2-23所示。
![](https://epubservercos.yuewen.com/616EA0/12023547703395306/epubprivate/OEBPS/Images/figure_0027_0004.jpg?sign=1739019958-R0QVq8Fr2M3fl9XI8FwxUHSGZnofBjcT-0-bf0fe8f27f6fb13ca107e0abd0788d42)
图2-22 设置“角度”参数
![](https://epubservercos.yuewen.com/616EA0/12023547703395306/epubprivate/OEBPS/Images/figure_0027_0006.jpg?sign=1739019958-O2ktkH2oITD9EEHqOjnBY64SKdEfVsQo-0-95c151aa2853fa454ba87895f0ff1a8f)
图2-23 旋转图像
08 在工具箱选择(裁剪工具),在图像上,单击鼠标并拖曳,创建矩形裁剪框,如图2-24所示。
![](https://epubservercos.yuewen.com/616EA0/12023547703395306/epubprivate/OEBPS/Images/figure_0027_0007.jpg?sign=1739019958-nnzjq9AtoZ5zqFAYAzUzVyCNlFfH7WgG-0-7c64e67cdc74ba4211f48f48b779eca4)
图2-24 创建矩形裁剪框
09 在图像区将显示裁剪控制框,将鼠标指针放置在裁剪框的边界上,当指针呈形状时,单击并拖曳鼠标可以调整裁剪框的大小,如图2-25所示。
![](https://epubservercos.yuewen.com/616EA0/12023547703395306/epubprivate/OEBPS/Images/figure_0027_0009.jpg?sign=1739019958-CBxzenhgsSnAwoP0oubGIHe4cGc6VS4c-0-240bfa2ff907a309bef5e8f35f9c1702)
图2-25 调整裁剪框大小
10 在裁剪控制框上双击,即可裁剪倾斜图片,其图像最终效果如图2-26所示。
![](https://epubservercos.yuewen.com/616EA0/12023547703395306/epubprivate/OEBPS/Images/figure_0027_0010.jpg?sign=1739019958-U0JxqDPBJXouxUX6aygfX1Jr83Xm77pN-0-914d37aacf9972c5fb4657d8e575e1cd)
图2-26 裁剪倾斜图片