第1章-平面设计的基础知识.pptx

1、1.1关于平面设计1.2平面设计中的有关概念1.3平面设计与印刷工艺1.4初识Photoshop和CorelDRAW1.5与设计相关的基础设置 目录/Contents平面设计的基础知识1.6印前检查与导出小样 课堂学习目标 了解平面设计 位图与矢量图 像素与分辨率 文件格式 印刷设置 文件大小设置 出血 印前检查、导出小样4 1 1.1 1 关关于于平平面面设设计计 1.1.1什么是平面设计 平面设计是科技与艺术的结合，是商业社会的产物。平面设计不仅需要符合大众的审美性，同时还要具有实用性，只有这样才能让设计中的多种元素引起人们心灵上的振动。平面设计的形式是多种多样的，目前常见的平面设计项目，

2、可以归纳为网页设计、包装设计、DM广告设计、海报设计、平面媒体广告设计、POP广告设计、样本设计、书籍设计、刊物设计和VI设计十大类。图1-1所示为一个儿童玩具包装设计效果，图1-2所示为油漆广告设计效果。图1-1 图1-21.1.2平面设计的构成要素1点所有物体缩小到一定程度都能产生不同形态的点。由于点的单个视觉形象没有什么表现力，因此可以将它与其他元素进行组合、排列。利用点的大小、排列方向与距离的变化可以设计出活泼、轻巧等富有节奏韵律感的画面。图1-3和图1-4所示为点在平面设计中的应用。图1-3图1-42线线按照其移动轨迹的不同可分为直线、曲线、折线以及三者的混合。如图1-5、图1-6和

3、图1-7所示，在这3幅平面设计作品中，均可以看到组成设计效果中的线条。图1-5 图1-6 图1-73面面是由线的移动而形成的，可以将面理解为在一定范围内点的扩大或聚集。面是相对较大的形象，它具有位置、方向、形状以及长宽两度空间等特征。在平面构成中，面也分为不同的类型，而不同类型的面给人的感受和特征也会有很大的差别，大致可以把面分为几何面、有机形体面、无规则的面和自由形态的面4种。图1-8和图1-9所示为使用不同比例的矩形或色块分割画面，使设计出的作品更有层次感，具有较强的形式美感。图1-8 图1-91.1.3设计中的元素构成方法1重复构成重复构成是将两个以上的基本形重复出现在画面上的一种构成形

4、式，把视觉形象秩序化、整齐化，使画面显得更统一，富有节奏感。重复构成分为绝对重复构成和相对重复构成。绝对重复构成是指构成画面结构的每个单元相等，且每个单元的基本形完全相同；相对重复构成则是指构成的基本形在色彩、大小、方向和细节造型等方面都可以发生改变，框架结构更为灵活。图1-10和图1-11所示均为重复构成效果。图1-10 图1-112近似构成近似构成是指构成元素的形状、大小、色彩、肌理等方面具有一定的形态变化且它们之间具有相似的特征从而产生一定的构成效果。近似构成包括形状的近似构成和骨骼的近似构成。形状的近似构成是指在设计的骨骼框架内，每个骨骼单元里的基本形发生变化但骨骼结构一致；骨骼的近似

5、构成则是指每个骨骼单元里发生一定的加、减、变形等变化，但保持近似的效果。在平面设计中，通常各元素的近似构成也能够设计出极具冲击力与感染力的画面效果。图1-12和图1-13所示的广告作品，均是采用近似构成法所设计出的汽车广告，画面中利用部分元素的造型变化，呈现出了简洁而富有感染力的作品。图1-12 图1-133对比构成对比在我们的生活中无处不在，将其运用在平面设计中，利用各元素大小、方向等因素的对比关系，能够更为直观地表现设计者的创作思想。对比构成一般可分为大小对比构成、方向对比构成、排列对比构成、聚散对比构成等。图1-14和图1-15所示为采用远近、大小对比构成法制作的海报效果。图1-14 图

6、1-154特异构成特异构成是指在一组富有规律的图形中，将其中一个元素加以改变，使其以违反常态的形式出现在画面中，给观者造成巨大的视觉反差，让其成为画面的视觉焦点，从而达到突显作品主题的目的。在平面设计中，特异构成的手法一般分为基本形特异、色彩特异、规则特异、骨骼特异等。图1-16所示的平面设计中，在大面积的粉色人物元素中突然出现了一个黄色的人物元素，强烈的色彩反差，使其从画面中突显出来，让整个画面具有较强的吸引力。如图1-17所示，在此平面设计中以文字作为主要表现对象，在较小的字符版面中，将其中一个文字放大突出显示，构成具有视觉冲击力的画面效果，图1-18所示中图像采用不同的肌理加以表现，这些

7、不同的纹理能带给读者不一样的视觉感受。图1-16 图1-17 图1-185渐变构成渐变是一种符合规则的自然现象，如自然界中物体近大远小的透视现象、逐渐消失的现象等。在平面设计中，经常会将版面中的视觉元素，从大小、位置、色彩等方面进行编排处理，使其以渐变的形式呈现在观者的眼前。这种渐变构成的画面多富韵律感与节奏感。平面设计中的渐变构成可以是大小渐变、位置渐变、色彩渐变3种不同的渐变。图1-19和图1-20所示为渐变构成法设计的广告效果。图1-19 图1-206发射构成发射是在设计中常用的组织画面的手法。在平面设计中，发射式的构成方法往往能给人一种极强的张力感，能赋予版面延伸性与空间感。常见的发射

8、构成方法分为点的发射、线的发射、离心发射和向心发射4种，不同的发射构成，给予观者的心理感觉也不尽相同。图1-21和图1-22所示是为某品牌的果汁所设计的宣传广告，采用了离心发射构成方法，具有极强的视觉冲击力。图1-21 图1-22 1.2.1位图与矢量图位图图像也称为点阵图像，它是由许多单独的小方块组成，这些小方块也称为像素点，每个像素点都有特定的位置和颜色值。位图图像的显示效果与像素点是紧密相关的，不同排列和着色的像素点在一起组成了一幅幅色彩丰富的图像。一张图像中所包含的像素点越多，图像的分辨率就越高，同时图像文件也就越大。位图图像经过放大后，可以看到组成位图图像的像素点。图1-23所示为一

9、张原始图像，使用“放大工具”放大图像后，可以清晰地看到像素的小方块形状与不同颜色，如图1-24所示。1 1.2 2 平平面面设设计计中中的的有有关关概概念念 图1-23 图1-24矢量图也称为向量图，它根据几何特性来描绘图像。矢量图中的各种图像称为对象，其中每一个对象都是独立的个体，它记录的是对象的几何形状、线条粗细和色彩等。矢量图与图像分辨率、图像大小无关，将矢量图放大后图像不会失真，即不会产生锯齿效果。在任何分辨率下显示或打印矢量图时，都不会导致图像的细节损失。图1-25所示为原始的图像效果，使用“放大工具”放大图像后，看到图像的清晰度没有发生变化，如图1-26所示。图1-25 图1-26

10、1.2.2像素与分辨率像素是组成位图图像最基本的元素。每一个像素都具有自己的位置，并记载着图像的颜色信息，一个图像包含的像素越多，颜色信息就越丰富，图像效果也会更好，但图像文件也会随之增大。分辨率是指单位面积里所包含的像素的数量，它的单位通常为像素/英寸(ppi)，如72ppi表示每英寸包含72个像素点，300ppi表示每英寸包含300个像素点。分辨率决定了位图细节的精细程度，通常情况下，分辨率越高，包含的像素就越多，图像就越清晰。如图1-27所示为分辨率300dpi的高像素图像，将其放大后，画面效果依然清晰；而图1-28所示则为打开的分辨率为72dpi的图像，将图像局部放大后图像变得模糊。图

11、1-27 图1-281.2.3颜色模式1RGB模式RGB模式是基于光学原理的，这种模式用红（R）、绿（G）、蓝（B）三色光按照不同的比例和强度混合得到各种颜色。RGB模式是视频色彩模式，网络、视频播放和电子媒体展示均使用RGB模式。在Photoshop中的“通道”面板中显示如图1-29所示，在CoreDRAW中的“均匀填充”对话框中选择RGB模式，显示如图1-30所示的色彩效果。图1-29 图1-302CMYK模式CMYK模式代表印刷上使用的4种油墨色，即青色（C）、洋红（M）、黄色（Y）、黑色（K）。在CMYK颜色模式下，Photoshop中“通道”面板会显示青色、洋红、黄色、黑色4种颜色通

12、道，如图1-31所示。用户可以利用Photoshop中的“颜色”面板对CMYK颜色值进行更改，如图1-32所示；也可以在CorelDRAW中利用“均匀填充”对话框设置不同的CMYK颜色值，如图1-33所示。图图1-31 图图1-32 图图1-333灰度模式灰度模式是一种黑白的色彩模式，通过从0255种不同等级的明度变化来表现色彩的变化。灰度模式的图像不包含颜色，当把一个彩色文件转换为灰度模式文件时，所有的颜色信息都将丢失，此时，在Photoshop的“通道”面板中只包含一个灰色通道，如图1-34所示。在灰度模式中，图像中的每个像素都有一个0255之间的亮度值，灰度最高的黑即为100%，也就是纯

13、黑；灰度最低的黑即为0%，也就是纯白。将文件设置为灰度模式后，在Photoshop中的“颜色”面板如图1-35所示，在CorelDRAW中的“均匀填充”对话框中的选项如图1-36所示。图1-34 图1-35 图1-364Lab模式Lab模式是一种描述颜色的科学方法，它将颜色分为了L、a和b3种成分，其中L表示亮度，用来描述颜色的明暗程度；a表示从深绿（低亮度值）到灰色（中亮度值）到亮粉色（高亮度值）的颜色范围；b表示从亮蓝色（低亮度值）到灰色到焦黄色（高亮度值）的颜色范围。在Lab颜色模式下，Photoshop中的“通道”面板将显示对应的明度和a、b通道。如图1-37所示，用户可利用“颜色”面

14、板更改L、a、b颜色值，如图1-38所示。在CorelDRAW中的“均匀填充”对话框中，也可在“模型”下拉列表中选择Lab选项，设定L、a、b的值，如图1-39所示。图1-37 图1-38 图1-395HSB模式HSB模式是一种从视觉角度定义的颜色模式，它把颜色分为色相、饱和度和明度3个因素。在HSB模式中，H（hues）表示色相，S（saturation）表示饱和度，B（brightness）表示亮度。在Photoshop和CorelDRAW中可以分别利用“颜色”面板和“均匀填充”对话框创建和编辑图像的HSB颜色，如图1-40和图1-41所示。图1-40 图1-411.2.4文件格式文件格式

15、是指计算机在存储信息时所使用的一种编码方式，用于识别内部存储的文件和资料。1PSD格式2CDR格式3JPEG格式4GIF格式5PNG格式6TIFF格式7BMP格式1.3.1平面印刷的特点1涉及范围广2制作加工工艺较复杂图1-42、图1-43和图1-44所示为采用了不同后期工艺印刷的平面印刷效果。3对图像质量要求高4无法对印刷成品进行修改 1 1.平平面面设设计计与与印印刷刷工工艺艺 图图1-42 图图1-43 图图1-441.3.2平面印刷的种类1刊物印刷刊物是指定期和不定期的出版发行物，通常包括报纸、杂志等。刊物通常会有自己固定的受众群，相对较稳定。图1-45所示为报纸的印刷效果，图1-46

16、所示为杂志的印刷效果，此类印刷对图像质量要求较高。图1-45 图1-462书籍印刷书籍的印刷应根据书籍内容所涉及的知识领域，以及所针对的受众群体来选择制作印刷的材质和其他相关的具体要求。如图1-47和图1-48所示，图像中所展示的书籍内容涉及的图形和图片较多，所以在印刷制作时对图像的分辨率和色彩的真实度要求较高。图1-47 图1-483包装印刷包装具有方便使用，以及对产品本身进行介绍和宣传展示的功能。包装印刷是以保护和美化产品为直接目的而采用的一种印刷方式和印后加工处理技术。按照产品的性质，可以将包装设计分为销售包装、储运包装等。图1-49、图1-50和图1-51所示为3张不同的产品包装图，从

17、图中可以看出选用不同材质包装出的产品印刷后的效果也有所区别。图1-49 图1-50 图1-514招贴海报印刷招贴海报是指用于在公共场所张贴的印刷宣传品，是平面广告里最为特殊的一种形式。招贴海报分为商业招贴、公益招贴、艺术招贴、电影招贴和公共招贴5大类。招贴海报具有发布信息快、认知率高、制作成本低等特点，对于最终成品效果和美感度的要求相对较高。图1-52、图1-53和图1-54所示为招贴海报的效果。图1-52 图1-53 图1-545平面媒体广告印刷广告是对产品的一种宣传手段，它以消费者为直接的受众群体，向其传达直接的版面内容信息。根据平面广告登载依附的媒体介质的不同，可分为样本广告、POP广告

18、、DM直邮广告、报纸广告、杂志广告等。图1-55所示为杂志内页广告，这类广告具有介绍充分、内容仔细详尽、图文并茂、印刷精致美观的特点；图1-56所示为DM广告，这种广告信息传达较准确，印刷相对较简单。图1-55 图1-566特殊印刷特殊印刷是指不以纸张为基准印刷材料来表现的印刷方式，从最基本的素材来看，特殊印刷有玻璃、塑胶、织物、金属、铝箔等。每种特殊材料的印刷表现都能展现其独特的个性，在日常生活中被广泛地使用和传播。图1-57和图1-58所示分别展示了在玻璃材料和塑料材料上的印刷效果。图1-57 图1-581.3.3平面印刷的常用尺寸在进行平面设计时，首先需要确定的就是印刷成品的尺寸大小。对

19、于印刷品的幅面大小，通常用“开”或“开本”作为单位。通常在不浪费纸张、便于印刷和装订的前提下，把一张全开纸裁切成面积相等的若干小张就叫多少开数或开本数，常用的印刷开本有16开、32开、64开等。开本分为标准开本和异形开本两类。1标准开本标准开本的宽度和长度比通常为11.414，标准开本按横向对剖，无论对剖多少次，其幅面大小都会保持11.414这个数值。采用标准开本的裁切方式不仅可以方便于印刷和装订，同时也能减少纸张的损失。标准开本是最为常用的开本方式。图1-59所示为最常见的标准开本样式。图1-592异形开本凡是幅面的宽度和长度之为不是11.414的开本都称为异形开本。异形开本主要是为了某些特

20、殊的印刷幅面制定的。异形开本的缺点是加工困难，容易造成多余纸边的浪费，这样会使成本增高，因此一般情况下不建议异形开本的切割法。纸张大小有大度和正度之分，大度是指国际标准，正度是我们常用的国内标准。常用的平面设计尺寸如表1-1和表1-2所示。类别方角（单位：mmmm）圆角（单位：mmmm）横版90558554竖版50905485方版90909095表1-1类别标准尺寸4开8开16开IC卡8554 三折页广告 210285普通宣传册 210285文件封套220305 招贴画540380 挂旗 540380376265（标准）手提袋40028580 信纸、便条185260 210285表1-21.4

21、.1认识Photoshop的界面构成Photoshop主要是针对位图图像进行编辑加工处理的软件，是Adobe公司旗下最为出名的图像处理软件之一，集图像扫描、编辑修改、图像制作、广告创意、图像输入与输出于一体。Photoshop具有功能强大、软件设计人性化、兼容性好等特点。启动Photoshop CS6，可以看到如图1-60所示的Photoshop CS6工作界面，它由菜单栏、工具选项栏、标题栏、工具箱、状态栏、工作窗口和面板7大部分组成。1 1.4 4 初初识识 P Ph ho ot to os sh ho op p 和和 C Co or re eI ID DR RA AW W 图1-601.

22、4.2认识CorelDRAW的界面构成CorelDRAW是由加拿大的Corel公司出品的一款矢量图形绘制软件，它具有矢量动画、页面设计、网站制作、位图编辑等多种功能，被广泛应用于商标设计、标志制作、模型绘制、插图绘画、排版等多个领域。安装CorelDRAW X6应用程序后，双击桌面上的应用程序启动图标即可打开并运行CorelDRAW X6，其工作界面如图1-61所示。图1-611.5.1文件大小设置1在Photoshop CS6中调整文件大小 1 1.5 5 与与设设计计相相关关的的基基础础设设置置 图1-62图1-63图1-64 图1-652在CorelDRAW X6中调整文件大小图1-66

23、图1-67图1-68 图1-69图1-70 图1-711.5.2为输出图像设置出血效果印刷装订工艺要求接触到页面边缘的线条、图片或色块，须跨出页面边缘的成品裁节线3mm，称为出血。出血设置可以有效防止裁刀裁切到成品尺寸里面的图文或者在页面边缘出现白边等情况。在Photoshop CS6中可以利用辅助线为作品设置出血效果，而在CorelDRAW X6中则可以应用“页面设置”选项为作品设置出血效果。1在Photoshop CS6中设置出血效果图1-72图1-73 图1-74图1-75 图1-76 图1-772在CorelDRAW X6中设置出血效果图1-78 图1-79图1-80 图1-811.5.3文字与图形的转换1在Photoshop CS6中转换文字图1-82 图1-83 图1-84图1-85 图1-86 图1-872在CorelDRAW中转换文字图1-88 图1-89 图1-90打开一张编辑完成的插画作品，如图1-91所示，执行“文件文档属性”菜单命令，打开如图1-92所示的“文件属性”对话框，在对话框中显示了“文件”、“颜色”、“图形对象”、“文本统计”等多个信息组，在各个信息组中对相关的信息进行查看。1 1.6 6 印印前前检检查查与与导导出出小小样样 图1-91 图1-92图1-93 图1-94图1-95 图1-96 图1-97 图1-98 图1-99