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

《计算机辅助平面设计课件.ppt》由会员分享，可在线阅读，更多相关《计算机辅助平面设计课件.ppt（50页珍藏版）》请在淘文阁 - 分享文档赚钱的网站上搜索。

1、计算机平面艺术设计计算机平面艺术设计主讲：徐小欢主讲：徐小欢电话：电话：1521835852915218358529E-mailE-mail：第一章第一章 平面设计概论平面设计概论第二章第二章 平面设计常用的软件平面设计常用的软件第三章第三章 PSPS平面设计基础知识平面设计基础知识第四章第四章 CISCIS设计基础知识设计基础知识第五章第五章 CDCD平面设计基础知识平面设计基础知识第一章第一章 平面设计概论平面设计概论 平面设计（平面设计（graphic design）的定义：）的定义：平面设计是将不同的基本图形，按照一定平面设计是将不同的基本图形，按照一定的规则在平面上组合成图案的设计方

2、式，的规则在平面上组合成图案的设计方式，其主要在二度空间范围之内描绘形象。其主要在二度空间范围之内描绘形象。平面设计的分类：网页设计、包装设计、平面设计的分类：网页设计、包装设计、广告设计、海报设计、书籍设计、刊物设广告设计、海报设计、书籍设计、刊物设计、计、VI设计设计 等。等。一、设计的基本要求：一、设计的基本要求：（1）简洁易懂（2）富于创造性和新颖性（3）要有强烈的视觉冲击（4）准确可信（5）表达要适合广告对象（6）容易使人记住（7）要引起人们的共鸣（8）宣传内容要健康、积极向上二、设计的程序二、设计的程序（1）构思草图（2）终稿草图（3）正稿三、页面的尺寸与比例三、页面的尺寸与比例

3、画布的尺寸比例画布的尺寸比例没有单一最美的，但没有单一最美的，但有最合适的比例：有最合适的比例：与信息相适应与信息相适应 与功能相适应与功能相适应 与成本相适应与成本相适应 中国常见开本尺寸如下：中国常见开本尺寸如下：(单位：单位：mm)mm)正度纸张：正度纸张：787 x 1092787 x 1092；对开；对开-736 x 520736 x 520；4 4开开-520 x 368-520 x 368；8 8开开-368-368 x 260 x 260；1616开开-260 x 184-260 x 184；3232开开-184-184 x 130 x 130；大度纸张：大度纸张：850 x

4、1168850 x 1168；对开；对开-570 x 840570 x 840；4 4开开-420 x 570-420 x 570；8 8开开-285-285 x 420 x 420；1616开开-210 x 285-210 x 285；3232开开-203 x-203 x 140140。四、字体设计基础四、字体设计基础 在平面设计中字体占据重要的作用，其排列方式，字体形式直接影响整个平面作品的效果，文字设计的具体原则：1 文字的可阅读性 2 赋予文字个性 3 在视觉上应给人以美感 4 在设计上富于创造性 5 重点突出 文字排版注意事项：文字排版注意事项：1.1.根据一定的比例在页面中设定不同

5、的根据一定的比例在页面中设定不同的字号字号 2.2.供长时间阅读的正文字体一般使用供长时间阅读的正文字体一般使用8-10pt(8-10pt(点）点）字号字号 3.3.如果中文字体与西文字体混合使用的话，如果中文字体与西文字体混合使用的话，中文中文字号应该比西文字号小字号应该比西文字号小0.5pt0.5pt左右左右 4.4.避免过大的避免过大的字间距字间距；一般情况下，一般情况下，宋体字宋体字的可辨识度要比黑体要的可辨识度要比黑体要高，英文高，英文VerdanaVerdana字体会具有比其他一般字体更高字体会具有比其他一般字体更高的的可辨识度可辨识度；一段话：英文长度是一段话：英文长度是100%

6、100%I love you 中文长度是中文长度是60%60%我爱你我爱你 德文长度是德文长度是120%120%ich liebe dich 对西文字体来说，字号或字体大小是从大写字对西文字体来说，字号或字体大小是从大写字母顶端延伸到其它字母的底部：母顶端延伸到其它字母的底部：对中文字体来说，字号或字体大小是对中文字体来说，字号或字体大小是全角字框全角字框的的大小：大小：第二章第二章 平面设计常用的软件平面设计常用的软件（1 1）Photoshop Photoshop（2 2）CorelCoreldrawdraw（3 3）Freehand Freehand （4 4）IllustratorIl

7、lustrator PS PS是常用的图像编辑软件，一般照相馆都少不了是常用的图像编辑软件，一般照相馆都少不了它，它能够处理出绝佳的图片效果，我们设计专业主它，它能够处理出绝佳的图片效果，我们设计专业主要用它来处理图片，制作平面广告、标志、上色、排要用它来处理图片，制作平面广告、标志、上色、排版、版、3D3D效果图的后期处理等；效果图的后期处理等；CDCD绘制的是矢量图，矢量图最大的特点是不会失绘制的是矢量图，矢量图最大的特点是不会失真的，放得再大跟分辨率没关系，多用于制作真的，放得再大跟分辨率没关系，多用于制作CICI（企（企业识别业识别,CI,CI包括三个构成要素：包括三个构成要素：MIM

8、I、BIBI、VI VI）；）；矢量绘图软件领域中矢量绘图软件领域中Illustrator、CD和和 FreeHand占主流地位，就占主流地位，就FreeHand来来说有它独特的优势：体积不像说有它独特的优势：体积不像Illustrator、CD那样庞大，那样庞大，十分十分“苗条苗条”，运行速度快，运行速度快，与其他软件产品（如与其他软件产品（如Flash,Fireworks等）等）兼容性高兼容性高。特别是其文字处理功能尤为人。特别是其文字处理功能尤为人称道，甚至可与一些专业文字处理软件媲称道，甚至可与一些专业文字处理软件媲美美。Photoshop Photoshop 的历史：的历史：Adob

9、e Adobe photoshopphotoshop重要版本历史重要版本历史:1988 1988年年Photoshop 0.63Photoshop 0.63 1.0 1.02.02.02.52.53.03.04.04.05.05.06.06.07.07.07.0.17.0.1；20032003年年1010月推出月推出Photoshop Photoshop CS(8.0)CS(8.0)，增加阴影，增加阴影/高光命令，高光命令，颜色匹配命令，镜头模糊颜色匹配命令，镜头模糊 滤镜滤镜等命令（等命令（CSCSCreative Creative SuitSuit）；）；20082008年年9 9月推出月

10、推出Photoshop Photoshop CS4CS4，有一百多项创新，并注重，有一百多项创新，并注重简化流程、提高设计效率，支持简化流程、提高设计效率，支持基于内容的智能缩放，更大容量基于内容的智能缩放，更大容量内存。内存。PhtoshopPhtoshop的主要设计师是的主要设计师是Thomas KnollThomas Knoll和其弟和其弟John KnollJohn KnollPhotoshopPhotoshop是一个图像处理软件，可进行平面设计、是一个图像处理软件，可进行平面设计、CICI（标志）设计、照片编辑、网页设计、排版、（标志）设计、照片编辑、网页设计、排版、3D3D模型后期

11、渲染出图、绘画；模型后期渲染出图、绘画；矢量图：是根据几何特性绘制的矢量图：是根据几何特性绘制的图形，它包含独立的分离图像，占用图形，它包含独立的分离图像，占用空间小，矢量图放大后图像不会失真，空间小，矢量图放大后图像不会失真，与分辨率无关，适用于图形、文字、与分辨率无关，适用于图形、文字、标志和版式设计中。标志和版式设计中。但这种图形的缺但这种图形的缺点是点是不易制作位图那样色调丰富绚丽不易制作位图那样色调丰富绚丽的图像的图像。位图：也叫点阵图，像素图。是位图：也叫点阵图，像素图。是基于多个方形像素组合起来的图像，基于多个方形像素组合起来的图像，构成位图的最小单位是像素，每个像构成位图的最小

12、单位是像素，每个像素有自己的颜色信息，数码相机拍摄素有自己的颜色信息，数码相机拍摄的照片就是典型的位图图像，我们可的照片就是典型的位图图像，我们可以改变图像的色相、饱和度、明度等，以改变图像的色相、饱和度、明度等，从而改变图像的显示效果。从而改变图像的显示效果。第三章第三章 PS平面设计基础知识平面设计基础知识 照片的品质：即保存照片时所显示的照片照片的品质：即保存照片时所显示的照片质量，品质越高，照片占用的空间越大，质量，品质越高，照片占用的空间越大，品质越低，则越小。品质越低，则越小。分辨率分辨率 图像的分辨率：分辨率越高，图像越清晰，图像的分辨率：分辨率越高，图像越清晰，常用图纸分辨率为

13、常用图纸分辨率为150，300或或350像素像素/英英寸，寸，0至至2号大图纸的分辨率为号大图纸的分辨率为72或或150像素像素/英寸；英寸；电脑屏幕分辨率：电脑屏幕分辨率：PC（pc-dos）显示器分）显示器分辨率为辨率为96像素像素/英寸，英寸，Mac（mac-os）显）显示器的分辨率为示器的分辨率为72像素像素/英寸；英寸；输出分辨率：是照相机或打印机等输出设输出分辨率：是照相机或打印机等输出设备产生的每英寸的油墨点数（备产生的每英寸的油墨点数（dpi），打印），打印机的分辨率在机的分辨率在720 dpi以上。以上。4、计算机图像的色彩模式、计算机图像的色彩模式 色彩模式是指同一属性下的

14、不同颜色的集合。色彩模式是指同一属性下的不同颜色的集合。它能方便用户使用各种颜色，而不必在反复使用它能方便用户使用各种颜色，而不必在反复使用时对颜色进行重新调配。时对颜色进行重新调配。常用的模式包括：常用的模式包括：RGB模式、模式、Lab模式、模式、HSB模式、模式、CMYK模式。模式。1 1 RGBRGB色彩模式是色彩模式是工工业业界的一种界的一种颜颜色色标标准，是通准，是通过对红过对红(R)(R)、绿绿(G)(G)、蓝蓝(B)(B)三个三个颜颜色通道的色通道的变变化以及它化以及它们们相互之相互之间间的叠加来的叠加来得到各式各得到各式各样样的的颜颜色色的，的，RGBRGB即是代表即是代表红

15、红绿绿、蓝蓝三个通道的三个通道的颜颜色，色，这这个个标标准几乎包准几乎包括了人括了人类视类视力所能感力所能感知的所有知的所有颜颜色，是目色，是目前运用最广的前运用最广的颜颜色系色系统统之一。之一。2 Lab色彩模式色彩模式是国际明度协会定义的颜色，是国际明度协会定义的颜色，几乎是最广的颜色定义，几乎是最广的颜色定义，色域大于色域大于RGB更更大于大于CMYK。它是由它是由RGB三原色转换而来的，是三原色转换而来的，是RGB模式转换为模式转换为 CMKY模式和模式和 HSB模式的模式的桥梁桥梁。它是一种具有它是一种具有”独立于设备独立于设备”的颜色模的颜色模式，不论式，不论在任何显示器或打印机上

16、使用，在任何显示器或打印机上使用，都不变色都不变色。3 3 HSBHSB色彩模式色彩模式是把颜色分为色相、饱和度、明是把颜色分为色相、饱和度、明度三个因素。注意它将我们人脑的度三个因素。注意它将我们人脑的“深浅深浅”概念概念扩展为饱和度扩展为饱和度(S)(S)和明度和明度(B)(B)。所谓饱和度相当于。所谓饱和度相当于家庭电视机的色彩浓度，饱和度高色彩较艳丽，家庭电视机的色彩浓度，饱和度高色彩较艳丽，饱和度低色彩就接近灰色。明度也称为亮度，等饱和度低色彩就接近灰色。明度也称为亮度，等同于彩色电视机的亮度，亮度高色彩明亮，亮度同于彩色电视机的亮度，亮度高色彩明亮，亮度低色彩暗淡，亮度最高得到纯白

17、，最低得到纯黑。低色彩暗淡，亮度最高得到纯白，最低得到纯黑。HSBHSB色彩色彩常用于在平面设计时对色彩的调整中常用于在平面设计时对色彩的调整中。4 CMYK色彩模式色彩模式是专是专门用来印刷的颜色。是通门用来印刷的颜色。是通过对青过对青(C)、洋红、洋红(M)、黄、黄(Y)、黑、黑(K)四个颜色变化四个颜色变化和叠加来得到各种颜色的，和叠加来得到各种颜色的，CMYK即即四种印刷专用的四种印刷专用的油墨颜色油墨颜色，也是，也是PS软件中软件中四个通道的颜色。四个通道的颜色。具体到印刷上，是通过具体到印刷上，是通过控制青、洋红、黄、黑四控制青、洋红、黄、黑四色油墨在纸张上的相叠印色油墨在纸张上的

18、相叠印刷来产生色彩的，它的颜刷来产生色彩的，它的颜色种数少于色种数少于RGB色。色。2 2、图像的文件格式、图像的文件格式 “文件名文件名.扩展名扩展名”1.TIFF(Tag Image File Format)文件文件 压缩压缩采用的是采用的是LZW无无损压缩损压缩方案方案，在桌面印，在桌面印刷排版中是最受刷排版中是最受欢欢迎的迎的图图形文件格式，其形文件格式，其文件的文件的扩展名为扩展名为.tif或或.tiff。在在Photoshop中，中，*.tif文文件可以支持件可以支持24个通道，是除了个通道，是除了Photoshop自身格式自身格式以外，惟一能存以外，惟一能存储储多于多于4个通道的

19、文件格式。个通道的文件格式。2.JPEG文件文件 JPEG是一种高效率的是一种高效率的24位图像文件压缩格位图像文件压缩格式，同样一幅图像式，同样一幅图像，用，用JPEG格式存储的文件是格式存储的文件是其他类型文件的其他类型文件的1/101/20，通常只有几十，通常只有几十KB，而颜色深度仍然是而颜色深度仍然是24位，其位，其质量损失非常小质量损失非常小。JPEG文件的扩展名为文件的扩展名为.jpg或或.jpeg。3.GIF(Graphics Interchange Format)文件 可以同时存储若干静止图像进而可以同时存储若干静止图像进而形成动形成动画画。GIFGIF文件文件扩扩展名展名为

20、为.gif.gif。4.PSD文件文件 是著名的是著名的Adobe公司的图像处理软件公司的图像处理软件Photoshop的专用格式的专用格式Photoshop Document（PSD）。）。PSD其实是其实是Photoshop进行平面设计的一张进行平面设计的一张草稿图草稿图，它里面包含有各种图层、通道、遮罩，它里面包含有各种图层、通道、遮罩等多种设计的样稿，等多种设计的样稿，以便于下次打开文件时可以以便于下次打开文件时可以修改上一次的设计修改上一次的设计。在。在Photoshop所支持的各种所支持的各种图像格式中，图像格式中，PSD的存取速度比其它格式快很多的存取速度比其它格式快很多，功能也

21、很强大。功能也很强大。55、BMP(BitmapBMP(Bitmap)文件文件 66、PNGPNG文件文件77、CDRCDR格式格式 是著名绘图软件是著名绘图软件CorelDRAWCorelDRAW的专用图形文件格的专用图形文件格式式 88、SWFSWF格式格式 推荐：推荐：书籍：书籍：设计中的设计（日）原研哉戴枷锁的设计Design in handcuffs（美）帕特.马特松.耐普网站：网站：Core77设计在线中国设计之窗中国设计网址导航设计艺术家网创意市集 http:/ CISCIS设计基础知识设计基础知识 一、一、CISCIS定义定义 CIS是Corporate Identity Sy

22、stem的缩写，即企业（形象）识别系统。CIS是企业将其理念精神、企业文化及生产流通等企业经营的所有因素，通过整体统一的传达系统（尤其是视觉传达设计）进行规划设计，形成具有代表性质的传播元素，传达给企业的关系者（包括企业内部与社会大众），从而使公众产生一致的认同感和价值观，以获得良好的经济效益和社会效益。二、CIS的功能1.识别功能2.管理功能3.传播功能4.协调功能二、CIS的构成要素1.MI（Mind Identity）理念识别 包括企业精神文化、经营理念策略、企业价值观等内容。2.BI（Behavior Identity）行为识别 包括企业制度、员工教育、生产环境、技术特征。3.VI(V

23、isual Identity）视觉识别 企业文化观企业文化观：有生于无；企业形象用语企业形象用语：真诚到永远。LenovoLenovo街头促销街头促销 VI(Visual Identity）视觉识别包括（1）VI基础要素系统：标准名称，标志，标准字，标准色彩，辅助色彩，标志标准组合，辅助图形，企业（组织）吉祥物等。（2）VI的应用系统 办公用品（名片、信封、公文袋、工作证、旗帜），员工服饰，展示与环境，产品造型与包装，交通工具，广告与促销等。VIVI基础要素系统基础要素系统1 标准名称2 2 标志标志（1）标志种类：文字标志 图形标志 文字图形结合标志（2）标志设计原则：识别性原则引人注目的视觉原则信息传达的准确性原则传播载体的适用性原则艺术化和时代性原则3 3 标准字标准字4 标准色彩 色彩的物理属性色彩的物理属性 色彩的心理属性色彩的心理属性 色彩的文化属性色彩的文化属性5 辅助色彩6 标志标准组合7 辅助图形8 8 企业（组织）吉祥物企业（组织）吉祥物VIVI的应用系统的应用系统办公用品（名片、信封、公文袋、工作证、旗帜）办公用品（名片、信封、公文袋、工作证、旗帜）产品造型与包装产品造型与包装展示与环境展示与环境交通工具交通工具员工服饰员工服饰CorelDraw作业：T恤&环保袋 设计要求：以coreldraw软件完成提交时间：6月7日（星期二）上课当天