
图像处理入门篇
第1章 Illustrator CS6基础知识
1.1 数字化图形入门
计算机中的图形和图像是以数字方式进行记录和存储的,它们分为两大类,一类是以Adobe公司的Illustrator、Corel公司的CorelDRAW、Autodesk公司的AutoCAD等为代表的矢量软件绘制的矢量图;另一类是以Adobe公司的Photoshop、Corel公司的Painter等为代表的位图软件绘制的位图。
1.1.1 矢量图与位图
矢量图由称为矢量的数学对象定义的直线和曲线构成,锚点和路径是其最基本的元素。矢量图形占用的存储空间很小,并且,任意旋转和缩放都不会影响图形的清晰度和光滑性,因此,可以保持对象边缘光滑无锯齿。例如,图1-1所示为一个矢量图形,图1-2所示为将其放大300%后的局部效果,可以看到图形并没有任何变化。
矢量图形缩放不会改变效果,因此特别适合制作在各种输出媒体中按照不同大小使用的图稿,如徽标、图标、Logo等。它的缺点是不容易制作色彩变化丰富的图像,在不同的软件中交换时也没有位图方便。

图1-1

图1-2
位图也称为栅格图像,它是由千千万万个小方块组成的,这些小方块是像素。由于受到分辨率的制约,每一个图像都包含固定数量的像素,旋转或缩放图像时,像素会变得模糊,图像就会产生锯齿。如图1-3所示为一个位图图像,图1-4所示为将其放大300%后的局部效果,可以看到,图像已经变得有些模糊了。

图1-3

图1-4
位图的优点是可以表现丰富的色彩变化并产生逼真的效果,如数码相机拍摄的照片、扫描的图像等,并且很容易在不同软件之间交换使用。位图中每个像素都有固定的位置和颜色值,在保存时需要记录每一个像素的色彩信息,所以占用的存储空间要比矢量图大。
由于计算机的显示器只能在网格中显示图像,因此,我们在屏幕上看到的矢量图形和位图图像均显示为像素。
提示
分辨率是指单位长度内包含的像素点的数量,它的单位为像素/英寸(ppi)。例如,72ppi表示每英寸包含72个像素点,300ppi表示每英寸包含300个像素点。
知识拓展Adobe公司简介
Adobe(中文译名:奥多比)是一家总部位于美国加州圣何塞市的电脑软件公司,由乔恩·沃诺克和查理斯·格什克创建于1982年12月。Adobe公司的产品遍及图形设计、图像制作、数码视频、电子文档和网页制作等领域,如图像处理软件Adobe Photoshop、矢量图形编辑软件Adobe Illustrator、音频编辑软件Adobe Audition、文档创作软件Adobe Acrobat、网页编辑软件Adobe Dreamweaver、二维矢量动画创作软件Adobe Flash、视频特效编辑软件Adobe After Effects、视频剪辑软件Adobe Premiere Pro与Web环境Air等。

Adobe公司Logo

Illustrator图标

Photoshop图标
1.1.2 文件格式
文件格式是电脑存储信息时使用的特殊编码方式,每一种文件格式通常会有一种扩展名,如.jpg、.AI、.PSD等。Illustrator支持的文件格式有AI、EPS、PSD、PDF、JPEG、TIFF、SVG、GIF、SWF、PICT和PCX等。其中,AI、PDF、EPS和SVG格式是Illustrator的本机格式,它们可以保留所有的Illustrator数据。

知识拓展 常用的文件格式
常用的矢量格式有Illustrator的AI格式、CorelDRAW的CDR格式、AutoCAD的DWG格式、Microsoft的WMF格式、WordPerfect的WPG格式、Lotus的PIC格式和Venture的GEM格式等。虽然许多绘图软件都能打开矢量文件,但并不是所有的程序都能把这些文件按照它原来的格式存储。
相关知识链接
执行“文件>存储”和“文件>导出”命令时,可以为文档选择一种文件格式。具体内容请参阅“2.3导入和导出文件”、“2.5保存文件”。
1.1.3 颜色模型
颜色模型用数值描述了用户在数字图形中看到和用到的各种颜色。在处理图形的颜色时,实际上是在调整文件中的数值。
双击Illustrator工具箱中的填色图标,如图1-5所示,打开“拾色器”对话框。对话框中包含了RGB、CMYK和HSB三种颜色模型,默认的是HSB颜色模型,如图1-6所示。我们可以单击其他颜色模型前面的单选钮来切换颜色模型,如图1-7所示。

图1-5

图1-6

图1-7
1.1.4 颜色模式
颜色模式决定了用于显示和打印图稿的颜色方法,颜色模式基于颜色模型。在Illustrator中执行“窗口>颜色”命令,打开“颜色”面板,单击面板右上角的按钮,在打开的面板菜单中可以选择一种颜色模式,如图1-8所示。

图1-8

知识拓展 常用颜色模式的成色原理
RGB模型通过将三种色光(红色、绿色和蓝色)按照不同的组合添加在一起生成可见色谱中的所有颜色,因此,RGB颜色也称为加成色。加成色用于照明光、电视和计算机显示器。例如,电脑显示器便是通过红色、绿色和蓝色荧光粉发射光线产生颜色的。
CMYK模式基于纸张上打印的油墨的光吸收特性产生颜色。当白色光线照射到半透明的油墨上时,会吸收一部分光谱,没有吸收的颜色就反射回我们的眼睛,成为我们看到的颜色。使用这些油墨混合重现颜色的过程,被称为四色印刷。

RGB模式成色原理

CMYK模式成色原理