电脑设计培训学校平面设计与制作课件.ppt

1、平面设计概念平面设计概念 平面设计（平面设计（graphics design）视觉传达设）视觉传达设计、装潢设计，将不同的基本图形，按照一定的计、装潢设计，将不同的基本图形，按照一定的规则在平面上灵活组合成图案，产生多种视觉效规则在平面上灵活组合成图案，产生多种视觉效果。主要在二维空间范围之内以轮廓线划分对象果。主要在二维空间范围之内以轮廓线划分对象界限、描绘形象的设计活动。而平面设计所表现界限、描绘形象的设计活动。而平面设计所表现的立体空间感，并非实在的三维空间，而仅仅是的立体空间感，并非实在的三维空间，而仅仅是图形对人的视觉引导作用形成的幻觉空间。图形对人的视觉引导作用形成的幻觉空间。一、

2、平面设计的定义和分类（一）了解平面设计：（一）了解平面设计：临沂邦文教育电脑设计培训学习一、平面设计的定义和分类（一）（一）了解平面设计：了解平面设计：平面设计广泛用于广告、包装、服装、标志、网页平面设计广泛用于广告、包装、服装、标志、网页设计、招贴和海报等传播媒体上，它是其他艺术的设计、招贴和海报等传播媒体上，它是其他艺术的基础。基础。（二）平面设计的分类（二）平面设计的分类字体设计字体设计标志设计标志设计印刷美术设计印刷美术设计（海报，编排，插图，书籍装帧等）（海报，编排，插图，书籍装帧等）广告设计广告设计包装设计包装设计影像设计（动画，影视，多媒体设计等）影像设计（动画，影视，多媒体设计

3、等）临沂邦文教育电脑设计培训学习（三）计算机辅助平面设计的主要工具软件（三）计算机辅助平面设计的主要工具软件（1）Photoshop（2）CorelDRAW（3）Freehand （4）IllustratorPhotoshop是是图像处理、位图软件通常称为图像处理、位图软件通常称为psps，对于，对于图片处理用得比较多，能够处理出色、漂亮的图片。图片处理用得比较多，能够处理出色、漂亮的图片。矢量图处理和编辑软件矢量图处理和编辑软件领域向来是领域向来是IllustratorIllustrator、CDCD和和 FreeHandFreeHand占主流地位。占主流地位。一、平面设计定义和分类临沂邦文

4、教育电脑设计培训学习PS与与CD共同点是都是图形图像类软件共同点是都是图形图像类软件；PS与与CD其区别是其区别是PS是位图处理软件（图像后期处是位图处理软件（图像后期处理），理），CD是矢量图制作软件（图形绘制），这两个是矢量图制作软件（图形绘制），这两个软件就相当于左右手。软件就相当于左右手。PS主要就是图片制作，例如你看到的签名、主要就是图片制作，例如你看到的签名、还有还有QQ表情都是；表情都是；CD其实主要是做标志，各种各样有趣的其实主要是做标志，各种各样有趣的 标志、商标等等。标志、商标等等。一、平面设计的定义与分类（三）（三）计算机辅助平面设计的主要工具软件计算机辅助平面设计的主要

5、工具软件临沂邦文教育电脑设计培训学习（一）计算机图像类型（一）计算机图像类型 在计算机图像处理方面，平面设计图像可根据其不同特性分在计算机图像处理方面，平面设计图像可根据其不同特性分为两大类：为两大类：矢量图矢量图位位 图图向量图向量图点阵图点阵图临沂邦文教育电脑设计培训学习1 位图位图bitmap也叫点阵图，删格图象，像素图。是基于多个方形也叫点阵图，删格图象，像素图。是基于多个方形像素组合起来的图像，每个像素分别代表不同的色像素组合起来的图像，每个像素分别代表不同的色相、饱和度和明度。相、饱和度和明度。最小单位是像素，每个像素有自己的颜色信息，进最小单位是像素，每个像素有自己的颜色信息，进

6、行编辑操作的时候，可操作的对象是每个像素。行编辑操作的时候，可操作的对象是每个像素。临沂邦文教育电脑设计培训学习2 矢量图矢量图vector也叫向量图，它以数学的矢量方式记录图像内容，其也叫向量图，它以数学的矢量方式记录图像内容，其存储数据称为矢量数据。存储数据称为矢量数据。矢量图是通过多个对象的组合生成的，对其中的每一矢量图是通过多个对象的组合生成的，对其中的每一个对象的记录方式，都是以数学函数来实现的。也就个对象的记录方式，都是以数学函数来实现的。也就是说，矢量图记录了元素形状及颜色的算法，当你打是说，矢量图记录了元素形状及颜色的算法，当你打开一副矢量图的时候，软件对图形利用相对应的函数开

7、一副矢量图的时候，软件对图形利用相对应的函数进行运算，将运算结果进行运算，将运算结果 图形的形状和颜色图形的形状和颜色 显示出来。显示出来。临沂邦文教育电脑设计培训学习由于电脑屏幕是以网格的方式即像素的方式表现图由于电脑屏幕是以网格的方式即像素的方式表现图像的，所以不论是矢量图还是位图，在屏幕上都是像的，所以不论是矢量图还是位图，在屏幕上都是以像素显示。以像素显示。（二）图像的文件格式（二）图像的文件格式“文件名文件名.扩展名扩展名”1.TIFF(Tag Image File Format)文件文件在桌面印刷排版中是最受欢迎的格式，其文件的扩在桌面印刷排版中是最受欢迎的格式，其文件的扩展名为展

8、名为.tif.tif或或.tiff.tiff。在。在PhotoshopPhotoshop中可支持支持中可支持支持2424个通道，是除了个通道，是除了PhotoshopPhotoshop自身格式以外，惟一能自身格式以外，惟一能存储多于存储多于4 4个通道的文件格式个通道的文件格式。临沂邦文教育电脑设计培训学习2.JPEG文件文件 一种高效率的一种高效率的2424位图像文件压缩格式，文件较小，质量损失位图像文件压缩格式，文件较小，质量损失又较小。通常用于预览图像和网页制作。又较小。通常用于预览图像和网页制作。在制作印刷品时最好不要采用此格式在制作印刷品时最好不要采用此格式 JPEGJPEG文件的扩

9、展名为文件的扩展名为.jpg.jpg或或.jpeg.jpeg。3.GIF(Graphics Interchange Format)文件文件 图像交换格式，适用于高对比图像，产生比图像交换格式，适用于高对比图像，产生比jpegjpeg更多的图像更多的图像细节，多用于网页制作细节，多用于网页制作 可以同时存储若干静止图像进而形成动画。可以同时存储若干静止图像进而形成动画。GIFGIF文件扩展名为文件扩展名为.gif.gif。二 计算机辅助平面设计的基础知识临沂邦文教育电脑设计培训学习4.PSD文件文件Photoshop的专用格式的专用格式Photoshop Document（PSD）。）。是是Ph

10、otoshop进行平面设计的一张进行平面设计的一张“草稿图草稿图”，它里面包含，它里面包含有各种图层、通道、遮罩等多种设计的样稿，以便于下次打有各种图层、通道、遮罩等多种设计的样稿，以便于下次打开文件时可以修改上一次的设计。开文件时可以修改上一次的设计。5、BMP(Bitmap)文件文件 6、PNG文件文件7、CDR格式格式 是是CorelDRAW的专用图形文件格式的专用图形文件格式 8、SWF格式格式二 计算机辅助平面设计的基础知识临沂邦文教育电脑设计培训学习图像分辨率图像分辨率是指图像中每单位长度所包含的像是指图像中每单位长度所包含的像素或点的数目，常以像素素或点的数目，常以像素/英寸（英

11、寸（ppi）为单位来表）为单位来表示。示。如如72ppi表示图像中每英寸包含表示图像中每英寸包含72个像素或点。个像素或点。分辨率越高，图像将越清晰，图像文件所需的磁盘分辨率越高，图像将越清晰，图像文件所需的磁盘空间也越大，编辑和处理所需的时间也越长。空间也越大，编辑和处理所需的时间也越长。二 计算机辅助平面设计的基础知识临沂邦文教育电脑设计培训学习图像文件的大小与图像尺寸和分辨率三者之间的联系是：图像文件的大小与图像尺寸和分辨率三者之间的联系是：当分辨率不变时，改变图像尺寸，其文当分辨率不变时，改变图像尺寸，其文件的大小也将改变，尺寸较大时保存的件的大小也将改变，尺寸较大时保存的文件较大；当

12、分辨率改变时，文件大小文件较大；当分辨率改变时，文件大小会相应改变，分辨率越大，则图像文件会相应改变，分辨率越大，则图像文件也越大。也越大。临沂邦文教育电脑设计培训学习 一般来说，一般来说，“分辨率分辨率”并不是一个确切的说法，因并不是一个确切的说法，因为它有很多分类：图像分辨率、打印机分辨率、数码为它有很多分类：图像分辨率、打印机分辨率、数码相机分辨率、显示器分辨率、扫描仪分辨率等等，那相机分辨率、显示器分辨率、扫描仪分辨率等等，那么它们之间究竟有什么联系呢？么它们之间究竟有什么联系呢？临沂邦文教育电脑设计培训学习1数码相机分辨率：数码相机分辨率：一台数码相机的最高分辨率就是其能够拍摄最大图

13、一台数码相机的最高分辨率就是其能够拍摄最大图片的面积。在技术上说，数码相机能产生在每寸图片的面积。在技术上说，数码相机能产生在每寸图像内，点数最多的图片，通常以像内，点数最多的图片，通常以dpi为单位，英文为为单位，英文为Dot per inch。分辨率越大，图片的面积越大。分辨率越大，图片的面积越大。一台数码相机的像素越高，其图片的分辨率越大。一台数码相机的像素越高，其图片的分辨率越大。分辨率和图象的像素有直接的关系，因此分辨率表分辨率和图象的像素有直接的关系，因此分辨率表示的是图片在长和宽上占的点数的单位。示的是图片在长和宽上占的点数的单位。临沂邦文教育电脑设计培训学习2 扫描仪分辨率扫描

14、仪分辨率分辨率是扫描仪最主要的技术指标，它表示扫描仪分辨率是扫描仪最主要的技术指标，它表示扫描仪对图像细节上的表现能力，即决定了扫描仪所记录对图像细节上的表现能力，即决定了扫描仪所记录图像的细致程度，其单位为图像的细致程度，其单位为DPI（Dots Per Inch)。通常用每英寸长度上扫描图像所含有像素点的个数通常用每英寸长度上扫描图像所含有像素点的个数来表示。来表示。DPI数值越大，扫描的分辨率越高，扫描图数值越大，扫描的分辨率越高，扫描图像的品质越高，但也是有限度的。对于印刷应用而像的品质越高，但也是有限度的。对于印刷应用而言，扫描到言，扫描到600DPI就已经足够了。就已经足够了。临沂

15、邦文教育电脑设计培训学习 3打印机分辨率打印机分辨率打印机的分辨率指的是打印机能够打印的清晰度。从标识打印机的分辨率指的是打印机能够打印的清晰度。从标识上来说，则有两种不同标识方式：上来说，则有两种不同标识方式：dpidpi和和cpicpi。关于关于dpidpi（dot per inchdot per inch）的，通用的一种分辨率标识方）的，通用的一种分辨率标识方式，即指在每一个平方英寸可以表现出多少个点，在实际式，即指在每一个平方英寸可以表现出多少个点，在实际应用中一般就用一个数字来标识。分辨率越高，数值越大，应用中一般就用一个数字来标识。分辨率越高，数值越大，就意味着产品输出的质量越高。

16、就意味着产品输出的质量越高。cpicpi则是票据打印机专用的一种标识。则是票据打印机专用的一种标识。cpicpi的意思就是在每的意思就是在每一英寸内产品可以打印的字符数。一英寸内产品可以打印的字符数。临沂邦文教育电脑设计培训学习4显示器分辨率显示器分辨率分辨率越高分辨率越高,点距越小，则屏幕上的象素排列越紧密，点距越小，则屏幕上的象素排列越紧密，图象就越清晰细腻图象就越清晰细腻.画质就越高！分辨率越高画质就画质就越高！分辨率越高画质就越好，可以先调越好，可以先调640*480 再换到再换到1024*768，两个对，两个对比下，差别是很明显的。比下，差别是很明显的。不过不建议调太高，因为随着显示

17、器的分辨率升高，不过不建议调太高，因为随着显示器的分辨率升高，画面也会越来越小，看着比较累。画面也会越来越小，看着比较累。临沂邦文教育电脑设计培训学习色彩模式是指同一属性下的不同颜色的集合。色彩模式是指同一属性下的不同颜色的集合。它能方便用户使用各种颜色，而不必在反复使它能方便用户使用各种颜色，而不必在反复使用时对颜色进行重新调配。用时对颜色进行重新调配。常用的模式包括：彩色图像模式、灰度图像模常用的模式包括：彩色图像模式、灰度图像模 式和索引图像模式式和索引图像模式二 计算机辅助平面设计的基础知识临沂邦文教育电脑设计培训学习1 RGB色彩模式色彩模式工业界的一种颜色标准，是通过对红工业界的一

18、种颜色标准，是通过对红(R)(R)、绿、绿(G)(G)、蓝、蓝(B)(B)三三个颜色通道的变化以及它们相互之间的叠加来得到各式各个颜色通道的变化以及它们相互之间的叠加来得到各式各样的颜色，目前运用最广的色彩模式之一。样的颜色，目前运用最广的色彩模式之一。以结合的方式创建白色，属于加色法颜色以结合的方式创建白色，属于加色法颜色 。通常用在照明、视频及屏幕上。通常用在照明、视频及屏幕上。RGBRGB图像具有三个颜色通道，每种颜色有图像具有三个颜色通道，每种颜色有256256种不同的亮种不同的亮度值。度值。（四）计算机图像的色彩模式（四）计算机图像的色彩模式临沂邦文教育电脑设计培训学习是国际明度协会

19、定义的颜色，几乎是最广的颜色定义，色域是国际明度协会定义的颜色，几乎是最广的颜色定义，色域大于大于RGB更大于更大于CMYK。由三个组件组成。由三个组件组成。它是由它是由RGB三原色转换而来的，是三原色转换而来的，是RGB模式转换为模式转换为 CMKY模式和模式和 HSB模式的桥梁。模式的桥梁。是一种具有是一种具有”独立于设备独立于设备”的颜色模式。的颜色模式。（四）计算机图像的色彩模式（四）计算机图像的色彩模式临沂邦文教育电脑设计培训学习把颜色分为色相、饱和度、明度三个因素。它将我们把颜色分为色相、饱和度、明度三个因素。它将我们人脑的人脑的“深浅深浅”概念扩展为饱和度概念扩展为饱和度(S)和

20、明度和明度(B)。所。所谓饱和度，指颜色的强度或纯度。明度也称为亮度，谓饱和度，指颜色的强度或纯度。明度也称为亮度，等同于彩色电视机的亮度，亮度高色彩明亮，亮度低等同于彩色电视机的亮度，亮度高色彩明亮，亮度低色彩暗淡，亮度最高得到纯白，最低得到纯黑。色相色彩暗淡，亮度最高得到纯白，最低得到纯黑。色相指由对象所反射或传输的颜色。指由对象所反射或传输的颜色。常用于在平面设计时对色彩的调整中。常用于在平面设计时对色彩的调整中。（四）计算机图像的色彩模式（四）计算机图像的色彩模式临沂邦文教育电脑设计培训学习专门针对印刷业设定的颜色标准，是通过对青专门针对印刷业设定的颜色标准，是通过对青(C)、洋红、洋

21、红(M)、黄、黄(Y)、黑、黑(K)四个颜色变化以及它们相互结合来吸收四个颜色变化以及它们相互结合来吸收一定颜色的光线而得到各种颜色。因此，这些颜色称为减一定颜色的光线而得到各种颜色。因此，这些颜色称为减色法颜色。色法颜色。具体到印刷上，是通过控制青、洋红、黄、黑四色油墨在具体到印刷上，是通过控制青、洋红、黄、黑四色油墨在纸张上的相叠印刷来产生色彩的，它的颜色种数少于纸张上的相叠印刷来产生色彩的，它的颜色种数少于RGB色。色。（四）计算机图像的色彩模式（四）计算机图像的色彩模式临沂邦文教育电脑设计培训学习1 灰度（灰度（Grayscale）模式）模式可以组成多达可以组成多达256256级灰度的

22、级灰度的8bit8bit图象，图象的色彩饱和度为图象，图象的色彩饱和度为0 0，亮度是控，亮度是控制灰度的唯一要素。亮度是光强的度量，制灰度的唯一要素。亮度是光强的度量，0%0%代表黑色，代表黑色，100%100%代表白色。代表白色。当一个彩色文件被转换为灰度文件时，所有的颜色信息都将从文件中去掉。当一个彩色文件被转换为灰度文件时，所有的颜色信息都将从文件中去掉。2位图（位图（Bitmap）模式）模式是只有黑色和白色两种像素组成的图象是只有黑色和白色两种像素组成的图象能更完善的控制灰度图象的打印输出能更完善的控制灰度图象的打印输出 只有灰度图象或多通道图象才能被转化为只有灰度图象或多通道图象才

23、能被转化为BitmapBitmap模式。当图象转换到模式。当图象转换到BitmapBitmap模式，无法进行其它编辑，甚至不能复原灰度模式时的图象。模式，无法进行其它编辑，甚至不能复原灰度模式时的图象。（四）计算机图像的色彩模式（四）计算机图像的色彩模式临沂邦文教育电脑设计培训学习3双色调（双色调（Duotone）模式）模式双色调模式通过使用双色调模式通过使用2-42-4种不同颜色的印刷油墨，以便在图像种不同颜色的印刷油墨，以便在图像上印出上印出2-42-4种油墨颜色。双色调模式主要用于增加灰度图像的种油墨颜色。双色调模式主要用于增加灰度图像的色调范围，对于用专色或双色打印作业是较为理想的。色

24、调范围，对于用专色或双色打印作业是较为理想的。2 Indexed索引颜色模式索引颜色模式IndexedIndexed模式就是索引颜色模式，也叫做映射颜色。该模式的像素只模式就是索引颜色模式，也叫做映射颜色。该模式的像素只有有8bit8bit，即图像最多包含，即图像最多包含256256种颜色，而且颜色都是预先定义好的。种颜色，而且颜色都是预先定义好的。索引色彩模式虽然会使图像颜色信息丢失，但该模式下的文件较小，索引色彩模式虽然会使图像颜色信息丢失，但该模式下的文件较小，适合于在低档次的显示器上显示，被广泛应用于适合于在低档次的显示器上显示，被广泛应用于webweb领域。领域。（四）计算机图像的色彩模式（四）计算机图像的色彩模式临沂邦文教育电脑设计培训学习临沂邦文教育电脑设计培训学习临沂邦文教育电脑设计培训学习临沂邦文教育电脑设计培训学习临沂邦文教育电脑设计培训学习临沂邦文教育电脑设计培训学习临沂邦文教育电脑设计培训学习