平面设计冯永华henufyh@yahoo.com.cn平面设计课程目标技术与艺术的结合计算机在平面设计领域的应用使得平面设计的表现风格趋于多样化,作为一种创作手段,它可以帮助人们从一个全新的视角看待问题,也为开拓更为广阔的想象空间提供了必要的技术条件。平面设计主要学习内容平面设计的基础知识两大要素:色与形色彩:属性、混合、对比、调和、运用等形态:点、线、面、质感、明暗、空间等Photoshop软件应用将造型艺术进行综合的一种工具,即将视觉表达规律还原或者再现于二维的空间之上。平面设计主要学习方法理论与实例融合学习对理论的分析:把构成视觉图形的要素进行提炼对PS实例应用:还原二维空间注意记关键词平面设计如何学好平面设计艺术:美术基础:平面构成、色彩构成、立体构成,绘画懂得审美摄影技术Photoshop(基础)、Coreldraw、Illustraor平面设计平面设计师要学软件:Photoshop、Illustrator、IndesignAcrobat四个软件。广告公司常用软件:Photoshop、Illustrator、PageMaker、Freehand、CorelDraw等设计软件平面设计纪律要求按时上课不准打游戏保持机房清洁平面设计第一章平面设计入门1.1基本概念1.2平面设计的术语与元素1.3平面设计的一般流程平面设计1.1基本概念一、平面设计(graphicdesign)的涵义平面设计是将不同的基本图形,按照一定的规则在平面上组合成图案。主要在二度空间范围之内以轮廓线划分图与地之间的界限,描绘形象。而平面设计所表现的立体空间感,并非实在的三度空间,而仅仅是图形对人的视觉引导作用形成的幻觉空间。以“视觉”作为沟通和表现的方式。透过多种方式来创造和结合符号、图片和文字,借此作出用来传达想法或讯息的视觉表现。平面设计(1)用一些特殊的操作来处理一些已经数字化的图像的过程。(2)它是集电脑技术、数字技术和艺术创意于一体的综合内容。平面设计在平面设计中你需要用视觉元素来传播你的设想和计划,用文字和图形把信息传达给受众,让人们通过这些视觉元素了解你的设想和计划,这才是我们设计的定义。平面设计二、常见的平面设计项目可以归纳为网页设计、包装设计、DM广告(宣传单设计)设计、海报设计、平面媒体广告设计、POP广告设计、样本设计、书籍设计、刊物设计、VI设计(企业形象识别系统设计)、标志设计(logo设计,商标设计)、宣传手册设计、贺卡设计、请柬设计等。因为设计无所不在、平面设计无所不在。平面设计1.2平面设计的术语与元素一、平面设计的术语1.和谐从狭义上理解,是统一与对比两者之间不是乏味单调或杂乱无章的。广义上理解,是在判断两种以上的要素,或部分与部分的相互关系时,各部分给我们的感觉和意识是一种整体协调的关系。平面设计人与自然的和谐平面设计人与自然的和谐平面设计人文环境的和谐平面设计人文环境的和谐平面设计色彩的和谐平面设计家居的和谐平面设计家居的和谐平面设计2.对比又称对照,把质或量反差很大的两个要素成功的配列在一起,使人感觉鲜明强烈而又具有统一感,使主体更加鲜明、作品更加活跃。平面设计平面设计平面设计平面设计3.对称假定在一个图形的中央设定一条垂直线,将图形分为相等的左右两个部分,其左右两个部分的图形完全相等,这就是对称图。平面设计平面设计平面设计4.平衡从物理上理解是指的重量关系,在平面设计中指的是根据图像的形量、大小、轻重、色彩和材质的分布作用与视觉判断上的平衡。平面设计平面设计平面设计平面设计5.比例是指部分与部分,或部分与全体之间的数量关系。比例是构成设计中一切单位大小,以及各单位间编排组合的重要因素。平面设计平面设计平面设计平面设计平面设计平面设计6.重心画面的中心点,就是视觉的重心点,画面图像的轮廓的变化,图形的聚散,色彩或明暗的分布都可对视觉中心产生影响。平面设计平面设计平面设计7.节奏节奏感,就是画面里的元素构成一定的规律,例如长短,缓急、起伏等不同的印象和强弱、轻重、刚柔等视觉感受。(1)重复节奏感,在构图中呈点、线、面的并列排比。(2)对比节奏感,与节奏感相反或相抗衡的形式出现,造成对比性节奏,打破原来节奏的流畅感。(3)渐变节奏感,以表现缩形,虚实和阶梯等类型而形成旋律,为颜色的由深渐浅和物象的由大渐小,形状、影调、色彩、方向有规律地增加、减少、弯曲平面设计相似形式的图案与重复出现平面设计对比节奏平面设计渐变节奏平面设计渐变节奏平面设计渐变节奏平面设计8.韵律平面构成中单纯的单元组合重复易于单调,由有规律变化的形象或色群间以数比、等比处理排列,使之产生音乐的旋律感,成为韵律。平面设计平面设计平面设计平面设计平面设计平面设计二、平面设计的元素1.概念元素所谓概念元素是那些不实际存在的,不可见的,但人们的意识又能感觉到的东西。例如我们看到尖角的图形,感到上面有点,物体的轮廓上有边缘线。概念元素包括:点、线、面。平面设计2.视觉元素概念元素不在实际的设计中加以体现,它将是没有意义的。概念元素通常是通过视觉元素体现的,视觉元素包括图形的大小、形状、色彩等。平面设计3.关系元素视觉元素在画面上如何组织、排列,是关系元素来决定的。包括:方向、位置、空间、重心等。4.实用元素指设计所表达的含义、内容、设计的目的及功能。平面设计1.3平面设计的一般流程平面设计的过程是有计划有步骤的渐进式不断完善的过程,设计的成功与否很大程度上取决于理念是否准确,考虑是否完善。设计之美永无止境,完善取决于态度。平面设计一、调查了解事物设计需要的是有目的和完整的调查。背景、市场调查、行业调查(关于品牌、受众、产品…)、关于定位、表现手法、…调查是设计的开始和基础(背景知识)。平面设计二、内容设计前的基本材料可分为主题和具体内容两部分平面设计三、理念设计中思路比一切更重要构思立意是设计的第一步,理念一向独立于设计之上。在视觉作品中传达出理念是最难的一件事。平面设计四、调动视觉元素基本元素相当于作品构件,每一个元素都要有传递和加强传递信息的目的。真正优秀的设计师往往很“吝啬”,每动用一种元素,都会从整体需要出发去考虑。在一个版面之中,构成元素可以根据类别来进行划分如标题、内文、背景、色调、主体图形、留白、视觉中心等等。平面设计平面设计版面就是把不同元素进行有机结合的过程。表达方式:借助框架(也叫骨骼):规律框架和非规律框架,可见框架和隐性框架;字体元素:字体、字型、风格的选择和搭配色彩:色彩是一种语言(信息),色彩具有感情,能让人产生联想,能让人感到冷暖、前后、轻重、大小等等。平面设计五、选择表现手法如何打动别人一种是完整完美的以传统美学去表现的设计方式,会被受众欣赏阅读并记住;二种是用新奇的或出奇不意的方式可以达到;三种是疯狂的广告投放量,进行地毯式的强行轰炸。平面设计要考虑到:图形的处理和表现手法如对比、类比、夸张、对称、主次、明暗、变异、重复、矛盾、放射、节奏、粗细、冷暖、面积等形式图形处理的效果油画、铅笔、水彩、版画、蜡笔、涂鸦…还有其他的如摄影、老照片依据:目的和目标群体,以及设计水平平面设计六、平衡平衡能带来视觉及心理的满足设计时要解决的平衡有:画面当中力场的平衡前后衔接的平衡平衡分为对称平衡和不对称平衡,包括点、线、面、色、空间的平衡判断平衡的依据:是否达到主题要求平面设计七、出彩你要创造出视觉兴奋点来升华你的作品。平面设计八、关于风格“了解大同,才能独走边缘”。反映性格、喜好、阅历、修养等平面设计九、制作检查项目包括:图形、字体、内文、色彩、编排、比例、出版……要求视觉的想象力和效果要赏心悦目,而更重要的是被受众理解!平面设计第一章平面设计入门1.1基本概念1.2平面设计的术语与元素1.3平面设计的一般流程平面设计备注:从点、线、面的认识开始,学习掌握平面构成、色彩构成、立体构成、透视学、字体、创意等内容。photoshop平面设计评价业界领先的专业图像处理合成软件,该专业级标准是摄影师和设计师的理想选择。应用领域艺术创作、艺术设计、出版印刷、广告设计、广告制作、装饰装潢等行业平面设计PS主要学习内容一、Photoshop工具栏的使用二、编辑操作技巧三、图层操作平面设计一、Photoshop工具栏的使用简介和工作界面菜单栏:所有命令工具箱:常用工具属性栏:修改工具箱中工具属性控制面板:可以单独拉出来,可以放回去可以通过“窗口”菜单完成操作平面设计1.选框工具和移动工具通过选框工具选定选区,可以对选区进行操作例如:选定选区之后,图像-调整-去色移动选框工具:将鼠标放在选框中,拖动鼠标如果使用移动工具:移动的是选框中的所有像素Shift+矩形选框工具=正方形选区Shift+椭圆形选框工具=正圆选区单行选区工具鼠标点击,确定一个1个像素的横向选区单列选框工具鼠标点击,确定要一个1个像素的纵向选区例如:选定单行选区之后,编辑-填充-使用背景色-确定-取消选择例如:椭圆工具的使用:修改羽化值20(一个选区的过渡),选择椭圆区域,选择-反选,编辑-填充-使用背景色,选择-取消选择注意:取消选区的方法:选择—取消选择(不能按删除键!)用途:一般用来做直线平面设计选框工具和移动工具练习1.选定选区之后,图像-调整-去色2.体会移动选取与移动像素的区别3.练习单行选区工具和单列选区工具编辑-填充-使用背景色-确定,选择-取消选择4.椭圆工具练习(zyz.jpg)修改羽化值20(一个选区的过渡),选择椭圆区域,选择-反选,编辑-填充-使用背景色,选择-取消选择文件:zyz(选框修改后)平面设计像素与光栅1.像素像素是图像的基本单位。当您在类似AdobePhotoshop这样的图像编辑软件中将图像文件放大数倍后,会发现图像是由一个个栅格组成的。每一个栅格中只能表现一种颜色,代表一个像素。因此我们说,图像中的每个像素都被分配一个特定位置和颜色值。图像通常是由许多像素组成的,它们以行和列的方式排列,所以很多时候,我们也称它们为光栅。2.光栅光栅是由像素排列的栅格,由像素组成的图像经常被称为光栅图像。光栅图像不能无限制地放大,图像放得太大经常会导致锯齿边缘的出现。平面设计2.套索工具套索工具有三种一般套索工具:点击套索工具,按住鼠标不放,即可拖出任意选区(不精确,用途不大)多边形套索工具:每次单击鼠标左键,最后出现小圈单击结束,或者双击结束。套错了,按键盘退格键,删除节点(用途较多)磁性套索工具:根据颜色的对比度自动产生(控制复杂,应用不太广泛)平面设计2.套索工具练习修改颜色衣服(男孩.jpg)修改羽化值为2(使修改更自然),多边形套索工具,图像-调整-色相/饱和度(色相可以改变衣服的颜色77,饱和度改变颜色鲜艳的程度-1,明度改变明暗程度-2)-确定,选择-取消选区平面设计色相:也叫色别,指颜色具体的色彩面貌,主要用来区别各种不同色彩饱和度:也叫纯度,指颜色的纯粹程度,鲜艳程度。明度:亮度、广度、鲜明度,指颜色本身的深浅程度同一种颜色受光强弱不同而形成的明暗深浅的程度不同的色彩有明度:红橙黄绿青蓝紫平面设计3.魔术棒工具与选框工具、套索工具类似——做选区选择,其作用:选择颜色相近的区域练习:图像合成属性栏中“新选区、添加到新选区、从选区中减去、交叉”含义步骤:选添加到新选区,用魔棒工具单击背景,选择-反选,用移动工具拖动到另外一幅图片中,编辑-自由变换,调整大小,完成之后按enter确定平面设计图层概念1.就像一张张叠放在一起的胶片,最上边的图层挡住下面的图层,使之看不见2.上层图像中没有像素的地方为透明区域,通过透明区域可以看到下一层的图像3.图层是相对独立的,在一个图层编辑,不会影响其他图