您的浏览器版本过低,为保证更佳的浏览体验,请点击更新高版本浏览器

以后再说X
图片名

全国服务热线:027-84880347 / 13871015368

新闻中心 NEWS CENTER

平面设计的理论基础

分类:行业新闻 发布时间:2017-09-29 343次浏览

第二课时 平面设计的理论基础一、基本概念在平面设计中,会涉及许多理论知识,其中的...

第二课时 平面设计的理论基础

一、基本概念

在平面设计中,会涉及许多理论知识,其中的基本概念包括:位图和矢量图、像素、分辨率和网频等等。

1、位图与矢量图

计算机图形分为位图图像和矢量图像两大类,了解它们之间的差异对创建和编辑数字图像很有帮助。

▲  位图

位图——PHOTOSHOP和其他绘画及图像编辑软件都能生成位图图像,也叫做栅格图像。位图图像用小方形网格即像素来表示图像,每个像素都分配一个特定位置和颜色值。即按位映射图形,图像,它用像素点的亮度和颜色的数位集合来描述。其特点:占有存储空间大,并且放大后失真。位图图像与分辨率有关,换句话说,它包含固定数量的像素,代表图像数据。因此,如果在屏幕上以较大的倍数显示,或以过低的分辨率打印,位图图像会出现锯齿边缘,而且会遗漏细节。

★提示:在表现阴影和色彩的细微变化方面,位图图像是更佳选择。

▲  矢量图

矢量图——诸如Illustrator、CorelDRAW、FreeHand之类的绘图软件制作的图形都是矢量图形,在些就不详述。

 2、像素

▲  像素

像素(Pixel)是图形单元(Picture Element)的简称,它是位图中最小的完整单位。像素有两种截然不同的属性:一种是相对于位图图像中的其他像素来说,一个像素具有一个特定的位置,另一种是具有可以用位来量度的颜色深度。

在PHOTOSHOP中,像素是图像的基本单位。像素是颜色的小方块。图像经常由许多像素组成,它们以行和列的方式排列。

▲  图像的像素尺寸

图像的像素尺寸是指位图图像高度和宽度所具有的像素数目。屏幕上图像的显示尺寸是由图像的像素尺寸与显示器的大小和设置来确定的,图像的文件大小与其像素尺寸成正比。

当制作网上显示的图像时(例如,在不同显示器上显示的网页),像素尺寸变得尤其重要。因为图像可能在13英寸的显示器上显示,也可能在更大的显示器上显示,所以必须将图像大小限制为更大640像素×480像素。

 3、分辨率

▲  图像分辨率

图像分辨率即图像中每单位打印长度显示的像素数目,通常用像素/英寸(PPI)表示。高分辨率的图像比相同打印尺寸的低分辨率图像所包含的像素要多,因而像素点较小。

例如:分辨率为72像素/英寸的1英寸×1英寸的图像总共包含5184像素(72像素宽×72像素高=5184像素);同样,1英寸×1英寸而分辨率为300像素/英寸的图像则总共包含90000像素。

另外,图像的尺寸大小、图像的分辨率和图像文件大小三者之间有很密切的关系,一个分辨率相同的图像,如果尺寸不同,它的文件大小也不同,尺寸越大所存储的文件也就越大。同样,增加一个图像的分辨率,也会使图像文件变大。因此,修改了前两者的参数就直接决定了第三者的参数。

屏幕上图像的显示尺寸是由图像的像素尺寸加上显示器的大小和设置确定的,图像的文件大小与其像素尺寸成正比。在新建文件时便可设置文件的大小。

文件大小即图像以数字表示的大小,单位是千字节(KB)、兆字节(MB)、吉字节(GB)。文件大小与图像的像素尺寸成正比,在给定打印尺寸的情况下,像素多的图像产生更多细节,但要求更多的磁盘空间存放,而且编辑和打印速度会慢些。

例如:1英寸×1英寸、200像素/英寸的图像包含的像素四倍于1英寸×1英寸、100像素/英寸的图像,因此文件大小也是其四倍。因而图像分辨率成为图像品质(捕捉需要的所有数据)和文件大小的代名词。

PHOTOSHO支持的更大文件大小为2GB,更大像素尺寸为每图像30000×30000像素。这个限定限制了图像可能的打印尺寸和分辨率。

例如:100英寸×100英寸图像的分辨率更高只能达到300像素/英寸(30000像素/100英寸=300像素/英寸)。

▲  显示器分辨率

显示器分辨率即显示器上每单位长度显示的像素或点的数目,通常以点/英寸(DPI)为度量单位。显示器分辨率取决于显示器大小加上其像素设置。PC显示器的典型分辨率约为72点/英寸,Mac OS显示器典型分辨率约为96点/英寸。

理解显示器分辨率的概念有助于解释屏幕上图像的显示大小经常与其打印尺寸不同的原因。

在PHOTOSHHOP中,图像像素被直接换成显示器像素,这意味着当图像分辨率高于显示器分辨率时,图像在屏幕上显示比指定的打印尺寸大。

例如:当在72点/英寸显示器上显示1英寸×1英寸、144像素/英寸的图像时,它会显示在屏幕上的2英寸×2英寸区域内。因为显示器只能显示72像素/英寸,它需要2英寸才能显示组成图像一个边的144像素。

屏幕显示大小即图像在屏幕上显示的大小,取决图像的像素尺寸、显示器尺寸以及显示器分辨率的组合。

▲  打印机分辨率

打印机分辨率即照排机和激光打印机产生的每英寸的油墨点数(DPI)。为了获得更佳效果,使用与打印机分辨率成正比(但不相同)的图像分辨率。大多数激光打印机的输出分辨率为300点/英寸到600点/英寸,但对72像素/英寸到150像素/英寸的图像打印效果较好。

照排机能够以1200点/英寸或更高精度打印,对200像素/英寸到300像素/英寸的图像能产生较好的效果。

4、网频

网频即打印灰度图像或分色时,每英寸打印机点数或半调单元数。网频也称网线或线网,单位是线/英寸(LPI),即在半调网屏中每英寸的单元线数。

5、文件格式

PHOTOSHOP可以将图像保存为如下的格式:

Photoshop(*.PSD;*.PDD)

BMP(*.BMP;*.RLE)

CompuServe GIF(*.GIF)

Photoshop EPS(*.EPS;*.AI;*.AIS;*.AI4)

DCS

Filmstrip(*.FLM)

JPEG(*.JPG;*.JPEG)

Scitex CT(*.SCT)

PhotoCD(*.PCD)

PCX格式

Photoshop PDF(*.PDF;*.PDP)

PICT File

PNG

TIFF(*.TIF)

Targe(*.TGA;*.VDA;*.ICB;*.VST)

Scitex CT

二、图像色彩基础知识

PHOTOSHOP可以很方便地对图像色彩模式进行转换。因此不同的色彩模式所包含的颜色范围(即色域)不同,性能也有所差异,所以在不同色彩模式之间转换时,必然会发生一些数据损失。用户在对图像进行色彩模式转换时,一定要按照需要谨慎处理,更好能给源文件保留一个备份。

1、常用色彩模式

PHOTOSHOP中常用的色彩模式有RGB、CMYK、Grayscale(灰度)、HSB、Lab、Indexde颜色(索引色)等。

RGB图像的每个像素的颜色包含3个分量,即红、绿、蓝。这三种颜色是自然光线的添加色,通过加色混合后产生其他颜色。以RGB模式输出图像适用于计算机、多媒体、Web网页、电视、数字打印机等有RGB属性的设备。

选择“窗口”菜单中的“颜色”命令,打开颜色控制面板,在颜色面板菜单中选择RGB滑块,注意滑块左边的颜色总是暗于右边。拖动RGB三个滑块即可调节三原色的强度,从而选择前景色或背景色。RGB(255,255,255)即为白色,RGB(0,0,0)即为黑色,因为此时没有任何光。

因为RGB的色域范围较大,而且在PHOTOSHOP中操作起来非常方便,所以我们一般采用RGB模式来存储文件,以获得更佳图像效果。最终输出时,再考虑按需求转换成其他模式。

CMYK模式中,C(青)、M(品红)、Y(黄)分别是R、G、B的补色,它们是印刷油墨的颜色,因此用于印刷的图像适合以CMYK模式输出。

青色颜料能够吸收红色光,白色光照射到青色颜料上,其中的红色光被吸收,剩下的绿、蓝两色混合得到青色光,使人眼感受到了印刷品上的青色。品红和黄色颜料的工作原理与此相似,因些C、M、Y又被叫做吸收色,它们通过减色法混合产生其他颜色。

在理论上,C、M、Y三色油墨的混合能吸收一切可见光,形成黑色。但由于油墨的颜色实际上并不纯,因此一般只能产生暗灰褐色。为了解决此问题,人们在印刷中又引入黑色(即K),以获得尽可能暗的黑色。

在颜色面板下拉菜单中选择CMYK滑块,注意每个滑块右边的颜色总是暗于左边。

灰度模式包含有0—255级亮度的中性灰色,没有任何彩色成分,灰度图像只需一个8位黑色通道,所以只有256色。

HSB通过“色相”、“饱和度”和“亮度”这三个参数来决定一种颜色,色相指颜色越高,色彩越鲜艳,饱和度越低,色彩越接近于中性灰色。亮度则决定了颜色的整体明暗程度。

2、可见光、RGB与CMYK的色域关系

可见光色域是指人眼所能观察到的所有颜色。显示器和印刷品通过两种截然不同的方式使人眼感受到色彩。显示器(包括电视机等设备)通过RGB三色光的混合来产生各种颜色的光,这时光的混合遵循的是加色法。而印刷品则通过油墨吸收了光源中的部分色光以后,反射出剩下的色光来使人眼感受颜色,这个过程遵循的是减色法。

★提示:显然,人眼所感受到的印刷品的颜色光源影响很大,比如在有色光源或非常暗的光源下,人眼就无法正确判断印刷品的色彩。

由于技术上的原因,显示器无法产生纯正的RGB原色光,因此显示器所能表现的色彩范围(即RGB色域)比可见光色域要小。针对不同的显示器硬件标准,还有不同的RGB设置。选择“编辑”菜单下的“颜色设置”命令,打开颜色设置对话框,在“工作空间”区域中,PHOTOSHOP7.0将RGB类型缺省设置为sRGB,这符合绝大多数PC机显示器的标准。打开RGB下拉列表,可以选择不同的RGB设置。不同的RGB设置,其色域范围也不同,这个选择并不受显示器本身的色域限制,常用的3种RGB设置的色域关系为Color Match RGB > sRGB > Apple RGB。

★提示:由于存在这样的色域差异,便有可能产生这样的情形:当前PHOTOSHOP的RGB色域设置为sRGB,而用户要打开一个域为Color Match RGB的图像,此时用户要选择是否将图像转换到sRGB色域,转换则意味着超出的sRGB色域和颜色数据将会被更改。

印刷器受油墨质量的限制,其色域范围也达不到可见光的色域范围。从总体上看,CMYK色域比RGB色域还要小。其中,Color Match RGB色域包含了全部CMYK色彩。

★提示:在拾色器或者颜色控制面板中用RGB模式选择颜色时,有时会出现“!”符号。这表示当前的RGB色超出了CMYK的色域范围(即印刷不出来),符号旁边小色样表示的是与这最相近的CMYK色。

关于PHOTOSHOP中色彩管理的更多知识,学员可以参阅其他相关书籍。

与RGB和CMYK不同,Lab模式是一种独立的设备色彩模式,它的色域范围就是可见光色域,因此无论什么色彩模式的图像转换到Lab模式都不会产生颜色损失。实际上,PHOTOSHOP中任何色彩模式之间的相互转换都是以Lab为中间媒介的。

打开颜色控制面板,在面板菜单中选择Lab滑块,可以看到,Lab模式是通过Luminance(亮度)、a(从绿到品红)、b(从蓝到黄)三个参数来定义颜色的。