平面设计课件.ppt

平面设计,冯永华 henufyh,平面设计,课程目标,技术与艺术的结合,计算机在平面设计领域的应用使得平面设计的表现风格趋于多样化，作为一种创作手段，它可以帮助人们从一个全新的视角看待问题，也为开拓更为广阔的想象空间提供了必要的技术条件。,平面设计,主要学习内容,平面设计的基础知识 两大要素：色与形 色彩：属性、混合、对比、调和、运用等 形态:点、线、面、质感、明暗、空间等 Photoshop软件应用 将造型艺术进行综合的一种工具，即将视觉表达规律还原或者再现于二维的空间之上。,平面设计,主要学习方法,理论与实例融合学习 对理论的分析：把构成视觉图形的要素进行提炼 对PS实例应用：还原二维空间 注意记关键词,平面设计,如何学好平面设计,艺术： 美术基础： 平面构成、色彩构成、立体构成 ，绘画 懂得审美 摄影 技术 Photoshop（基础）、Coreldraw、Illustraor,平面设计,平面设计师要学软件： Photoshop、Illustrator、Indesign Acrobat四个软件。 广告公司常用软件： Photoshop、Illustrator、PageMaker、Freehand、CorelDraw等设计软件,平面设计,纪律要求,按时上课 不准打游戏 保持机房清洁,平面设计,第一章 平面设计入门,1.1 基本概念 1.2平面设计的术语与元素 1.3 平面设计的一般流程,平面设计,1.1 基本概念,一、平面设计（graphic design）的涵义 平面设计是将不同的基本图形，按照一定的规则在平面上组合成图案。主要在二度空间范围之内以轮廓线划分图与地之间的界限，描绘形象。而平面设计所表现的立体空间感，并非实在的三度空间，而仅仅是图形对人的视觉引导作用形成的幻觉空间。 以“视觉”作为沟通和表现的方式。透过多种方式来创造和结合符号、图片和文字，借此作出用来传达想法或讯息的视觉表现。,平面设计,（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.像素 像素是图像的基本单位。当您在类似Adobe Photoshop这样的图像编辑软件中将图像文件放大数倍后，会发现图像是由一个个栅格组成的。每一个栅格中只能表现一种颜色，代表一个像素。因此我们说，图像中的每个像素都被分配一个特定位置和颜色值。图像通常是由许多像素组成的，它们以行和列的方式排列，所以很多时候，我们也称它们为光栅。 2.光栅 光栅是由像素排列的栅格，由像素组成的图像经常被称为光栅图像。光栅图像不能无限制地放大，图像放得太大经常会导致锯齿边缘的出现。,平面设计,2.套索工具,套索工具有三种 一般套索工具：点击套索工具，按住鼠标不放，即可拖出任意选区（不精确，用途不大） 多边形套索工具：每次单击鼠标左键，最后出现小圈单击结束，或者双击结束。套错了，按键盘退格键，删除节点（用途较多） 磁性套索工具：根据颜色的对比度自动产生（控制复杂，应用不太广泛）,平面设计,2.套索工具 练习,修改颜色衣服（男孩.jpg） 修改羽化值为2（使修改更自然），多边形套索工具，图像-调整-色相/饱和度（色相可以改变衣服的颜色77，饱和度改变颜色鲜艳的程度-1，明度改变明暗程度-2）-确定，选择-取消选区,平面设计,色相： 也叫色别，指颜色具体的色彩面貌，主要用来区别各种不同色彩 饱和度： 也叫纯度，指颜色的纯粹程度，鲜艳程度。 明度： 亮度、广度、鲜明度，指颜色本身的深浅程度 同一种颜色受光强弱不同而形成的明暗深浅的程度 不同的色彩有明度：红橙黄绿青蓝紫,平面设计,3.魔术棒工具,与选框工具、套索工具类似做选区选择，其作用：选择颜色相近的区域 练习：图像合成 属性栏中“新选区、添加到新选区、从选区中减去、交叉”含义 步骤：选添加到新选区，用魔棒工具单击背景，选择-反选，用移动工具拖动到另外一幅图片中，编辑-自由变换 ，调整大小，完成之后按enter确定,平面设计,图层概念,1.就像一张张叠放在一起的胶片，最上边的图层挡住下面的图层，使之看不见 2.上层图像中没有像素的地方为透明区域，通过透明区域可以看到下一层的图像 3.图层是相对独立的，在一个图层编辑，不会影响其他图层 每一次只能在一个图层工作，不能同时编辑多个图层,平面设计,4.裁剪工具,裁剪图片 练习：修改扫描中未处理好的图片 按住鼠标左键拖出裁剪框，鼠标放在角落可旋转裁剪框，可拖动控制点修改大小，完成后按enter确定 属性：上传照片像素特定如98像素*130像素，分辨率为72，使用裁剪工具，enter确定，可以从图像-图像大小看到,平面设计,5.图章工具,仿制图章工具 从图像中取样，然后将样本应用到其他图像或同一图像的其他部分 ALT+鼠标左键单击=拾取采样点 例如，取图片采样点在图片空白处涂抹，能够复制采样点的像素 常用来修复图片 图案图章工具 把图案复制出来，因此，必须先有图案，可以先自定义一个图案，然后把图案复制到其他的区域或其他图像上 练习： 用选框工具选定选区，定义成图案：编辑-定义图案-确定，选择-取消选择，选择图案图章工具，修改属性：图案，选定图案，即可复制出图案（可以修改笔的大小：属性栏画笔）,平面设计,仿制图章工具练习,修复斑驳的图片 在图片斑驳处附近选取采样点，涂抹（复制采样点的像素）,平面设计,6.修复画笔工具,修复画笔工具 类似仿制图章工具的操作方法和功能 区别：仿制图章工具：完全是一种复制；修复画笔工具：自动融合 修复相片的很好的工具 练习：斑点修复 属性：直径：20，硬度：最远 方法：重复ALT取点，覆盖斑点,平面设计,修补工具和颜色替换工具,修补工具适合大面积的修补 练习： 选修补工具，按鼠标左键，拖出选区，然后将其拖到另外一个颜色地方，实现了修补。 颜色替换工具，保持原来的图像，仅仅是颜色的改变 按ALT拾取颜色点-涂抹，替换颜色,平面设计,油漆桶工具,用前景色填充颜色相近的区域 练习：将花朵的颜色改变 选择油漆桶工具，不透明度50%，调整容差100，取消“连续性”（不要求连续） 或者透明度100%,模式调为“颜色”,平面设计,几个常用的快捷操作,取消选区 CTRL+D 反选选区SHIFT+F7 图像放缩CTRL+、- 用前景色填充ALT+Delete 用背景色填充CTRL+Delete 抓手工具 空格键 打开文件CTRL+O 自由变换CTRL+T,平面设计,小综合制作儿童照片,1.文件-新建：可爱的小公主 像素600*230 2.创建图层，命名：背景颜色 3.在”背景颜色“操作，设定前景色R：255，G：146，B：162，ALT+Delete 用前景色填充 4. 选多边形套索工具，设定羽化值：28，选中图层大部分区域， SHIFT+F7反选，delete删除选区内容， CTRL+D取消选区 5. CTRL+O打开”小公主1“，多边形套索工具，羽化28，套选人物，使用移动工具，自由放缩，enter 6.调整图层1不透明度15%,平面设计,7. CTRL+O打开”小公主2“，同样方法，设置，不透明度为40% 8. CTRL+O打开”小公主3“，魔棒工具 ，添加到选区，容差20（值越小，对颜色要求越严格，选择范围越小），选择黑色部分， SHIFT+F7反选，选择-羽化，羽化选区半径5 9.拖动人物，自由变换，enter 10.橡皮擦工具（淡化边缘图像），主直径40，不透明度和流量30% 11.打开”气泡文件“，拖放到文件中；打开 ”可爱的公主“，拖放到文件中 12.制作星光：单列工具，添加到选区，单行工具，调整前景色为白色， ALT+Delete填充前景色， CTRL+D取消选区，橡皮擦，旋转角度，enter,平面设计,PSD文件,PSD是Adobe公司的图形设计软件Photoshop的专用格式，PSD文件可以存储成RGB或CMYK模式，还能够自定义颜色数并加以存储，还可以保存Photoshop的层、通道、路径等信息，是目前惟一能够支持全部图像色彩模式的格式，但体积庞大，在大多平面软件内部可以通用,平面设计,污点修复画笔工具,快速移去照片中的污点和其他不理想的部分，不要求指定样本点，它自动从所修饰区域的周围取样 练习：照片小痣 选择污点修复画笔工具，画笔大小6像素，选择近似匹配 与“修复画笔区别”： 修复画笔：适合修改大片区域,平面设计,修复画笔工具 取样-Alt 修补工具 套选源拖动 套选目标拖动 红眼工具 设置“瞳孔大小”和“变暗量”点击红眼,平面设计,自定义画笔 选择图案-【编辑】【定义画笔预设】-打开图画-定义画笔设置前景色绘制图案 铅笔工具 颜色替换工具,平面设计,图案图章工具 历史记录画笔工具 历史记录艺术画笔 渐变工具 涂抹工具 海绵工具 文字工具,平面设计,二、编辑操作技巧,1.“剪切”“拷贝”“粘贴”命令 2.合并拷贝 3.”贴入“命令 4.重新定义图像大小 5.调整画布大小 6.任意旋转整幅图像,平面设计,1.“剪切”“拷贝”“粘贴”命令,-对选取范围内容的图像进行操作 练习： 磁性套索工具，选中人物，编辑-剪切 打开”室内效果图“，编辑-粘贴,平面设计,2.合并拷贝,-在不影响原图像的情况下，将所有图层中的图像进行复制 练习： 打开”合成图像“文件，选择矩形选框工具，新建（默认属性值），编辑-粘贴 与普通复制的区别： 只能复制当前某个图层的内容,平面设计,3.”贴入“命令,将粘贴进来的图像放到某个选择的选区通道中 练习： 打开”太阳“，载入选区（精确选择元素：按住CTRL键，单击图层前面的缩览图），编辑-拷贝 打开“风景”，魔棒工具，容差32，选中左上方区域，编辑-贴入，移动太阳位置,平面设计,4.重新定义图像大小,放大或缩小使其适应特定的区域，使图像的尺寸发生变化，而不影响其他元素 练习： 打开“图标”，图像-图像大小， 比较：将图像放大到400%与将图片修改为同比例像素（400）的图像质量,平面设计,5.调整画布大小,调整图像画布尺寸 练习： 打开“运动鞋”，显示标尺（CTRL+R），图像-画布大小，定位,平面设计,6.任意旋转整幅图像,对整个图像进行旋转和翻转 打开“喜庆元素”，图像-旋转画布-任意角度 任意角度范围：-359.99 359.99,平面设计,三、图层操作,把图像的不同部分作为离散的对象进行编辑 1.就像一张张叠放在一起的胶片，最上边的图层挡住下面的图层，使之看不见 2.上层图像中没有像素的地方为透明区域，通过透明区域可以看到下一层的图像 3.图层是相对独立的，在一个图层编辑，不会影响其他图层 4.每一次只能在一个图层工作，不能同时编辑多个图层,平面设计,主要内容,1.复制图层 2.改变图层的不透明度 3.使用图层样式 4.调用图层样式 5.理解图层蒙版 6.用绘画工具编辑图层蒙版 7.使用填充图层 8.使用调整图层 9.初探图层的混合模式 10.用图层混合模式合成图像,平面设计,1.复制图层,创建一个一模一样的图层 练习： 打开“水晶球”，拖动“水晶球”图层到图层调板底部的“创建新图层按钮上”，对副本自由变换 快捷键：shift+alt 并拖动对象,平面设计,2.改变图层的不透明度,练习： 打开“CS3启动界面”，自由变换，调整透视（按住ctrl