资源预览内容
第1页 / 共115页
第2页 / 共115页
第3页 / 共115页
第4页 / 共115页
第5页 / 共115页
第6页 / 共115页
第7页 / 共115页
第8页 / 共115页
第9页 / 共115页
第10页 / 共115页
亲,该文档总共115页,到这儿已超出免费预览范围,如果喜欢就下载吧!
资源描述
平面设计,冯永华 henufyhyahoo.com.cn,平面设计,课程目标,技术与艺术的结合,计算机在平面设计领域的应用使得平面设计的表现风格趋于多样化,作为一种创作手段,它可以帮助人们从一个全新的视角看待问题,也为开拓更为广阔的想象空间提供了必要的技术条件。,平面设计,主要学习内容,平面设计的基础知识 两大要素:色与形 色彩:属性、混合、对比、调和、运用等 形态:点、线、面、质感、明暗、空间等 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确定,
网站客服QQ:2055934822
金锄头文库版权所有
经营许可证:蜀ICP备13022795号 | 川公网安备 51140202000112号