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

单击此处编辑母版标题样式,单击此处编辑母版文本样式,2018/4/14,#,1.1,关于平面设计,1.2,平面设计中的有关概念,1.3,平面设计与印刷工艺,1.4,初识,Photoshop,和,CorelDRAW,1.5,与设计相关的基础设置,目录,/,Contents,第,章,1,平面设计的基础知识,1.6,印前检查与导出小样,课堂学习目标,了解平面设计,位图与矢量图,像素与分辨率,文件格式,印刷设置,文件大小设置,出血,印前检查、导出小样,4,1.1.1,什么是平面设计,平面设计是科技与艺术的结合，是商业社会的产物。平面设计不仅需要符合大众的审美性，同时还要具有实用性，只有这样才能让设计中的多种元素引起人们心灵上的振动。,平面设计的形式是多种多样的，目前常见的平面设计项目，可以归纳为网页设计、包装设计、,DM,广告设计、海报设计、平面媒体广告设计、,POP,广告设计、样本设计、书籍设计、刊物设计和,VI,设计十大类。图,1-1,所示为一个儿童玩具包装设计效果，图,1-2,所示为油漆广告设计效果。,图,1-1,图,1-2,1.1.2,平面设计的构成要素,1,点,所有物体缩小到一定程度都能产生不同形态的点,。,由于,点的单个视觉形象没有什么表现力，因此可以将它与其他元素进行组合、排列,。,利用,点的大小、排列方向与距离的变化可以设计出活泼、轻巧等富有节奏韵律感的画面,。,图,1-3,和图,1-4,所示为点在平面设计中的应用。,图,1-3,图,1-4,2,线,线按照其移动轨迹的不同可分为直线、曲线、折线以及三者的混合,。,如,图,1-5,、图,1-6,和图,1-7,所示，在这,3,幅平面设计作品中，均可以看到组成设计效果中的线条。,图,1-5,图,1-6,图,1-7,3,面,面是由线的移动而形成的，可以将面理解为在一定范围内点的扩大或聚集,。,面,是相对较大的形象，它具有位置、方向、形状以及长宽两度空间等特征,。,在,平面构成中，面也分为不同的类型，而不同类型的面给人的感受和特征也会有很大的差别，大致可以把面分为几何面、有机形体面、无规则的面和自由形态的面,4,种,。,图,1-8,和图,1-9,所示为使用不同比例的矩形或色块分割画面，使设计出的作品更有层次感，具有较强的形式美感。,图,1-8,图,1-9,1.1.3,设计中的元素构成方法,1,重复构成,重复构成是将两个以上的基本形重复出现在画面上的一种构成形式，把视觉形象秩序化、整齐化，使画面显得更统一，富有节奏感。重复构成分为绝对重复构成和相对重复构成,。,绝对,重复构成是指构成画面结构的每个单元相等，且每个单元的基本形完全相同；相对重复构成则是指构成的基本形在色彩、大小、方向和细节造型等方面都可以发生改变，框架结构更为灵活,。,图,1-10,和图,1-11,所示均为重复构成效果。,图,1-10,图,1-11,2,近似构成,近似构成是指构成元素的形状、大小、色彩、肌理等方面具有一定的形态变化且它们之间具有相似的特征从而产生一定的构成效果,。,近似,构成包括形状的近似构成和骨骼的近似构成,。,形状,的近似构成是指在设计的骨骼框架内，每个骨骼单元里的基本形发生变化但骨骼结构一致；骨骼的近似构成则是指每个骨骼单元里发生一定的加、减、变形等变化，但保持近似的效果,。,在,平面设计中，通常各元素的近似构成也能够设计出极具冲击力与感染力的画面效果,。,图,1-12,和图,1-13,所示的广告作品，均是采用近似构成法所设计出的汽车广告，画面中利用部分元素的造型变化，呈现出了简洁而富有感染力的作品。,图,1-12,图,1-13,3,对比构成,对比在我们的生活中无处不在，将其运用在平面设计中，利用各元素大小、方向等因素的对比关系，能够更为直观地表现设计者的创作思想,。,对比,构成一般可分为大小对比构成、方向对比构成、排列对比构成、聚散对比构成等,。,图,1-14,和图,1-15,所示为采用远近、大小对比构成法制作的海报效果。,图,1-14,图,1-15,4,特异构成,特异构成是指在一组富有规律的图形中，将其中一个元素加以改变，使其以违反常态的形式出现在画面中，给观者造成巨大的视觉反差，让其成为画面的视觉焦点，从而达到突显作品主题的目的,。,在,平面设计中，特异构成的手法一般分为基本形特异、色彩特异、规则特异、骨骼特异等,。,图,1-16,所示的平面设计中，在大面积的粉色人物元素中突然出现了一个黄色的人物元素，强烈的色彩反差，使其从画面中突显出来，让整个画面具有较强的吸引力,。,如,图,1-17,所示，在此平面设计中以文字作为主要表现对象，在较小的字符版面中，将其中一个文字放大突出显示，构成具有视觉冲击力的画面效果，图,1-18,所示中图像采用不同的肌理加以表现，这些不同的纹理能带给读者不一样的视觉感受。,图,1-16,图,1-17,图,1-18,5,渐变构成,渐变是一种符合规则的自然现象，如自然界中物体近大远小的透视现象、逐渐消失的现象等,。,在,平面设计中，经常会将版面中的视觉元素，从大小、位置、色彩等方面进行编排处理，使其以渐变的形式呈现在观者的眼前,。,这种,渐变构成的画面多富韵律感与节奏感,。,平面设计,中的渐变构成可以是大小渐变、位置渐变、色彩渐变,3,种不同的渐变,。,图,1-19,和图,1-20,所示为渐变构成法设计的广告效果。,图,1-19,图,1-20,6,发射构成,发射是在设计中常用的组织画面的手法。在平面设计中，发射式的构成方法往往能给人一种极强的张力感，能赋予版面延伸性与空间感,。,常见,的发射构成方法分为点的发射、线的发射、离心发射和向心发射,4,种，不同的发射构成，给予观者的心理感觉也不尽相同,。,图,1-21,和图,1-22,所示是为某品牌的果汁所设计的宣传广告，采用了离心发射构成方法，具有极强的视觉冲击力。,图,1-21,图,1-22,1.2.1,位图与矢量图,位图图像也称为点阵图像，它是由许多单独的小方块组成，这些小方块也称为像素点，每个像素点都有特定的位置和颜色值,。,位图,图像的显示效果与像素点是紧密相关的，不同排列和着色的像素点在一起组成了一幅幅色彩丰富的图像,。,一,张图像中所包含的像素点越多，图像的分辨率就越高，同时图像文件也就越大。,位图图像经过放大后，可以看到组成位图图像的像素点,。,图,1-23,所示为一张原始图像，使用“放大工具”放大图像后，可以清晰地看到像素的小方块形状与不同颜色，如图,1-24,所示。,图,1-23,图,1-24,矢量图也称为向量图，它根据几何特性来描绘图像,。,矢量,图中的各种图像称为对象，其中每一个对象都是独立的个体，它记录的是对象的几何形状、线条粗细和色彩等,。,矢量,图与图像分辨率、图像大小无关，将矢量图放大后图像不会失真，即不会产生锯齿效果。在任何分辨率下显示或打印矢量图时，都不会导致图像的细节损失,。,图,1-25,所示为原始的图像效果，使用“放大工具”放大图像后，看到图像的清晰度没有发生变化，如图,1-26,所示。,图,1-25,图,1-26,1.2.2,像素与分辨率,像素是组成位图图像最基本的元素。每一个像素都具有自己的位置，并记载着图像的颜色信息，一个图像包含的像素越多，颜色信息就越丰富，图像效果也会更好，但图像文件也会随之增大。,分辨率是指单位面积里所包含的像素的数量，它的单位通常为像素,/,英寸,(ppi),，如,72ppi,表示每英寸包含,72,个像素点，,300ppi,表示每英寸包含,300,个像素点,。,分辨率,决定了位图细节的精细程度，通常情况下，分辨率越高，包含的像素就越多，图像就越清晰,。,如,图,1-27,所示为分辨率,300dpi,的高像素图像，将其放大后，画面效果依然清晰；而图,1-28,所示则为打开的分辨率为,72dpi,的图像，将图像局部放大后图像变得模糊。,图,1-27,图,1-28,1.2.3,颜色模式,1,RGB,模式,RGB,模式是基于光学原理的，这种模式用红（,R,）、绿（,G,）、蓝（,B,）三色光按照不同的比例和强度混合得到各种颜色。,RGB,模式是视频色彩模式，网络、视频播放和电子媒体展示均使用,RGB,模式,。,在,Photoshop,中的“通道”面板中显示如图,1-29,所示，在,CoreDRAW,中的“均匀填充”对话框中选择,RGB,模式，显示如图,1-30,所示的色彩效果。,图,1-29,图,1-30,2,CMYK,模式,CMYK,模式代表印刷上使用的,4,种油墨色，即青色（,C,）、洋红（,M,）、黄色（,Y,）、黑色（,K,）。,在,CMYK,颜色模式下，,Photoshop,中“通道”面板会显示青色、洋红、黄色、黑色,4,种颜色通道，如图,1-31,所示,。,用户,可以利用,Photoshop,中的“颜色”面板对,CMYK,颜色值进行更改，如图,1-32,所示；也可以在,CorelDRAW,中利用“均匀填充”对话框设置不同的,CMYK,颜色值，如图,1-33,所示。,图,1-31,图,1-32,图,1-33,3,灰度模式,灰度模式是一种黑白的色彩模式，通过从,0255,种不同等级的明度变化来表现色彩的变化。灰度模式的图像不包含颜色，当把一个彩色文件转换为灰度模式文件时，所有的颜色信息都将丢失，此时，在,Photoshop,的“通道”面板中只包含一个灰色通道，如图,1-34,所示。,在灰度模式中，图像中的每个像素都有一个,0255,之间的亮度值，灰度最高的黑即为,100%,，也就是纯黑；灰度最低的黑即为,0%,，也就是纯白,。,将,文件设置为灰度模式后，在,Photoshop,中的“颜色”面板如图,1-35,所示，在,CorelDRAW,中的“均匀填充”对话框中的选项如图,1-36,所示。,图,1-34,图,1-35,图,1-36,4,Lab,模式,Lab,模式是一种描述颜色的科学方法，它将颜色分为了,L,、,a,和,b3,种成分，其中,L,表示亮度，用来描述颜色的明暗程度；,a,表示从深绿（低亮度值）到灰色（中亮度值）到亮粉色（高亮度值）的颜色范围；,b,表示从亮蓝色（低亮度值）到灰色到焦黄色（高亮度值）的颜色范围。,在,Lab,颜色模式下，,Photoshop,中的“通道”面板将显示对应的明度和,a,、,b,通道。如图,1-37,所示，用户可利用“颜色”面板更改,L,、,a,、,b,颜色值，如图,1-38,所示,。,在,CorelDRAW,中的“均匀填充”对话框中，也可在“模型”下拉列表中选择,Lab,选项，设定,L,、,a,、,b,的值，如图,1-39,所示。,图,1-37,图,1-38,图,1-39,5,HSB,模式,HSB,模式是一种从视觉角度定义的颜色模式，它把颜色分为色相、饱和度和明度,3,个因素,。,在,HSB,模式中，,H,（,hues,）表示色相，,S,（,saturation,）表示饱和度，,B,（,brightness,）表示亮度,。,在,Photoshop,和,CorelDRAW,中可以分别利用“颜色”面板和“均匀填充”对话框创建和编辑图像的,HSB,颜色，如图,1-40,和图,1-41,所示。,图,1-40,图,1-41,1.2.4,文件格式,文件格式是指计算机在存储信息时所使用的一种编码方式，用于识别内部存储的文件和资料。,1,PSD,格式,2,CDR,格式,3,JPEG,格式,4,GIF,格式,5,PNG,格式,6,TIFF,格式,7,BMP,格式,1.3.1,平面印刷的特点,1,涉及范围广,2,制作加工工艺较复杂,图,1-42,、图,1-43,和图,1-44,所示为采用了不同后期工艺印刷的平面印刷效果,。,3,对图像质量要求高,4,无法对印刷成品进行修改,图,1-42,图,1-43,图,1-44,1.3.2,平面印刷的种类,1,刊物印刷,刊物是指定期和不定期的出版发行物，通常包括报纸、杂志等,。,刊物,通常会有自己固定的受众群，相对较稳定,。,图,1-45,所示为报纸的印刷效果，图,1-46,所示为杂志的印刷效果，此类印刷对图像质量要求较高。,图,1-45,图,1-46,2,书籍印刷,书籍的印刷应根据书籍内容所涉及的知识领域，以及所针对的受众群体来选择制作印刷的材质和其他相关的具体要求,。,如,图,1-47,和图,1-48,所示，图像中所展示的书籍内容涉及的图形和图片较多，所以在印刷制作时对图像的分辨率和色彩的真实度要求较高。,图,1-47,图,1-48,3,包装印刷,包装具有方便使用，以及对产品本身进行介绍和宣传展示的功能,。,包装,印刷是以保护和美化产品为直接目的而采用的一种印刷方式和印后加工处理技术,。,按照,产品的性质，可以将包装设计分为销售包装、储运包装等,。,图,1-49,、图,1-50,和图,1-51,所示为,3,张不同的产品包装图，从图中可以看出选用不同材质包装出的产品印刷后的效果也有所区别。,图,1-49,图,1-50,图,1-51,4,招贴海报印刷,招贴海报是指用于在公共场所张贴的印刷宣传品，是平面广告里最为特殊的一种形式,。,招贴,海报分为商业招贴、公益招贴、艺术招贴、电影招贴和公共招贴,5,大类,。,招贴,海报具有发布信息快、认知率高、制作成本低等特点，对于最终成品效果和美感度的要求相对较高,。,图,1-52,、图,1-53,和图,1-54,所示为招贴海报的效果。,图,1-52,图,1-53,图,1-54,5,平面媒体广告印刷,广告是对产品的一种宣传手段，它以消费者为直接的受众群体，向其传达直接的版面内容信息。根据平面广告登载依附的媒体介质的不同，可分为样本广告、,POP,广告、,DM,直邮广告、报纸广告、杂志广告等,。,图,1-55,所示为杂志内页广告，这类广告具有介绍充分、内容仔细详尽、图文并茂、印刷精致美观的特点；图,1-56,所示为,DM,广告，这种广告信息传达较准确，印刷相对较简单。,图,1-55,图,1-56,6,特殊印刷,特殊印刷是指不以纸张为基准印刷材料来表现的印刷方式，从最基本的素材来看，特殊印刷有玻璃、塑胶、织物、金属、铝箔等,。,每,种特殊材料的印刷表现都能展现其独特的个性，在日常生活中被广泛地使用和传播,。,图,1-57,和图,1-58,所示分别展示了在玻璃材料和塑料材料上的印刷效果。,图,1-57,图,1-58,1.3.3,平面印刷的常用尺寸,在进行平面设计时，首先需要确定的就是印刷成品的尺寸大小,。,对于,印刷品的幅面大小，通常用“开”或“开本”作为单位,。,通常,在不浪费纸张、便于印刷和装订的前提下，把一张全开纸裁切成面积相等的若干小张就叫多少开数或开本数，常用的印刷开本有,16,开、,32,开、,64,开等。开本分为标准开本和异形开本两,类,。,1,标准开本,标准开本的宽度和长度比通常为,1,1.414,，标准开本按横向对剖，无论对剖多少次，其幅面大小都会保持,1,1.414,这个数值,。,采用,标准开本的裁切方式不仅可以方便于印刷和装订，同时也能减少纸张的损失,。,标准,开本是最为常用的开本方式,。,图,1-59,所示为最常见的标准开本样式。,图,1-59,2,异形开本,凡是幅面的宽度和长度之为不是,1,1.414,的开本都称为异形开本,。,异,形开本主要是为了某些特殊的印刷幅面制定的,。,异,形开本的缺点是加工困难，容易造成多余纸边的浪费，这样会使成本增高，因此一般情况下不建议异形开本的切割法,。,纸张,大小有大度和正度之分，大度是指国际标准，正度是我们常用的国内标准,。,常用,的平面设计尺寸如表,1-1,和表,1-2,所示。,类别,方,角（单位：,mmmm,）,圆角,（单位：,mmmm,）,横,版,90,55,85,54,竖,版,50,90,54,85,方,版,90,90,90,95,表,1-1,类别,标准尺寸,4,开,8,开,16,开,IC,卡,85,54,三折页广告,210,285,普通宣传册,210,285,文件封套,220,305,招贴画,540,380,挂旗,540,380,376,265,（标准）,手提袋,400,285,80,信纸、便条,185,260,210,285,表,1-2,1.4.1,认识,Photoshop,的界面构成,Photoshop,主要是针对位图图像进行编辑加工处理的软件，是,Adobe,公司旗下最为出名的图像处理软件之一，集图像扫描、编辑修改、图像制作、广告创意、图像输入与输出于一体,。,Photoshop,具有功能强大、软件设计人性化、兼容性好等特点,。,启动,Photoshop CS6,，可以看到如图,1-60,所示的,Photoshop CS6,工作界面，它由菜单栏、工具选项栏、标题栏、工具箱、状态栏、工作窗口和面板,7,大部分组成。,图,1-60,1.4.2,认识,CorelDRAW,的界面构成,CorelDRAW,是由加拿大的,Corel,公司出品的一款矢量图形绘制软件，它具有矢量动画、页面设计、网站制作、位图编辑等多种功能，被广泛应用于商标设计、标志制作、模型绘制、插图绘画、排版等多个领域,。,安装,CorelDRAW X6,应用程序后，双击桌面上的应用程序启动图标即可打开并运行,CorelDRAW X6,，其工作界面如图,1-61,所示。,图,1-61,1.5.1,文件大小设置,1,在,Photoshop CS6,中调整文件大小,图,1-62,图,1-63,图,1-64,图,1-65,2,在,CorelDRAW X6,中调整文件大小,图,1-66,图,1-67,图,1-68,图,1-69,图,1-70,图,1-71,1.5.2,为输出图像设置出血效果,印刷装订工艺要求接触到页面边缘的线条、图片或色块，须跨出页面边缘的成品裁节线,3mm,，称为出血,。,出血,设置可以有效防止裁刀裁切到成品尺寸里面的图文或者在页面边缘出现白边等情况,。,在,Photoshop CS6,中可以利用辅助线为作品设置出血效果，而在,CorelDRAW X6,中则可以应用“页面设置”选项为作品设置出血效果,。,1,在,Photoshop CS6,中设置出血效果,图,1-72,图,1-73,图,1-74,图,1-75,图,1-76,图,1-77,2,在,CorelDRAW X6,中设置出血效果,图,1-78,图,1-79,图,1-80,图,1-81,1.5.3,文字与图形的转换,1,在,Photoshop CS6,中转换文字,图,1-82,图,1-83,图,1-84,图,1-85,图,1-86,图,1-87,2,在,CorelDRAW,中转换文字,图,1-88,图,1-89,图,1-90,打开一张编辑完成的插画作品，如图,1-91,所示，执行“文件,文档属性”菜单命令，打开如图,1-92,所示的“文件属性”对话框，在对话框中显示了“文件”、“颜色”、“图形对象”、“文本统计”等多个信息组，在各个信息组中对相关的信息进行查看。,图,1-91,图,1-92,图,1-93,图,1-94,图,1-95,图,1-96,图,1-97,图,1-98,图,1-99,