Photoshop CC 2017 淘宝美工设计实例教程
上QQ阅读APP看书,第一时间看更新

1.2.2 常用的图片类型

图片类型指的是计算机在存储图片时所用的格式,美工设计常用的存储格式有JPEG、PNG、JIF、PSD和AI等。

每一款工具都会支持输出不同的图片格式,以满足用户的各种需求。以Photoshop软件中的图片格式为例,执行“文件>存储为”菜单命令,可以看到在保存类型选项中有20多种不同的图片格式,如图1-19所示。

图1-19 常用图片格式

Photoshop软件提供了很多种图片格式,它们之间有什么区别?美工设计人员在做设计的时候要选择哪一种图片格式呢?接下来,我们对几种常用的图片格式进行讲解。

1.JPEG格式

JPEG格式是最常见的一种图片格式,由联合照片专家组(Joint Photographic Experts Group)命名,其文件后缀名为“.JPG”或“.JPEG”,是一种有损压缩的格式。JPEG格式的压缩技术十分先进,它用有损压缩方式去除冗余的图像数据,在获得较高压缩率的同时,能展现出丰富生动的图像。换句话说,JPEG格式可以用很小的存储空间得到很好的图像品质,如图1-20所示。

图1-20 JPEG/JPG格式

JPEG格式的特点是文件内存小,下载速度快,因而是目前比较流行的图像格式,互联网上80%的图片都采用的是这个格式。它在Photoshop软件中,以JPEG格式存储图片时,会提供13级图像品质,以0~12级进行表示。0级别表示压缩最高,效果质量最差;12级别表示压缩最低,效果质量最好。通常可以选择10级别,以“最佳”的模式来存储图片,如图1-21所示。

图1-21 JPEG图像品质级别选项

总的来说,JPEG格式的优点是可以对图像或素材进行高倍数压缩,利用可变的压缩比自由控制文件的大小,以便在网络上进行传播。当然,压缩图片会使原始图片质量降低。

2.PNG格式

PNG格式是便携式网络图形(Portable Network Graphics)。PNG格式汲取了GIF和TIFF格式的优点同时增加了一些GIF格式所不具备的特性,因而可以替代GIF和TIFF格式。而且PNG格式是一种无损压缩的图片格式,在保证图像质量的情况下,文件体积也不算大。用来存储灰度图像时,灰度图像的深度可多达16位;用来存储彩色图像时,彩色图像的深度可多达48位;同时,还可以存储Alpha通道。在PNG格式存储选项中,可以对压缩和交错模式进行选择,如图1-22所示。

图1-22 PNG格式存储选项

PNG格式在浏览器上采用流式的浏览方法,图像会在完全下载好之前提供给浏览者一个基本的内容,再逐渐清晰起来。PNG格式不但可以获得较高的压缩比,而且不会损失数据。更重要的是,PNG还支持透明格式。在设计中,经常需要存储一些图形以丰富素材库,因此会将很多小的图标和标示直接存储为PNG的透明格式,以便今后重复使用,从而极大地提高了工作效率。

3.GIF格式

GIF(Graphics Interchange Format)是图形交换格式。GIF格式是一种基于LZW算法的连续色调的无损压缩格式,其压缩率一般在50%左右,几乎所有的图片编辑软件都支持这种格式。它最大的特点是在一个文件中可以存储多幅彩色图像,将这些图像数据逐幅读出并显示到屏幕上,就可以构成一种最简单的动画。网络上的“动图”“闪图”“GIF动画图”都指的是该格式。

GIF格式还支持透明背景图像,也是网络上常见的图片格式。由于其体积小,在设计宝贝详情页时,所输出的图片大多会选择以GIF格式进行存储。在Photoshop软件中,执行“文件>存储为Web所用格式”菜单命令,就可以在弹出的对话框中对图片进行设置,如图1-23所示。

图1-23 存储为web所用格式

4.PSD格式

PSD格式是Photoshop软件的专用文件格式,是一种非压缩的原始文件格式,即经常所说的设计“源文件”。PSD格式存储了设计操作过程中所有的信息,如图层、文字、形状、通道、蒙版及滤镜特效等,如图1-24所示。

图1-24 PSD格式

有时PSD文件的容量会很大,图层会过多,动辄数百兆。由于该格式可以保留所有的原始信息,在设计过程中可用于保存尚未制作完成的图像。

值得注意的是,将设计文件存储为PSD格式时,不论使用Photoshop的哪个版本都可以打开并进行编辑。

5.AI格式

AI格式是Illustrator软件中存储的源文件格式,是专用的矢量图形文件格式。AI格式的优点有占用硬盘空间小、打开速度快和方便格式转换等。AI格式与PSD格式相同,也是一种分层文件,其每个对象都是独立的,可以存储设计过程中所有的对象。

在设计包装、Logo等项目时,大多都是用Illustrator软件制作的。美工设计人员平时虽不会用到很多Illustrator的功能,但还是需要熟悉并掌握Illustrator软件的基本操作方法,这对日后的工作很有帮助。图1-25所示为Illustrator软件的工作界面。

图1-25 Illustrator软件的工作界面

在Photoshop软件中,可以直接打开AI格式的文件,将其作为一个图层导入。