购买
下载掌阅APP,畅读海量书库
立即打开
畅读海量书库
扫码下载掌阅APP

2.1 图片的基本处理方法

更改图片的尺寸、裁切图片和更改图片格式属于电商美工常见的工作内容。尤其是更改图片尺寸的操作在工作中会经常遇到。这样处理图片可以减少图片所占用的内存,从而提升图片在网页中加载的速度,减少顾客浏览图片时等待的时间。

2.1.1 调整图像的大小

在Photoshop中,我们可以用“图像大小”命令来修改图片的大小和分辨率,并且操作非常简单和方便。首先在Photoshop中打开一张图片,然后执行“图像>图像大小”命令,如图2-1所示。在打开的“图像大小”对话框中,我们可以根据需要对图像的大小进行调整,如图2-2所示。

图2-1

图2-2

疑难问答

问: “约束比例”怎么用?

答: 当我们勾选“约束比例”前面的复选框,调整图像的宽度和高度的时候,无论调整哪一项,另外一项都会根据比例自动缩放和调整。

2.1.2 裁剪图片

在电商设计中,裁剪图片主要分为3种形式,包括自由裁剪、按尺寸裁剪和透视裁剪。

1.自由裁剪

在设计过程中,裁剪照片的作用之一是可以通过合理地截取图像中的局部内容,起到突出主体的作用。

执行“文件>打开”命令,弹出“打开”对话框,如图2-3所示。在“打开”对话框中选择素材并打开,然后在软件界面中选择“裁剪工具” ,直接拖动裁剪框确定裁剪范围,如图2-4所示。裁剪完成后的效果如图2-5所示。

图2-3

图2-4

图2-5

2.按尺寸裁剪

执行“文件>打开”命令,在“打开”对话框中选需要裁剪的素材,如图2-6所示。打开素材后,单击选择“裁剪工具” ,在选项栏中设置“裁剪尺寸”为“800像素×800像素”,此时裁剪框变成正方形,如图2-7所示。按Enter键确认裁剪操作,如图2-8所示。

图2-6

图2-7

图2-8

3. 透视裁剪

在裁剪工具组中,还包含了“透视裁剪工具” ,它可以帮助我们把具有透视问题的图片矫正。如图2-9所示,在“裁剪工具” 图标上单击鼠标右键,选择“透视裁剪工具” ,然后拖曳鼠标建立裁剪点,效果图如图2-10所示。创建好需要裁剪的区域后,如果没有问题,可以单击右上角的“提交当前裁剪操作”按钮 ,此时多余的部分就会被自动裁剪掉,并把具有透视问题的图片矫正,如图2-11所示。

图2-9

图2-10

图2-11

2.1.3 更改图片格式

在电商设计中经常会涉及需要将图片修改为合适格式的情况。在Photoshop中更改图片格式非常简单,只需要执行“文件>存储为”命令或执行“文件>存储为Web所用格式”命令,如图2-12和图2-13所示,然后在“存储为”对话框中对图片的格式进行重新选择并保存,就完成了对图片格式的修改,如图2-14所示。

图2-12

图2-13

图2-14 YumMPAjt/TMNV8WxfP4A2IfFO4ivbPPu1YulPkAVrxi7rkBXkPRPu+AD5Nb+Dns+

点击中间区域
呼出菜单
上一章
目录
下一章
×