
3.1 商品的裁剪
在装修店铺时,宝贝推荐区、橱窗区等不同区域所使用到的图片尺寸也不一样,需要对产品图片进行裁剪,以满足店铺的尺寸需求。本节详细讲解商品裁剪的具体方法。
3.1.1 自定裁剪区
使用裁剪工具可以通过调整裁剪控制框的大小,自定义裁剪区域进行裁剪操作。
实例效果


扫一扫

下载视频教学
01 启动Photoshop程序,在程序界面的菜单栏中,执行“文件”|“打开”命令,如图3-1所示。

图3-1 执行“打开”命令
02 弹出“打开”对话框,选择“素材\第3章\3.1.1\女装.jpg”图像文件,如图3-2所示。

图3-2 选择图像文件
03 单击“打开”按钮,即可打开选择的图像文件,如图3-3所示。

图3-3 打开图像文件
04 选择工具箱中的(裁剪工具),在画面中,单击鼠标并拖曳,创建矩形裁剪框,如图3-4所示。

图3-4 创建矩形裁剪框
05 将鼠标指针放置在裁剪框的边界上,当指针呈形状时,按住鼠标左键拖曳可以调整裁剪框的大小,如图3-5所示。

图3-5 调整裁剪框大小
06 将鼠标指针放置在定界框四周的任意一个角上,当指针变为形状时,按住快捷键Shift+Alt的同时拖动鼠标指针,可进行等比例缩放,如图3-6所示。

图3-6 等比例缩放
07 将鼠标指针放置在裁剪框外,当指针变为形状时,按住鼠标左键拖曳,即可旋转裁剪框,如图3-7所示。

图3-7 旋转裁剪框
08 单击工具选项栏上的按钮,或者按回车键,或在裁剪框内双击,即可完成裁剪操作,裁剪框外的图像被去除,如图3-8所示。

图3-8 裁剪图像
3.1.2 按尺寸裁剪
在裁剪商品图片时,不仅可以自定义裁剪选区进行裁剪,还可以直接指定一定的裁剪尺寸比例,对裁剪选区内的图片进行裁剪操作。
实例效果


扫一扫

下载视频教学
01 执行“文件”|“打开”命令,打开“素材\第3章\3.1.2\女鞋.jpg”图像文件,如图3-9所示。

图3-9 打开图像文件
02 在工具箱中选择(裁剪工具),在上方工具选项栏的“预设的裁剪选项”列表框中选择16∶9选项,如图3-10所示。

图3-10 选择16∶9选项
TIPS
在“裁剪工具”工具选项栏的“预设的裁剪选项”列表框中包含有多个裁剪预设选项,不同的裁剪预设选项,其裁剪尺寸不同。
● 比例:选择该选项,可以根据指定的比例进行裁剪,如指定1∶1(方形)、4∶5(8∶10)、5∶7、2∶3(4∶6)和16∶9等比例裁剪图片。
● 宽×高×分辨率:选择该选项,可以根据宽度、高度和分辨率来调整裁剪框大小。
● 原始比例:选择该选项,可以自由调整裁剪框的大小。
● 前面的图像:选择该选项,可以根据已打开过的图像尺寸和分辨率来裁剪图片。
03 在图像上将显示16∶9的裁剪框,如图3-11所示。

图3-11 显示裁剪框
04 按住鼠标左键并向下拖曳,向上移动图像的位置,使需要裁剪的区域完全显示在裁剪框中,如图3-12所示。

图3-12 移动图像
05 确定好裁剪区域后,在工具选项栏中单击按钮,完成图像的裁剪操作,其图像效果如图3-13所示。

图3-13 裁剪图像
3.1.3 裁剪倾斜图片
在拍摄照片时,若由于相机没有端平而导致画面内容倾斜,此时可以使用Photoshop软件中的标尺工具和裁剪工具,对倾斜的图片进行校正裁剪操作。
实例效果


扫一扫

下载视频教学
01 执行“文件”|“打开”命令,打开“素材\第3章\3.1.3\童装.jpg”图像文件,如图3-14所示。

图3-14 打开图像文件
02 在“图层”面板中,选择“背景”图层,右击,弹出快捷菜单,选择“复制图层”命令,如图3-15所示。

图3-15 选择“复制图层”命令
03 弹出“复制图层”对话框,保持默认名称,单击“确定”按钮,如图3-16所示。

图3-16 “复制图层”对话框
04 即可完成图层的复制操作,并在“图层”面板中显示“背景拷贝”图层,如图3-17所示。

图3-17 复制图层
05 选择工具箱中的(标尺工具),沿着图像海平线按住鼠标左键拖曳,继续向左下角拖曳鼠标指针至边缘位置,如图3-18所示。

图3-18 拖曳海平线
06 释放鼠标后,在工具选项栏中将显示X、Y、W、H和A等参数,其中A标识图像的角度,如图3-19所示。

图3-19 工具选项栏参数
07 执行“图像”|“图像裁剪”|“任意角度”命令,如图3-20所示。

图3-20 执行“任意角度”命令
08 弹出“旋转画布”对话框,在“角度”文本框中自动出现所存在的倾斜角度参数,选中“度顺时针”单选按钮,如图3-21所示。

图3-21 设置“角度”参数
09 即可对图像对象进行旋转操作,并查看旋转后的图形效果,如图3-22所示。

图3-22 旋转图像
10 在工具箱选择(裁剪工具),在工具选项栏的“预设的裁剪选项”列表框中选择“原始比例”选项,在图像上,按住鼠标左键拖曳,创建矩形裁剪框,如图3-23所示。

图3-23 创建矩形裁剪框
11 在图像区将显示裁剪控制框,将鼠标指针放置在裁剪框的边界上,当指针呈形状时,按住鼠标左键拖动可以调整裁剪框的大小,如图3-24所示。

图3-24 调整裁剪框大小
12 在裁剪控制框上双击,即可裁剪倾斜图片,其图像最终效果如图3-25所示。

图3-25 裁剪倾斜图片