《平面设计课件.ppt》由会员分享，可在线阅读，更多相关《平面设计课件.ppt（115页珍藏版）》请在三一办公上搜索。
1、平面设计,冯永华,平面设计,课程目标,技术与艺术的结合,计算机在平面设计领域的应用使得平面设计的表现风格趋于多样化，作为一种创作手段，它可以帮助人们从一个全新的视角看待问题，也为开拓更为广阔的想象空间提供了必要的技术条件。,平面设计,主要学习内容,平面设计的基础知识两大要素：色与形色彩：属性、混合、对比、调和、运用等形态:点、线、面、质感、明暗、空间等Photoshop软件应用将造型艺术进行综合的一种工具，即将视觉表达规律还原或者再现于二维的空间之上。,平面设计,主要学习方法,理论与实例融合学习对理论的分析：把构成视觉图形的要素进行提炼对PS实例应用：还原二维空间注意记关键词,平面设计,如何学
2、好平面设计,艺术：美术基础：平面构成、色彩构成、立体构成，绘画懂得审美摄影技术Photoshop（基础）、Coreldraw、Illustraor,平面设计,平面设计师要学软件：Photoshop、Illustrator、Indesign Acrobat四个软件。广告公司常用软件：Photoshop、Illustrator、PageMaker、Freehand、CorelDraw等设计软件,平面设计,纪律要求,按时上课不准打游戏保持机房清洁,平面设计,第一章 平面设计入门,1.1 基本概念1.2平面设计的术语与元素1.3 平面设计的一般流程,平面设计,1.1 基本概念,一、平面设计（graph
3、ic design）的涵义平面设计是将不同的基本图形，按照一定的规则在平面上组合成图案。主要在二度空间范围之内以轮廓线划分图与地之间的界限，描绘形象。而平面设计所表现的立体空间感，并非实在的三度空间，而仅仅是图形对人的视觉引导作用形成的幻觉空间。以“视觉”作为沟通和表现的方式。透过多种方式来创造和结合符号、图片和文字，借此作出用来传达想法或讯息的视觉表现。,平面设计,（1）用一些特殊的操作来处理一些已经数字化的图像的过程。（2）它是集电脑技术、数字技术和艺术创意于一体的综合内容。,平面设计,在平面设计中你需要用视觉元素来传播你的设想和计划，用文字和图形把信息传达给受众，让人们通过这些视觉元素了
4、解你的设想和计划，这才是我们设计的定义。,平面设计,二、常见的平面设计项目,可以归纳为网页设计、包装设计、DM广告（宣传单设计）设计、海报设计、平面媒体广告设计、POP广告设计、样本设计、书籍设计、刊物设计、VI设计（企业形象 识别系统设计）、标志设计(logo设计，商标设计)、宣传手册设计、贺卡设计、请柬设计等。,因为设计无所不在、平面设计无所不在。,平面设计,1.2平面设计的术语与元素,一、平面设计的术语1.和谐从狭义上理解，是统一与对比两者之间不是乏味单调或杂乱无章的。广义上理解，是在判断两种以上的要素，或部分与部分的相互关系时，各部分给我们的感觉和意识是一种整体协调的关系。,平面设计,
5、人与自然的和谐,平面设计,人与自然的和谐,平面设计,人文环境的和谐,平面设计,人文环境的和谐,平面设计,色彩的和谐,平面设计,家居的和谐,平面设计,家居的和谐,平面设计,2.对比又称对照，把质或量反差很大的两个要素成功的配列在一起，使人感觉鲜明强烈而又具有统一感，使主体更加鲜明、作品更加活跃。,平面设计,平面设计,平面设计,平面设计,3.对称假定在一个图形的中央设定一条垂直线，将图形分为相等的左右两个部分，其左右两个部分的图形完全相等，这就是对称图。,平面设计,平面设计,平面设计,4.平衡从物理上理解是指的重量关系，在平面设计中指的是根据图像的形量、大小、轻重、色彩和材质的分布作用与视觉判断上
6、的平衡。,平面设计,平面设计,平面设计,平面设计,5.比例是指部分与部分，或部分与全体之间的数量关系。比例是构成设计中一切单位大小，以及各单位间编排组合的重要因素。,平面设计,平面设计,平面设计,平面设计,平面设计,平面设计,6.重心画面的中心点，就是视觉的重心点，画面图像的轮廓的变化，图形的聚散，色彩或明暗的分布都可对视觉中心产生影响。,平面设计,平面设计,平面设计,7.节奏节奏感，就是画面里的元素构成一定的规律，例如长短，缓急、起伏等不同的印象和强弱、轻重、刚柔等视觉感受。（1）重复节奏感，在构图中呈点、线、面的并列排比。（2）对比节奏感，与节奏感相反或相抗衡的形式出现，造成对比性节奏，打
7、破原来节奏的流畅感。（3）渐变节奏感，以表现缩形，虚实和阶梯等类型而形成旋律，为颜色的由深渐浅和物象的由大渐小，形状、影调、色彩、方向有规律地增加、减少、弯曲,平面设计,相似形式的图案与重复出现,平面设计,对比节奏,平面设计,渐变节奏,平面设计,渐变节奏,平面设计,渐变节奏,平面设计,8.韵律平面构成中单纯的单元组合重复易于单调，由有规律变化的形象或色群间以数比、等比处理排列，使之产生音乐的旋律感，成为韵律。,平面设计,平面设计,平面设计,平面设计,平面设计,平面设计,二、平面设计的元素1.概念元素所谓概念元素是那些不实际存在的，不可见的，但人们的意识又能感觉到的东西。例如我们看到尖角的图形，
8、感到上面有点，物体的轮廓上有边缘线。概念元素包括：点、线、面。,平面设计,2.视觉元素概念元素不在实际的设计中加以体现，它将是没有意义的。概念元素通常是通过视觉元素体现的，视觉元素包括图形的大小、形状、色彩等。,平面设计,3.关系元素视觉元素在画面上如何组织、排列，是关系元素来决定的。包括：方向、位置、空间、重心等。4.实用元素指设计所表达的含义、内容、设计的目的及功能。,平面设计,1.3 平面设计的一般流程,平面设计的过程是有计划有步骤的渐进式不断完善的过程，设计的成功与否很大程度上取决于理念是否准确，考虑是否完善。设计之美永无止境，完善取决于态度。,平面设计,一、调查,了解事物设计需要的是
9、有目的和完整的调查。背景、市场调查、行业调查(关于品牌、受众、产品)、关于定位、表现手法、调查是设计的开始和基础(背景知识)。,平面设计,二、内容,设计前的基本材料可分为主题和具体内容两部分,平面设计,三、理念,设计中思路比一切更重要构思立意是设计的第一步，理念一向独立于设计之上。在视觉作品中传达出理念是最难的一件事。,平面设计,四、调动视觉元素,基本元素相当于作品构件，每一个元素都要有传递和加强传递信息的目的。真正优秀的设计师往往很“吝啬”，每动用一种元素，都会从整体需要出发去考虑。在一个版面之中，构成元素可以根据类别来进行划分如标题、内文、背景、色调、主体图形、留白、视觉中心等等。,平面设
10、计,平面设计版面就是把不同元素进行有机结合的过程。表达方式：借助框架(也叫骨骼)：规律框架和非规律框架，可见框架和隐性框架；字体元素：字体、字型、风格的选择和搭配 色彩：色彩是一种语言(信息)，色彩具有感情，能让人产生联想，能让人感到冷暖、前后、轻重、大小等等。,平面设计,五、选择表现手法,如何打动别人一种是完整完美的以传统美学去表现的设计方式，会被受众欣赏阅读并记住；二种是用新奇的或出奇不意的方式可以达到；三种是疯狂的广告投放量，进行地毯式的强行轰炸。,平面设计,要考虑到：图形的处理和表现手法如对比、类比、夸张、对称、主次、明暗、变异、重复、矛盾、放射、节奏、粗细、冷暖、面积等形式 图形处理
11、的效果油画、铅笔、水彩、版画、蜡笔、涂鸦还有其他的如摄影、老照片 依据：目的和目标群体，以及设计水平,平面设计,六、平衡,平衡能带来视觉及心理的满足设计时要解决的平衡有：画面当中力场的平衡前后衔接的平衡平衡分为对称平衡和不对称平衡，包括点、线、面、色、空间的平衡 判断平衡的依据：是否达到主题要求,平面设计,七、出彩,你要创造出视觉兴奋点来升华你的作品。,平面设计,八、关于风格,“了解大同，才能独走边缘”。反映性格、喜好、阅历、修养等,平面设计,九、制作,检查项目包括：图形、字体、内文、色彩、编排、比例、出版要求视觉的想象力和效果要赏心悦目，而更重要的是被受众理解！,平面设计,第一章 平面设计入
12、门,1.1 基本概念1.2平面设计的术语与元素1.3 平面设计的一般流程,平面设计,备注：从点、线、面的认识开始，学习掌握平面构成、色彩构成、立体构成、透视学、字体、创意等内容。,photoshop,平面设计,评价业界领先的专业图像处理合成软件，该专业级标准是摄影师和设计师的理想选择。应用领域艺术创作、艺术设计、出版印刷、广告设计、广告制作、装饰装潢等行业,平面设计,PS主要学习内容,一、Photoshop 工具栏的使用二、编辑操作技巧三、图层操作,平面设计,一、Photoshop 工具栏的使用,简介和工作界面菜单栏：所有命令工具箱：常用工具属性栏：修改工具箱中工具属性控制面板：可以单独拉出来
13、，可以放回去可以通过“窗口”菜单完成操作,平面设计,1.选框工具和移动工具,通过选框工具选定选区，可以对选区进行操作例如：选定选区之后，图像-调整-去色移动选框工具：将鼠标放在选框中，拖动鼠标如果使用移动工具：移动的是选框中的所有像素Shift+矩形选框工具=正方形选区Shift+椭圆形选框工具=正圆选区单行选区工具鼠标点击，确定一个1个像素的横向选区单列选框工具鼠标点击，确定要一个1个像素的纵向选区例如：选定单行选区之后，编辑-填充-使用背景色-确定-取消选择例如：椭圆工具的使用：修改羽化值20（一个选区的过渡），选择椭圆区域，选择-反选，编辑-填充-使用背景色，选择-取消选择注意：取消选区
14、的方法：选择取消选择（不能按删除键！）,用途：一般用来做直线,平面设计,选框工具和移动工具练习,1.选定选区之后，图像-调整-去色2.体会移动选取与移动像素的区别3.练习单行选区工具和单列选区工具编辑-填充-使用背景色-确定，选择-取消选择4.椭圆工具练习（zyz.jpg）修改羽化值20（一个选区的过渡），选择椭圆区域，选择-反选，编辑-填充-使用背景色，选择-取消选择文件：zyz(选框修改后),平面设计,像素与光栅,1.像素像素是图像的基本单位。当您在类似Adobe Photoshop这样的图像编辑软件中将图像文件放大数倍后，会发现图像是由一个个栅格组成的。每一个栅格中只能表现一种颜色，代表
15、一个像素。因此我们说，图像中的每个像素都被分配一个特定位置和颜色值。图像通常是由许多像素组成的，它们以行和列的方式排列，所以很多时候，我们也称它们为光栅。2.光栅光栅是由像素排列的栅格，由像素组成的图像经常被称为光栅图像。光栅图像不能无限制地放大，图像放得太大经常会导致锯齿边缘的出现。,平面设计,2.套索工具,套索工具有三种一般套索工具：点击套索工具，按住鼠标不放，即可拖出任意选区（不精确，用途不大）多边形套索工具：每次单击鼠标左键，最后出现小圈单击结束，或者双击结束。套错了，按键盘退格键，删除节点（用途较多）磁性套索工具：根据颜色的对比度自动产生（控制复杂，应用不太广泛）,平面设计,2.套索
16、工具 练习,修改颜色衣服（男孩.jpg）修改羽化值为2（使修改更自然），多边形套索工具，图像-调整-色相/饱和度（色相可以改变衣服的颜色77，饱和度改变颜色鲜艳的程度-1，明度改变明暗程度-2）-确定，选择-取消选区,平面设计,色相：也叫色别，指颜色具体的色彩面貌，主要用来区别各种不同色彩饱和度：也叫纯度，指颜色的纯粹程度，鲜艳程度。明度：亮度、广度、鲜明度，指颜色本身的深浅程度同一种颜色受光强弱不同而形成的明暗深浅的程度不同的色彩有明度：红橙黄绿青蓝紫,平面设计,3.魔术棒工具,与选框工具、套索工具类似做选区选择，其作用：选择颜色相近的区域练习：图像合成属性栏中“新选区、添加到新选区、从选区
17、中减去、交叉”含义步骤：选添加到新选区，用魔棒工具单击背景，选择-反选，用移动工具拖动到另外一幅图片中，编辑-自由变换，调整大小，完成之后按enter确定,平面设计,图层概念,1.就像一张张叠放在一起的胶片，最上边的图层挡住下面的图层，使之看不见2.上层图像中没有像素的地方为透明区域，通过透明区域可以看到下一层的图像3.图层是相对独立的，在一个图层编辑，不会影响其他图层每一次只能在一个图层工作，不能同时编辑多个图层,平面设计,4.裁剪工具,裁剪图片练习：修改扫描中未处理好的图片按住鼠标左键拖出裁剪框，鼠标放在角落可旋转裁剪框，可拖动控制点修改大小，完成后按enter确定属性：上传照片像素特定如
18、98像素*130像素，分辨率为72，使用裁剪工具，enter确定，可以从图像-图像大小看到,平面设计,5.图章工具,仿制图章工具从图像中取样，然后将样本应用到其他图像或同一图像的其他部分ALT+鼠标左键单击=拾取采样点例如，取图片采样点在图片空白处涂抹，能够复制采样点的像素常用来修复图片图案图章工具把图案复制出来，因此，必须先有图案，可以先自定义一个图案，然后把图案复制到其他的区域或其他图像上练习：用选框工具选定选区，定义成图案：编辑-定义图案-确定，选择-取消选择，选择图案图章工具，修改属性：图案，选定图案，即可复制出图案（可以修改笔的大小：属性栏画笔）,平面设计,仿制图章工具练习,修复斑驳
19、的图片在图片斑驳处附近选取采样点，涂抹（复制采样点的像素）,平面设计,6.修复画笔工具,修复画笔工具类似仿制图章工具的操作方法和功能区别：仿制图章工具：完全是一种复制；修复画笔工具：自动融合修复相片的很好的工具练习：斑点修复属性：直径：20，硬度：最远方法：重复ALT取点，覆盖斑点,平面设计,修补工具和颜色替换工具,修补工具适合大面积的修补练习：选修补工具，按鼠标左键，拖出选区，然后将其拖到另外一个颜色地方，实现了修补。颜色替换工具，保持原来的图像，仅仅是颜色的改变按ALT拾取颜色点-涂抹，替换颜色,平面设计,油漆桶工具,用前景色填充颜色相近的区域练习：将花朵的颜色改变选择油漆桶工具，不透明度
20、50%，调整容差100，取消“连续性”（不要求连续）或者透明度100%,模式调为“颜色”,平面设计,几个常用的快捷操作,取消选区 CTRL+D反选选区SHIFT+F7图像放缩CTRL+、-用前景色填充ALT+Delete用背景色填充CTRL+Delete抓手工具 空格键打开文件CTRL+O自由变换CTRL+T,平面设计,小综合制作儿童照片,1.文件-新建：可爱的小公主 像素600*2302.创建图层，命名：背景颜色3.在”背景颜色“操作，设定前景色R：255，G：146，B：162，ALT+Delete 用前景色填充4.选多边形套索工具，设定羽化值：28，选中图层大部分区域，SHIFT+F7反
21、选，delete删除选区内容，CTRL+D取消选区5.CTRL+O打开”小公主1“，多边形套索工具，羽化28，套选人物，使用移动工具，自由放缩，enter6.调整图层1不透明度15%,平面设计,7.CTRL+O打开”小公主2“，同样方法，设置，不透明度为40%8.CTRL+O打开”小公主3“，魔棒工具，添加到选区，容差20（值越小，对颜色要求越严格，选择范围越小），选择黑色部分，SHIFT+F7反选，选择-羽化，羽化选区半径59.拖动人物，自由变换，enter10.橡皮擦工具（淡化边缘图像），主直径40，不透明度和流量30%11.打开”气泡文件“，拖放到文件中；打开”可爱的公主“，拖放到文件中
22、12.制作星光：单列工具，添加到选区，单行工具，调整前景色为白色，ALT+Delete填充前景色，CTRL+D取消选区，橡皮擦，旋转角度，enter,平面设计,PSD文件,PSD是Adobe公司的图形设计软件Photoshop的专用格式，PSD文件可以存储成RGB或CMYK模式，还能够自定义颜色数并加以存储，还可以保存Photoshop的层、通道、路径等信息，是目前惟一能够支持全部图像色彩模式的格式，但体积庞大，在大多平面软件内部可以通用,平面设计,污点修复画笔工具,快速移去照片中的污点和其他不理想的部分，不要求指定样本点，它自动从所修饰区域的周围取样练习：照片小痣选择污点修复画笔工具，画笔大
23、小6像素，选择近似匹配与“修复画笔区别”：修复画笔：适合修改大片区域,平面设计,修复画笔工具取样-Alt修补工具套选源拖动套选目标拖动红眼工具设置“瞳孔大小”和“变暗量”点击红眼,平面设计,自定义画笔选择图案-【编辑】【定义画笔预设】-打开图画-定义画笔设置前景色绘制图案铅笔工具颜色替换工具,平面设计,图案图章工具历史记录画笔工具历史记录艺术画笔渐变工具涂抹工具海绵工具文字工具,平面设计,二、编辑操作技巧,1.“剪切”“拷贝”“粘贴”命令2.合并拷贝3.”贴入“命令4.重新定义图像大小5.调整画布大小6.任意旋转整幅图像,平面设计,1.“剪切”“拷贝”“粘贴”命令,-对选取范围内容的图像进行操
24、作练习：磁性套索工具，选中人物，编辑-剪切打开”室内效果图“，编辑-粘贴,平面设计,2.合并拷贝,-在不影响原图像的情况下，将所有图层中的图像进行复制练习：打开”合成图像“文件，选择矩形选框工具，新建（默认属性值），编辑-粘贴与普通复制的区别：只能复制当前某个图层的内容,平面设计,3.”贴入“命令,将粘贴进来的图像放到某个选择的选区通道中练习：打开”太阳“，载入选区（精确选择元素：按住CTRL键，单击图层前面的缩览图），编辑-拷贝打开“风景”，魔棒工具，容差32，选中左上方区域，编辑-贴入，移动太阳位置,平面设计,4.重新定义图像大小,放大或缩小使其适应特定的区域，使图像的尺寸发生变化，而不影
25、响其他元素练习：打开“图标”，图像-图像大小，比较：将图像放大到400%与将图片修改为同比例像素（400）的图像质量,平面设计,5.调整画布大小,调整图像画布尺寸练习：打开“运动鞋”，显示标尺（CTRL+R），图像-画布大小，定位,平面设计,6.任意旋转整幅图像,对整个图像进行旋转和翻转打开“喜庆元素”，图像-旋转画布-任意角度任意角度范围：-359.99 359.99,平面设计,三、图层操作,把图像的不同部分作为离散的对象进行编辑1.就像一张张叠放在一起的胶片，最上边的图层挡住下面的图层，使之看不见2.上层图像中没有像素的地方为透明区域，通过透明区域可以看到下一层的图像3.图层是相对独立的，
26、在一个图层编辑，不会影响其他图层4.每一次只能在一个图层工作，不能同时编辑多个图层,平面设计,主要内容,1.复制图层2.改变图层的不透明度3.使用图层样式4.调用图层样式5.理解图层蒙版6.用绘画工具编辑图层蒙版7.使用填充图层8.使用调整图层9.初探图层的混合模式10.用图层混合模式合成图像,平面设计,1.复制图层,创建一个一模一样的图层练习：打开“水晶球”，拖动“水晶球”图层到图层调板底部的“创建新图层按钮上”，对副本自由变换快捷键：shift+alt 并拖动对象,平面设计,2.改变图层的不透明度,练习：打开“CS3启动界面”，自由变换，调整透视（按住ctrl），创建图层副本，选中全部图层
27、（按shift），水平居中对齐和垂直居中分布,平面设计,3.使用图层样式,使用图层样式可以制作阴影、发光、浮雕效果练习：制作玻璃质感图标新建：宽度500像素，高度233像素，分辨率72设置前景色：灰色，RGB均为111，填充前景色(alt+delete)，创建新图层“正圆”，椭圆选框工具，填充黑色，取消选区，打开图层样式：,平面设计,投影：RGB为11，67，124，正片叠底，不透明度75%，距离扩展大小为，4，0，4内阴影：RGB为2，87，126，距离阻塞大小为，0，19，13颜色叠加：RGB为51，166，254，不透明度70%渐变叠加：RGB为从黑到白渐变描边：RGB为4，76，126
28、添加“高光”图层，渐变工具，滤色模式,平面设计,4.调用图层样式,练习：新建400，200像素，建立“圆形”图层，绘制圆形，打开“材质按钮”，拷贝图层样式，在“圆形”粘贴图层样式图层-图层样式-缩放效果建立矩形选区，图层-新建-通过拷贝图层,平面设计,5.理解图层蒙版,方便用户制作图像或者制作特殊的图像效果练习：打开“手表”，复制图层，图像-调整-色相饱和度，色相155，饱和度5，明度0，添加图层蒙版，黑白渐变,平面设计,6.用绘画工具编辑图层蒙版,图层蒙版可以使用大多数绘图和编辑工具进行操作，如画笔工具、填充工具用白色描画添加图层蒙版用黑色描画擦除图层蒙版用不同的灰色描画，根据灰色程度添加或减去图层蒙版,平面设计,练习：打开“人物”“紫花”，将“紫花”移动到“人物”并对齐，添加图层蒙版，画笔工具，前景色为黑色，大小40，前景色白色，画笔,平面设计,7.使用填充图层,填充图层可以填充纯色、渐变、图案当设定新的填充图层时，自动生成一个图层蒙版使用填充图层不影响图像本身练习：打开“窗口”，载入选区，创建新的填充或调整图层，渐变,平面设计,8.使用调整图层,打开“背景”，色相/饱和度，明度-60，打开“梅花”，移动到“背景”，调整不透明度，创建新的填充或调整图层，色相/饱和度，画笔工具,平面设计,
