1、计算机平面设计实用教程计算机平面设计实用教程.第一章第一章 平面设计基础知识平面设计基础知识n n1.1 平面设计的基本类型平面设计的基本类型n n1.2 平面设计的构成要素平面设计的构成要素n n1.3 图像分辨率图像分辨率n n1.4 色彩模式色彩模式n n1.5 计算机图像类型及格式计算机图像类型及格式n n1.6 图形图像处理软件图形图像处理软件n n1.7 图像搜集图像搜集.1.1 平面设计的基本类型平面设计的基本类型 n n1.1.1 POP1.1.1 POP广告设计广告设计广告设计广告设计 n n1.1.2 1.1.2 报纸、杂志广告设计报纸、杂志广告设计报纸、杂志广告设计报纸、
2、杂志广告设计 n n1.1.3 1.1.3 宣传卡、招贴设计宣传卡、招贴设计宣传卡、招贴设计宣传卡、招贴设计 n n1.1.4 1.1.4 标志设计标志设计标志设计标志设计 n n1.1.5 1.1.5 书籍装帧、包装装潢设计书籍装帧、包装装潢设计书籍装帧、包装装潢设计书籍装帧、包装装潢设计 .1.1.1 POP广告设计广告设计 n nPOPPOP广告设计是一个具有立体空间和流动的广告广告设计是一个具有立体空间和流动的广告广告设计是一个具有立体空间和流动的广告广告设计是一个具有立体空间和流动的广告设计,设计,设计,设计,POPPOP是指是指是指是指“购买点的广告购买点的广告购买点的广告购买点的
3、广告”。比如超市就是。比如超市就是。比如超市就是。比如超市就是一个一个一个一个POPPOP广告设计的载体,凡在超市建筑内外,广告设计的载体,凡在超市建筑内外,广告设计的载体,凡在超市建筑内外,广告设计的载体,凡在超市建筑内外,所有能帮助商品促销的广告物或提供有关商品情所有能帮助商品促销的广告物或提供有关商品情所有能帮助商品促销的广告物或提供有关商品情所有能帮助商品促销的广告物或提供有关商品情报、服务、指示、引导等标识的都可以称为报、服务、指示、引导等标识的都可以称为报、服务、指示、引导等标识的都可以称为报、服务、指示、引导等标识的都可以称为POP POP 广告。广告。广告。广告。.1.1.2
4、报纸、杂志广告设计报纸、杂志广告设计 n n1.1.报纸广告设计报纸广告设计报纸广告设计报纸广告设计 在在在在报报报报纸纸纸纸广广广广告告告告设设设设计计计计过过过过程程程程中中中中应应应应注注注注意意意意广广广广告告告告的的的的艺艺艺艺术术术术表表表表现现现现性性性性,使广告具有针对性和突出性。使广告具有针对性和突出性。使广告具有针对性和突出性。使广告具有针对性和突出性。n n2.2.杂志广告设计杂志广告设计杂志广告设计杂志广告设计图图1-1图图图图1-11-1所所所所示示示示为为为为台台台台湾湾湾湾最最最最佳佳佳佳杂杂杂杂志金像奖得奖作品。志金像奖得奖作品。志金像奖得奖作品。志金像奖得奖作
5、品。.1.1.3 宣传卡、招贴设计宣传卡、招贴设计 n n1.1.宣传卡宣传卡宣传卡宣传卡 图图图图1-21-2所示为莫比杰广告奖中个人用品及礼品:所示为莫比杰广告奖中个人用品及礼品:所示为莫比杰广告奖中个人用品及礼品:所示为莫比杰广告奖中个人用品及礼品:贺卡设计二等奖作品。贺卡设计二等奖作品。贺卡设计二等奖作品。贺卡设计二等奖作品。图图图图1-21-2.1.1.3 宣传卡、招贴设计宣传卡、招贴设计n n2.2.招贴设计招贴设计招贴设计招贴设计 招贴设计应该具有的基本性质如下:招贴设计应该具有的基本性质如下:招贴设计应该具有的基本性质如下:招贴设计应该具有的基本性质如下:(1 1)具有绚丽的色
6、彩突出招贴的主体形象。)具有绚丽的色彩突出招贴的主体形象。)具有绚丽的色彩突出招贴的主体形象。)具有绚丽的色彩突出招贴的主体形象。(2 2)足够大的招贴画面。)足够大的招贴画面。)足够大的招贴画面。)足够大的招贴画面。(3 3)利用色彩、空间等因素,突出招贴画的主要)利用色彩、空间等因素,突出招贴画的主要)利用色彩、空间等因素,突出招贴画的主要)利用色彩、空间等因素,突出招贴画的主要内容。内容。内容。内容。(4 4)具有很高的艺术性。)具有很高的艺术性。)具有很高的艺术性。)具有很高的艺术性。.1.1.4 标志设计标志设计 n n根据标志使用的对象不同,分为如下几类:根据标志使用的对象不同,分
7、为如下几类:根据标志使用的对象不同,分为如下几类:根据标志使用的对象不同,分为如下几类:(1 1)公用标志:公共场所标志、交通标志、安全标)公用标志:公共场所标志、交通标志、安全标)公用标志:公共场所标志、交通标志、安全标)公用标志:公共场所标志、交通标志、安全标志、操作标志等。志、操作标志等。志、操作标志等。志、操作标志等。(2 2)地方标志:国家标志、地区标志、城市标志、)地方标志:国家标志、地区标志、城市标志、)地方标志:国家标志、地区标志、城市标志、)地方标志:国家标志、地区标志、城市标志、旅游区标志等。旅游区标志等。旅游区标志等。旅游区标志等。(3 3)企业、社团专用标志:商标、厂标
8、、会徽、会)企业、社团专用标志:商标、厂标、会徽、会)企业、社团专用标志:商标、厂标、会徽、会)企业、社团专用标志:商标、厂标、会徽、会标等。标等。标等。标等。(4 4)集体或个人标志:落款、印章、画押、签名等。)集体或个人标志:落款、印章、画押、签名等。)集体或个人标志:落款、印章、画押、签名等。)集体或个人标志:落款、印章、画押、签名等。.1.1.5 书籍装帧、包装装潢设计书籍装帧、包装装潢设计 n n1.1.书籍装帧书籍装帧书籍装帧书籍装帧 设计书籍的封面前应该注意的以下几个步骤:设计书籍的封面前应该注意的以下几个步骤:设计书籍的封面前应该注意的以下几个步骤:设计书籍的封面前应该注意的以
9、下几个步骤:(1 1)向作者或编辑了解书籍作品的内容。)向作者或编辑了解书籍作品的内容。)向作者或编辑了解书籍作品的内容。)向作者或编辑了解书籍作品的内容。(2 2)自己阅读作品,并根据书籍的内容确定封面)自己阅读作品,并根据书籍的内容确定封面)自己阅读作品,并根据书籍的内容确定封面)自己阅读作品,并根据书籍的内容确定封面的大体构造。的大体构造。的大体构造。的大体构造。(3 3)选择封面设计的材料、开本和印刷工艺。)选择封面设计的材料、开本和印刷工艺。)选择封面设计的材料、开本和印刷工艺。)选择封面设计的材料、开本和印刷工艺。n n2.2.包装装潢设计包装装潢设计包装装潢设计包装装潢设计 构构
10、构构成成成成要要要要素素素素有有有有:商商商商品品品品的的的的简简简简介介介介、出出出出色色色色的的的的广广广广告告告告词词词词、醒醒醒醒目目目目的的的的商标、品牌、鲜活的图像。商标、品牌、鲜活的图像。商标、品牌、鲜活的图像。商标、品牌、鲜活的图像。.1.2 平面设计的构成要素平面设计的构成要素 n n1.2.1 1.2.1 图案要素图案要素图案要素图案要素 插画插画插画插画 注册商标注册商标注册商标注册商标 画面轮廓线画面轮廓线画面轮廓线画面轮廓线n n1.2.2 1.2.2 色彩要素色彩要素色彩要素色彩要素 色相色相色相色相 明度明度明度明度 纯度纯度纯度纯度1.2.3 1.2.3 文案要
11、素文案要素文案要素文案要素 标题标题标题标题 广告语广告语广告语广告语 正文正文正文正文 附文附文附文附文.1.3 图像分辨率图像分辨率 n n1.3.1 1.3.1 打印分辨率打印分辨率打印分辨率打印分辨率 用打印机打印出的图像的每英寸所包含的点数就用打印机打印出的图像的每英寸所包含的点数就用打印机打印出的图像的每英寸所包含的点数就用打印机打印出的图像的每英寸所包含的点数就是这台打印机的输出分辨率。是这台打印机的输出分辨率。是这台打印机的输出分辨率。是这台打印机的输出分辨率。n n1.3.2 1.3.2 屏幕分辨率屏幕分辨率屏幕分辨率屏幕分辨率 屏幕分辨率(也叫网屏分辨率)是指打印灰度图屏幕
12、分辨率(也叫网屏分辨率)是指打印灰度图屏幕分辨率(也叫网屏分辨率)是指打印灰度图屏幕分辨率(也叫网屏分辨率)是指打印灰度图像或分色所用的每英寸网屏上的点数。像或分色所用的每英寸网屏上的点数。像或分色所用的每英寸网屏上的点数。像或分色所用的每英寸网屏上的点数。对角像素点数对角像素点数对角像素点数对角像素点数显示器英寸数显示器英寸数显示器英寸数显示器英寸数=DPI=DPI值。值。值。值。n n1.3.3 1.3.3 设备分辨率设备分辨率设备分辨率设备分辨率 设备分辨率指的是各类设备每英寸上可产生的点设备分辨率指的是各类设备每英寸上可产生的点设备分辨率指的是各类设备每英寸上可产生的点设备分辨率指的是
13、各类设备每英寸上可产生的点数数数数.1.4 色彩模式色彩模式 n n1.4.1 HSB1.4.1 HSB模式模式模式模式n n1.4.2 RGB1.4.2 RGB模式模式模式模式n n1.4.3 Lab1.4.3 Lab模式模式模式模式n n1.4.4 CMYK1.4.4 CMYK模式模式模式模式n n1.4.5 1.4.5 位图(位图(位图(位图(BitmapBitmap)模式)模式)模式)模式n n1.4.6 1.4.6 灰度(灰度(灰度(灰度(GrayscaleGrayscale)模式)模式)模式)模式.1.4.1 HSB模式模式 n n1.1.色相(色相(色相(色相(HH)n n2.2
14、.饱和度(饱和度(饱和度(饱和度(S S)n n3.3.亮度(亮度(亮度(亮度(B B)n n图图图图1-31-3所所所所示示示示为为为为HSBHSB模模模模式式式式的的的的颜颜颜颜色色色色变变变变化化化化图图图图,A A表表表表示示示示饱饱饱饱和和和和度,度,度,度,B B表示色相,表示色相,表示色相,表示色相,C C表示亮度,表示亮度,表示亮度,表示亮度,D D表示所有色相。表示所有色相。表示所有色相。表示所有色相。图图1-3.1.4.2 RGB模式模式 n n图图图图1-41-4所示为所示为所示为所示为RGBRGB模式的颜色变化图。模式的颜色变化图。模式的颜色变化图。模式的颜色变化图。图
15、图1-4.1.4.3 Lab模式模式 n n图图图图1-51-5所示为所示为所示为所示为LabLab模式的颜色变化,模式的颜色变化,模式的颜色变化,模式的颜色变化,A A表示亮度,表示亮度,表示亮度,表示亮度,B B表示绿色到红色的光谱变化,表示绿色到红色的光谱变化,表示绿色到红色的光谱变化,表示绿色到红色的光谱变化,C C表示蓝色到黄色表示蓝色到黄色表示蓝色到黄色表示蓝色到黄色的光谱变化,的光谱变化,的光谱变化,的光谱变化,D D表示亮度为表示亮度为表示亮度为表示亮度为0 0,即是黑色。,即是黑色。,即是黑色。,即是黑色。图图1-5.1.4.4 CMYK模式模式 n n图图图图1-61-6所
16、示为所示为所示为所示为CMYKCMYK模式的颜色变化图。模式的颜色变化图。模式的颜色变化图。模式的颜色变化图。图图1-6.1.4.5 位图(位图(Bitmap)模式)模式 n n位图模式用两种颜色(黑和白)来表示图像中的位图模式用两种颜色(黑和白)来表示图像中的位图模式用两种颜色(黑和白)来表示图像中的位图模式用两种颜色(黑和白)来表示图像中的像素。位图模式的图像也叫黑白图像。因为其深像素。位图模式的图像也叫黑白图像。因为其深像素。位图模式的图像也叫黑白图像。因为其深像素。位图模式的图像也叫黑白图像。因为其深度为度为度为度为1 1,也称为一位图像。,也称为一位图像。,也称为一位图像。,也称为一
17、位图像。.1.4.6 灰度(灰度(Grayscale)模式)模式 n n灰度图像的每个像素有一个灰度图像的每个像素有一个灰度图像的每个像素有一个灰度图像的每个像素有一个0 0(黑色)到(黑色)到(黑色)到(黑色)到255255(白(白(白(白色)之间的亮度值。灰度值也可以用黑色油墨覆色)之间的亮度值。灰度值也可以用黑色油墨覆色)之间的亮度值。灰度值也可以用黑色油墨覆色)之间的亮度值。灰度值也可以用黑色油墨覆盖的百分比来表示(盖的百分比来表示(盖的百分比来表示(盖的百分比来表示(0%0%等于白色,等于白色,等于白色,等于白色,100%100%等于等于等于等于黑色)。黑色)。黑色)。黑色)。.1.
18、5 计算机图像类型及格式计算机图像类型及格式 n n1.5.1 1.5.1 位图图像位图图像位图图像位图图像n n1.5.2 1.5.2 矢量图形矢量图形矢量图形矢量图形.1.5.1 位图图像位图图像 n n1.BMP1.BMP格式格式格式格式n n2.GIF2.GIF格式格式格式格式n n3.JPG/JPGE3.JPG/JPGE格式格式格式格式n n4.TIF/TIFF4.TIF/TIFF格式格式格式格式n n5.PSD5.PSD格式格式格式格式.1.5.2 矢量图形矢量图形 n n1.EPS1.EPS格式格式格式格式n n2.CDR2.CDR格式格式格式格式n n3.AI3.AI格式格式格
19、式格式 n n4.DXF4.DXF格式格式格式格式n n5.HGL5.HGL格式格式格式格式n n6.PIF6.PIF格式格式格式格式n n7.PS7.PS格式格式格式格式 n n8.PCT8.PCT格式格式格式格式n n9.DRW9.DRW格式格式格式格式.1.6 图形图像处理软件图形图像处理软件 n n1.6.1 1.6.1 图像处理软件图像处理软件图像处理软件图像处理软件 1.Adobe Photoshop 1.Adobe Photoshop 2.Corel PHOTO-PAINT 2.Corel PHOTO-PAINT 3.PHOTO-PAINT 3.PHOTO-PAINTn n1.6
20、.2 1.6.2 图形制作软件图形制作软件图形制作软件图形制作软件 1.CorelDRAW 1.CorelDRAW 2.Adobe Illustrator 2.Adobe Illustrator 3.FreeHand 3.FreeHand.1.7 图像搜集图像搜集 n n1.7.1 1.7.1 利用数码相机获取图像利用数码相机获取图像利用数码相机获取图像利用数码相机获取图像n n1.7.2 1.7.2 利用扫描仪获取图像利用扫描仪获取图像利用扫描仪获取图像利用扫描仪获取图像n n1.7.3 1.7.3 利用抓图工具获取图像利用抓图工具获取图像利用抓图工具获取图像利用抓图工具获取图像n n1.7
21、.4 1.7.4 网上下载网上下载网上下载网上下载.小结小结n n本章主要介绍了图形图像的基础知识,包括平面本章主要介绍了图形图像的基础知识,包括平面本章主要介绍了图形图像的基础知识,包括平面本章主要介绍了图形图像的基础知识,包括平面设计的基本类型、平面设计构成要素、图像分辨设计的基本类型、平面设计构成要素、图像分辨设计的基本类型、平面设计构成要素、图像分辨设计的基本类型、平面设计构成要素、图像分辨率、色彩模式、图形图像格式、图形图像处理软率、色彩模式、图形图像格式、图形图像处理软率、色彩模式、图形图像格式、图形图像处理软率、色彩模式、图形图像格式、图形图像处理软件和图像搜集等方面的内容。件和图像搜集等方面的内容。件和图像搜集等方面的内容。件和图像搜集等方面的内容。n n重点:平面设计构成要素。重点:平面设计构成要素。重点:平面设计构成要素。重点:平面设计构成要素。n n难点:图像分辨率和色彩模式的概念、图像类型难点:图像分辨率和色彩模式的概念、图像类型难点:图像分辨率和色彩模式的概念、图像类型难点:图像分辨率和色彩模式的概念、图像类型及格式。及格式。及格式。及格式。.感谢亲观看此幻灯片,此课件部分内容来源于网络,感谢亲观看此幻灯片,此课件部分内容来源于网络,如有侵权请及时联系我们删除,谢谢配合!如有侵权请及时联系我们删除,谢谢配合!