更改图片的尺寸、裁切图片和更改图片格式属于电商美工常见的工作内容。尤其是更改图片尺寸的操作在工作中会经常遇到。这样处理图片可以减少图片所占用的内存,从而提升图片在网页中加载的速度,减少顾客浏览图片时等待的时间。
在Photoshop中,我们可以用“图像大小”命令来修改图片的大小和分辨率,并且操作非常简单和方便。首先在Photoshop中打开一张图片,然后执行“图像>图像大小”命令,如图2-1所示。在打开的“图像大小”对话框中,我们可以根据需要对图像的大小进行调整,如图2-2所示。
图2-1
图2-2
疑难问答
问: “约束比例”怎么用?
答: 当我们勾选“约束比例”前面的复选框,调整图像的宽度和高度的时候,无论调整哪一项,另外一项都会根据比例自动缩放和调整。
在电商设计中,裁剪图片主要分为3种形式,包括自由裁剪、按尺寸裁剪和透视裁剪。
在设计过程中,裁剪照片的作用之一是可以通过合理地截取图像中的局部内容,起到突出主体的作用。
执行“文件>打开”命令,弹出“打开”对话框,如图2-3所示。在“打开”对话框中选择素材并打开,然后在软件界面中选择“裁剪工具” ,直接拖动裁剪框确定裁剪范围,如图2-4所示。裁剪完成后的效果如图2-5所示。
图2-3
图2-4
图2-5
执行“文件>打开”命令,在“打开”对话框中选需要裁剪的素材,如图2-6所示。打开素材后,单击选择“裁剪工具” ,在选项栏中设置“裁剪尺寸”为“800像素×800像素”,此时裁剪框变成正方形,如图2-7所示。按Enter键确认裁剪操作,如图2-8所示。
图2-6
图2-7
图2-8
在裁剪工具组中,还包含了“透视裁剪工具” ,它可以帮助我们把具有透视问题的图片矫正。如图2-9所示,在“裁剪工具” 图标上单击鼠标右键,选择“透视裁剪工具” ,然后拖曳鼠标建立裁剪点,效果图如图2-10所示。创建好需要裁剪的区域后,如果没有问题,可以单击右上角的“提交当前裁剪操作”按钮 ,此时多余的部分就会被自动裁剪掉,并把具有透视问题的图片矫正,如图2-11所示。
图2-9
图2-10
图2-11
在电商设计中经常会涉及需要将图片修改为合适格式的情况。在Photoshop中更改图片格式非常简单,只需要执行“文件>存储为”命令或执行“文件>存储为Web所用格式”命令,如图2-12和图2-13所示,然后在“存储为”对话框中对图片的格式进行重新选择并保存,就完成了对图片格式的修改,如图2-14所示。
图2-12
图2-13
图2-14