计算机辅助平面设计课件.ppt

1、（一）、平面设计与计算机辅助平面设计（一）、平面设计与计算机辅助平面设计1、了解平面设计：、了解平面设计：欣赏以下作品，你能说出哪些是属于平面设计作品吗？欣赏以下作品，你能说出哪些是属于平面设计作品吗？作品欣赏作品欣赏2、平面设计概念、平面设计概念 将不同的基本图形，按照一定的规则将不同的基本图形，按照一定的规则在平面上组合成图案。主要在二维空间范在平面上组合成图案。主要在二维空间范围之内以轮廓线划分对象界限、描绘形围之内以轮廓线划分对象界限、描绘形象的设计活动。象的设计活动。 而平面设计所表现的立体空间感，并而平面设计所表现的立体空间感，并非实在的三维空间，而仅仅是图形对人的非实在的三维空间

2、，而仅仅是图形对人的视觉引导作用形成的幻觉空间。视觉引导作用形成的幻觉空间。字体设计、插图绘制、摄影采用等。字体设计、插图绘制、摄影采用等。平面设计涉及的内容平面设计涉及的内容平面设计的目的平面设计的目的传递信息、指导劝说等。传递信息、指导劝说等。3、计算机辅助平面设计的主要工具软件、计算机辅助平面设计的主要工具软件（1）Photoshop（2）CorelDRAW（3）Freehand （4）Illustrator 所说的图像处理、位图软件、处理图片就是所说的所说的图像处理、位图软件、处理图片就是所说的ps，称为位图、像素图、点阵图，它一般对于图片图用得比较多，称为位图、像素图、点阵图，它一般

3、对于图片图用得比较多，一般照相馆都少不了它，它能够处理更出色更漂亮的图片！一般照相馆都少不了它，它能够处理更出色更漂亮的图片！ 所谓的矢量图、不会失真，放得再大跟分辨率没关系，所谓的矢量图、不会失真，放得再大跟分辨率没关系，也是就所说的也是就所说的coreldraw，它跟，它跟photoshop最明显的区明最明显的区明就是不会失真，而就是不会失真，而photoshop会失真。会失真。 矢量绘图软件领域向来是矢量绘图软件领域向来是Illustrator、CD和和 FreeHand占主流地位，就占主流地位，就FreeHand来说，自有来说，自有它的优势。体积不像它的优势。体积不像Illustrat

4、or、CD那样庞大，那样庞大，十分十分“苗条苗条”，运行速度快，与，运行速度快，与Macromedia的的其他产品如其他产品如Flash, Fireworks等相容性极好。被等相容性极好。被其文字处理功能尤为人称道，甚至可与一些专业其文字处理功能尤为人称道，甚至可与一些专业文字处理软件媲美文字处理软件媲美 。 小结：小结： PS与与CD共同点是都是图形图像类软件共同点是都是图形图像类软件 ； PS与与CD其区别是其区别是PS是位图处理软件（图像后期是位图处理软件（图像后期处理），处理），CD是矢量图制作软件（图形绘制），这是矢量图制作软件（图形绘制），这两个软件就相当于左右手。两个软件就相当于

5、左右手。PS主要就是图片制作，例如你看到的签名、主要就是图片制作，例如你看到的签名、 还有还有QQ表情都是；表情都是； CD其实主要还是做标志的，各种各样有趣的其实主要还是做标志的，各种各样有趣的 标志、宣传画、标志、宣传画、PS海报等等。海报等等。4、计算机辅助平面设计的内容、计算机辅助平面设计的内容 1、计算机辅助平面广告设计、计算机辅助平面广告设计图形和文字的图形和文字的设计与制作设计与制作 2、计算机辅助包装装潢设计、计算机辅助包装装潢设计图形和文字的图形和文字的设计与制作设计与制作 3、计算机辅助标志设计、计算机辅助标志设计CorelDRAW 4、报纸、杂志和书籍编排设计以及印刷系统

6、、报纸、杂志和书籍编排设计以及印刷系统（二）、计算机辅助平面设计的基础知识（二）、计算机辅助平面设计的基础知识 1、计算机图像类型、计算机图像类型 在计算机图像处理方面，计算机平面设在计算机图像处理方面，计算机平面设计图像可根据其不同特性分为两大类：计图像可根据其不同特性分为两大类：矢量图矢量图位图位图向量图向量图点阵图点阵图大家能看出这两种图的区别在哪吗？大家能看出这两种图的区别在哪吗？ 1 位图位图bitmap 也叫做点阵图，删格图象，像素图。是基于多个也叫做点阵图，删格图象，像素图。是基于多个方形像素组合起来的图像，每个像素分别代表不方形像素组合起来的图像，每个像素分别代表不同的色相、饱

7、和度和明度，一个个的像素排列而同的色相、饱和度和明度，一个个的像素排列而形成的画面就是我们看到的图像。如数码相机拍形成的画面就是我们看到的图像。如数码相机拍摄的照片就是典型的位图图像。摄的照片就是典型的位图图像。 构成位图的最小单位是像素，每个像素有自己的构成位图的最小单位是像素，每个像素有自己的颜色信息，在对位图图像进行编辑操作的时候，颜色信息，在对位图图像进行编辑操作的时候，可操作的对象是每个像素，我们可以改变图像的可操作的对象是每个像素，我们可以改变图像的色相、饱和度、明度，从而改变图像的显示效果。色相、饱和度、明度，从而改变图像的显示效果。 2 矢量图矢量图vector 也叫向量图，它

8、以数学的矢量方式记录图像内容，也叫向量图，它以数学的矢量方式记录图像内容，其存储数据称为矢量数据。其存储数据称为矢量数据。 矢量图是通过多个对象的组合生成的，对其中的每矢量图是通过多个对象的组合生成的，对其中的每一个对象的记录方式，都是以数学函数来实现的。一个对象的记录方式，都是以数学函数来实现的。也就是说，矢量图实际上并不是象位图那样记录画也就是说，矢量图实际上并不是象位图那样记录画面上每一点的信息，而是记录了元素形状及颜色的面上每一点的信息，而是记录了元素形状及颜色的算法，当你打开一付矢量图的时候，软件对图形相算法，当你打开一付矢量图的时候，软件对图形相对应的函数进行运算，将运算结果对应的

9、函数进行运算，将运算结果图形的形状和颜图形的形状和颜色色显示给你看。无论显示画面是大还是小，画面上显示给你看。无论显示画面是大还是小，画面上的对象对应的算法是不变的，所以，即使对画面进的对象对应的算法是不变的，所以，即使对画面进行倍数相当大的缩放，其显示效果仍然相同行倍数相当大的缩放，其显示效果仍然相同不失真不失真。 举个例子来说，位图图像就好比在巨大的沙盘上举个例子来说，位图图像就好比在巨大的沙盘上画好的画，当你从远处看的时候，画面细腻多彩，画好的画，当你从远处看的时候，画面细腻多彩，但是当你靠的非常近的时候，你就能看到组成画但是当你靠的非常近的时候，你就能看到组成画面的每粒沙子以及每个沙粒

10、单纯的不可变化颜色。面的每粒沙子以及每个沙粒单纯的不可变化颜色。 矢量图就好比画在质量非常好的橡胶膜上的图，矢量图就好比画在质量非常好的橡胶膜上的图，不管对橡胶膜怎样的常宽等比成倍拉伸，画面依不管对橡胶膜怎样的常宽等比成倍拉伸，画面依然清晰，不管你离得多么近去看，也不会看到图然清晰，不管你离得多么近去看，也不会看到图形的最小单位。形的最小单位。 3绘图软件绘图软件 常用的位图绘制软件有常用的位图绘制软件有adobe photoshop、corel painter等，对应的文件格式等，对应的文件格式.psd .tif .rif等，另外还有等，另外还有.jpg.gif.png.bmp等。等。 常用

11、的矢量绘制软件有常用的矢量绘制软件有coreldraw、freehand、flash等，对应的文件格式等，对应的文件格式.cdr.fh.fla/.swf等，等，另外还有另外还有.dwg.wmf.emf等。等。 说明：说明：矢量图可以很容易的转化成位图，但是矢量图可以很容易的转化成位图，但是位图转化为矢量图却并不简单，往往需要比较复位图转化为矢量图却并不简单，往往需要比较复杂的运算和手工调节。杂的运算和手工调节。2、图像的文件格式、图像的文件格式 “文件名文件名.扩展名扩展名” 1. TIFF(Tag Image File Format)文件文件 压缩采用的是压缩采用的是LZW无损压缩方案，在桌

12、面无损压缩方案，在桌面印刷排版中是最受欢迎的图形文件格式，其印刷排版中是最受欢迎的图形文件格式，其文件文件的扩展名为的扩展名为.tif或或.tiff 。在在Photoshop中，中，*.tif文件文件可以支持可以支持24个通道，是除了个通道，是除了Photoshop自身格式以自身格式以外，惟一能存储多于外，惟一能存储多于4个通道的文件格式。个通道的文件格式。 2. JPEG文件文件 JPEG是一种高效率的是一种高效率的24位图像文件压缩格位图像文件压缩格式，同样一幅图像式，同样一幅图像 ，用，用JPEG格式存储的文件是格式存储的文件是其他类型文件的其他类型文件的1/101/20，通常只有几十，

13、通常只有几十KB，而颜色深度仍然是而颜色深度仍然是24位，其质量损失非常小。位，其质量损失非常小。 JPEG文件的扩展名为文件的扩展名为.jpg或或.jpeg。 3. GIF(Graphics Interchange Format)文件文件 可以同时存储若干静止图像进而形成可以同时存储若干静止图像进而形成动画。动画。 GIF文件扩展名为文件扩展名为.gif。 4. PSD文件文件 是著名的是著名的Adobe公司的图像处理软件公司的图像处理软件Photoshop的专用格式的专用格式Photoshop Document（PSD）。）。 PSD其实是其实是Photoshop进行平面设计的一张进行平面

14、设计的一张草草稿图稿图，它里面包含有各种图层、通道、遮罩等多，它里面包含有各种图层、通道、遮罩等多种设计的样稿，以便于下次打开文件时可以修改种设计的样稿，以便于下次打开文件时可以修改上一次的设计。在上一次的设计。在Photoshop所支持的各种图像所支持的各种图像格式中，格式中，PSD的存取速度比其它格式快很多，功的存取速度比其它格式快很多，功能也很强大。能也很强大。 5、BMP(Bitmap)文件文件 6、PNG文件文件 7、CDR格式格式 是著名绘图软件是著名绘图软件CorelDRAW的专用图形文件格式的专用图形文件格式 8、SWF格式格式 3、图像的分辨率、图像的分辨率 图像分辨率图像分

15、辨率是指图像中每单位长度所是指图像中每单位长度所包含的像素或点的数目，常以像素包含的像素或点的数目，常以像素/英寸英寸（ppi）为单位来表示。）为单位来表示。 如如72ppi表示图像中每英寸包含表示图像中每英寸包含72个像素或个像素或点。点。 分辨率越高，图像将越清晰，图像文件所分辨率越高，图像将越清晰，图像文件所需的磁盘空间也越大，编辑和处理所需的需的磁盘空间也越大，编辑和处理所需的时间也越长。时间也越长。 图像文件的大小与图像尺寸和分辨率三者之图像文件的大小与图像尺寸和分辨率三者之间的联系是：间的联系是： 当分辨率不变时，改变图像尺寸，其当分辨率不变时，改变图像尺寸，其文件的大小也将改变，

16、尺寸较大时保存的文件的大小也将改变，尺寸较大时保存的文件较大；当分辨率改变时，文件大小会文件较大；当分辨率改变时，文件大小会相应改变，分辨率越大，则图像文件也越相应改变，分辨率越大，则图像文件也越大。大。 一般来说，一般来说，“分辨率分辨率”并不是一个确切的说法，并不是一个确切的说法，因为它有很多分类：图像分辨率、打印机分辨率、因为它有很多分类：图像分辨率、打印机分辨率、数码相机分辨率、显示器分辨率、扫描仪分辨率数码相机分辨率、显示器分辨率、扫描仪分辨率等等，那么它们之间究竟有什么联系呢？等等，那么它们之间究竟有什么联系呢？ 1数码相机分辨率：数码相机分辨率： 一台数码相机的最高分辨率就是其能

17、够拍摄最大图片的面一台数码相机的最高分辨率就是其能够拍摄最大图片的面积。在技术上说，数码相机能产生在每寸图像内，点数最积。在技术上说，数码相机能产生在每寸图像内，点数最多的图片，通常以多的图片，通常以dpi为单位，英文为为单位，英文为Dot per inch。分。分辨率越大，图片的面积越大。辨率越大，图片的面积越大。 一台数码相机的像素越高，其图片的分辨率越大。分辨率一台数码相机的像素越高，其图片的分辨率越大。分辨率和图象的像素有直接的关系，一张分辨率为和图象的像素有直接的关系，一张分辨率为640 x 480的的图片，那它的分辨率就达到了图片，那它的分辨率就达到了307,200像素，也就是我们

18、像素，也就是我们常说的常说的30万像素，而一张分辨率为万像素，而一张分辨率为1600 x 1200的图片，的图片，它的像素就是它的像素就是200万。这样，我们就知道，分辨率表示的万。这样，我们就知道，分辨率表示的是图片在长和宽上占的点数的单位。是图片在长和宽上占的点数的单位。 2 扫描仪分辨率扫描仪分辨率 分辨率是扫描仪最主要的技术指标，它表示扫描仪对图像分辨率是扫描仪最主要的技术指标，它表示扫描仪对图像细节上的表现能力，即决定了扫描仪所记录图像的细致度，细节上的表现能力，即决定了扫描仪所记录图像的细致度，其单位为其单位为DPI（Dots Per Inch)。 通常用每英寸长度上扫描图像所含有

19、像素点的个数来表示。通常用每英寸长度上扫描图像所含有像素点的个数来表示。目前大多数扫描的分辨率在目前大多数扫描的分辨率在3002400DPI之间。之间。DPI数值数值越大，扫描的分辨率越高，扫描图像的品质越高，但这是越大，扫描的分辨率越高，扫描图像的品质越高，但这是有限度的。当分辨率大于某一特定值时，只会使图像文件有限度的。当分辨率大于某一特定值时，只会使图像文件增大而不易处理，并不能对图像质量产生显著的改善。对增大而不易处理，并不能对图像质量产生显著的改善。对于印刷应用而言，扫描到于印刷应用而言，扫描到600DPI就已经足够了。就已经足够了。3打印机分辨率打印机分辨率从意义上来说，票据打印机

20、的分辨率和其它各种打印机一样，指的是从意义上来说，票据打印机的分辨率和其它各种打印机一样，指的是打印机能够打印的清晰度。从标识上来说，则有两种不同标识方式：打印机能够打印的清晰度。从标识上来说，则有两种不同标识方式：dpi和和cpi。 关于关于dpi（dot per inch）的，是大多数打印机都通用的一种分辨率）的，是大多数打印机都通用的一种分辨率标识方式，即指在每一个平方英寸可以表现出多少个点，因为票据打标识方式，即指在每一个平方英寸可以表现出多少个点，因为票据打印机多是针式打印机，因此在这个标识上和针式打印机在标识时一般印机多是针式打印机，因此在这个标识上和针式打印机在标识时一般就用一个

21、数字来标识，但实际的意义表示的是垂直分辨率和水平分辨就用一个数字来标识，但实际的意义表示的是垂直分辨率和水平分辨率都是这个数字。如一台产品的分辨率表示为率都是这个数字。如一台产品的分辨率表示为360dpi，就是表示此款，就是表示此款产品水平分辨率和垂直分辨率都是产品水平分辨率和垂直分辨率都是360dpi，也就是说在一平方英寸的，也就是说在一平方英寸的区域的表现力最高可以达到水平区域的表现力最高可以达到水平360个点，垂直个点，垂直360个点，总共个点，总共129600个点。分辨率越高，数值越大，就意味着产品输出的质量越个点。分辨率越高，数值越大，就意味着产品输出的质量越高。高。cpi则是票据打

22、印机专用的一种标识。并且这类票据打印机多是如超则是票据打印机专用的一种标识。并且这类票据打印机多是如超市中收银时打印票据的专用小型产品，这类产品打印的字符都是标准市中收银时打印票据的专用小型产品，这类产品打印的字符都是标准统一的，统一的，cpi的意思就是在每一英寸内产品可以打印的字符数。如爱的意思就是在每一英寸内产品可以打印的字符数。如爱普生普生 TM-U210PA的分辨率为的分辨率为17.8cpi。 4显示器分辨率显示器分辨率 分辨率最高分辨率最高,点距越小，则屏幕上的象素排列越紧点距越小，则屏幕上的象素排列越紧密，图象就越清晰细腻密，图象就越清晰细腻.画质就越高！分辨率越高画质就越高！分辨

23、率越高画质就越好，可以先调画质就越好，可以先调640*280 再换到再换到1024*768，两个对比下，差别是很明显的。两个对比下，差别是很明显的。 不过不建议调太高，因为随着显示器的分辨率升不过不建议调太高，因为随着显示器的分辨率升高高.画面也会越来越小，看着比较累画面也会越来越小，看着比较累.。4、计算机图像的色彩模、计算机图像的色彩模式式 色彩模式是指同一属性下的不同颜色的集合。它色彩模式是指同一属性下的不同颜色的集合。它能方便用户使用各种颜色，而不必在反复使用时能方便用户使用各种颜色，而不必在反复使用时对颜色进行重新调配。对颜色进行重新调配。 常用的模式包括：常用的模式包括：RGB模式

24、、模式、Lab模式、模式、 HSB模式、模式、CMYK模式。模式。1 RGB色彩模式色彩模式 颜色属性：简单的说就是自然界万物的颜色颜色属性：简单的说就是自然界万物的颜色 。 RGB色彩模式是工业界的一种颜色标准，是通过色彩模式是工业界的一种颜色标准，是通过对红对红(R)、绿、绿(G)、蓝、蓝(B)三个颜色通道的变化以及三个颜色通道的变化以及它们相互之间的叠加来得到各式各样的颜色的，它们相互之间的叠加来得到各式各样的颜色的，RGB即是代表红、绿、蓝三个通道的颜色，这个即是代表红、绿、蓝三个通道的颜色，这个标准几乎包括了人类视力所能感知的所有颜色，标准几乎包括了人类视力所能感知的所有颜色，是目前

25、运用最广的颜色系统之一。是目前运用最广的颜色系统之一。 2Lab色彩模式色彩模式 是国际明度协会定义的颜色，几乎是最广的颜色是国际明度协会定义的颜色，几乎是最广的颜色定义，色域大于定义，色域大于RGB更大于更大于CMYK。 它是由它是由RGB三原色转换而来的，是三原色转换而来的，是RGB模式转换模式转换为为 CMKY模式和模式和 HSB模式的桥梁。模式的桥梁。 他是一种具有他是一种具有”独立于设备独立于设备”的颜色模式，不论的颜色模式，不论在任何显示器或打印机上使用，都不变色。在任何显示器或打印机上使用，都不变色。 3 HSB色彩模式色彩模式 HSB色彩就是籍由这种模式而来的，它把颜色分色彩就

26、是籍由这种模式而来的，它把颜色分为色相、饱和度、明度三个因素。注意它将我们为色相、饱和度、明度三个因素。注意它将我们人脑的人脑的“深浅深浅”概念扩展为饱和度概念扩展为饱和度(S)和明度和明度(B)。所谓饱和度相当于家庭电视机的色彩浓度，饱和所谓饱和度相当于家庭电视机的色彩浓度，饱和度高色彩较艳丽。饱和度低色彩就接近灰色。明度高色彩较艳丽。饱和度低色彩就接近灰色。明度也称为亮度，等同于彩色电视机的亮度，亮度度也称为亮度，等同于彩色电视机的亮度，亮度高色彩明亮，亮度低色彩暗淡，亮度最高得到纯高色彩明亮，亮度低色彩暗淡，亮度最高得到纯白，最低得到纯黑。白，最低得到纯黑。 常用于在平面设计时对色彩的调

27、整中。常用于在平面设计时对色彩的调整中。4CMYK色彩模式色彩模式 颜色属性：简单说就是专门用来印刷的颜色。颜色属性：简单说就是专门用来印刷的颜色。 是另一种专门针对印刷业设定的颜色标准，是通过对青是另一种专门针对印刷业设定的颜色标准，是通过对青(C)、洋红、洋红(M)、黄、黄(Y)、黑、黑(K)四个颜色变化以及它们相互四个颜色变化以及它们相互之间的叠加来得到各种颜色的，之间的叠加来得到各种颜色的，CMYK即是代表青、洋红、即是代表青、洋红、黄、黑四种印刷专用的油墨颜色，也是黄、黑四种印刷专用的油墨颜色，也是Photoshop软件软件中四个通道的颜色。中四个通道的颜色。 具体到印刷上，是通过控制青、洋红、黄、黑四色油墨在具体到印刷上，是通过控制青、洋红、黄、黑四色油墨在纸张上的相叠印刷来产生色彩的，它的颜色种数少于纸张上的相叠印刷来产生色彩的，它的颜色种数少于RGB色。色。