高等教育平面设计与图形图像概述.pptx

单击此处编辑母版标题样式,单击此处编辑母版副标题样式,Photoshop CS4,图形图像处理教程,高等学校计算机基础教育教材精选,赵祖荫 主编,第,1,章,平面设计与图形图像概述,1.1 平面设计简介,1.2 图形图像的基本概念,1.3 图像色彩的基础,1.,4,本章小结,本章学习重点：,了解平面设计的基本概念和基础知识,了解图形、图像的的基本概念,掌握图像色彩的基本知识,平面设计最大特点是通过一些不同的基本图形，按照一定的规则和方法，在平面上组合成的图案。,平面设计所表现的立体空间感，是通过图形、图像对人的视觉进行作用而形成的一种空间幻想的形象。,平面设计可以在最短暂的时间内为人们传递最时尚、最丰富、最前沿、最明晰的艺术性信息。,1.1,平面设计简介,1.,平面设计的基本元素,文字,图形,色彩,图,1-1,字体设计示意图之一,图,1-2,字体设计示意图之二,图,1-3,图形设计示意图,图,1-4,色彩设计示意图,图,1-5,综合设计示意图之一,图,1-6,综合设计示意图之二,平面设计中的表现形式,文字,图形,色彩,和谐、对比、对称、平衡 比例、重心、节奏、韵律,和谐,:,和谐的平面设计是建立在统一和对比基础上,给予人们的感觉和意识,是一种整体协调的关系。如图,1-7,对比：,又称为对照，为使人感觉鲜明强烈且富有统一感，而把质或量反差很大的两个元素成功搭配，使主体更加鲜明、作品更加活跃。如图,1-8,对称：,以一个图形的中央为中心线，将图形分为左右或上下同等、同量的,一种形式。给人创造庄重沉稳、高贵大气的信赖感。,平衡：,比例：,在平面设计中指的是根据图像的形量、大小、轻重、色彩等因素来,分布作用与视觉判断上的平衡。如图,1-9,比例是平面设计中编排组合的重要因素，也是用来表现现代生活和,科技时代的抽像艺术形式。如图,1-10,重心：,节奏：,韵律：,画面的中心视点，就是视觉的重心点，画面中图像各种丰富的变化,：如轮廓的变化，色彩的运用等都可能对视觉重心产生作用。,节奏是具有时间感的一种表现形式，在平面设计中通过同一要素连,续重复产生的运动感，给人创造动态的美。如图,1-11,。,在平面设计中单一的个体元素组合、有小变大产生无限的意境，从,规律变化的形像、色彩等方面处理排列，使之产生音乐般的旋律感，成,为韵律，如图,1-12,所示。,图,1-7,和谐表现形式的图像,图,1-8,对比表现形式的图像,图,1-9,平衡表现形式的图像,图,1-10,强调比例表现形式的图像,图,1-11,强调节奏表现形式的图像,图,1-12,强调韵律表现形式的图像,1.2,图形图像的基本概念,图形一般可用计算机软件绘制，是由点、线、面等元素组合而,成的，又常被称为矢量图形；,图像则可由计算机输入设备捕捉的实际场景的画面，或以数字,化形式存储的画面，又称为位图图像。,两者都是数字化的文件，但在感觉器官的复杂度和意义上也是,不同的，所传达的视觉效果也是不同的。,1.,位图,2.,矢量图,1.2.1,图形图像的种类,矢量图也叫向量图形，是用一组指令集来描述的。,这些指令描述了构成一幅图画的所有直线、曲线、矩,形、圆、圆弧等的位置、形状和大小,。,位图也称点阵图像或像素图像，可用数码照相机,或扫描仪等设备获取。位图图像是由一个个像素点组,成的，一个像素可用一个或多个内存位来存储，是由,描述图像的各个像素点的明暗强度与颜色的位数集合,而成。,图,1-13,位图图像放大后的效果显示,1.2.2,图像的大小、分辨率和像素,1,像素（,Pixel,）,像素是图像显示的基本单位。被视为图像的最小的,完整采样，是有颜色的小方块。而图像就是有若干个小,方块组成的。他们有各自的颜色和位置，因此小方块越,多，也就是像素越多，那么图像也就越清晰，但图像的,大小也就越大。,2,分辨率（,Resolution,）,分辨率指图像文件中单位面积内像素点的多少；或,者说所包含的细节和信息量，也可指输入、输出或者显,示设备能够产生的清晰度等级。通常可以分为以下几种,不同的分辨率：,（,1,）屏幕分辨率：,指在特定显示方式,下，显示器能提供的分,辨率，以水平和垂直的,像素来表示。,图,1-14,屏幕分辨率的设置图示,（,2,）图像分辨率：,指构成一幅图像所用的像素点数，以水平和垂直的,像素点表示，图像分辨率以每英寸含多少个像素来计算,的，通常用,ppi(,像素,/,英寸,),为单位。,低分辨率的图像,高分辨率的图像,图,1-15,不同分辨率的图像显示效果,例如一幅,A4,大小的,RGB,彩色图像，若分辨率,为,300ppi,，则文件的大小为,20MB,以上。若分辨率,为,72ppi,，则文件的的大小为,2MB,左右，如图,1-16,、,1-17,所示。,图,1-16,“,图像大小,”,设置对话框,图,1-17“,图像大小”设置对话框,（,3,）扫描仪分辨率：,指在扫描前所设置的扫描仪的解析极限，其单位与,打印机的相同,dpi,。,（,4,）打印机分辨率：,指喷墨或者激光打印机每英寸所产生的墨点数目。,1.2.3,常用的图像文件格式,为了适应不同应用的需要，图形或图像可以以多,种文件格式存储，不同的图形或图像文件格式具有不,同的存储特性，不同格式图形或图像之间也可以通过,一些工具软件来互相转换。以下介绍一些比较常用的,图形、图像文件格式。,1,PSD,（*,.PSD,）格式,PSD,格式是,Photoshop,特有的、非压缩的图像文件格式，是唯一支持所有,的图像模式。,2.JPEG,（*,.JPG,）格式,JPG,格式是图像最常用的一种有损压缩的图像格式之一，也是一种支持,24bit,真彩色的，静态图像的文件格式。,3,GIF,（*,.GIF,）格式,GIF,格式的英文原意是“图像互换格式”,是使用,LZW,压缩方式产生容量小,且无损压缩的一种图像文件格式，它使用,8,位的图像颜色，并能够保留锐化细,节。,4,BMP,（*,.BMP,）格式,BMP,格式是,Windows,标准的位图式的图像文件格式。,5.TIF,（*,.TIF,）格式,6.PNG,（*,.PNG,）格式,TIF,格式是一种与平台无关、与应用程序无关、与图像本身无关的图像文件,格式。,是,Netscape,公司开发出来的一种图像格式，是,Portable Network Graphics,的缩,写，中文译为：“便携式网络图像”。,7.PDF,（*,.PDF,）格式,PDF,格式是,Adobe,公司开发的比较灵活的、适用于不同平台和软件的一种文,件格式。,8.EPS,（*,.EPS,）格式,是压缩的,Post Script,格式的变体之一。用于在应用程序间传递,Post Script,语言,图片信息，在排版软件中以低分辨率预览，以高分辨率打印输出。,1.3,图像色彩的基础,色彩是一个丰富的概念，不论在生活中还是工作,中都充当了重要的角色。平时我们可以看到各种各样,丰富多边的色彩,城市的色彩、企业的色彩、个人,的色彩等等，无论哪一种色彩，都能够体现出事物的,特色和风格来，左右观赏者对物体或事物的印象。因,为有了色彩，才让生活丰富且美丽。,1.3.1,色彩的形成,物体本身是没有什么颜色的，没有光就没有色。光,是一切视觉艺术所存在的前提条件。由于各种物体对光,谱中的各个不同部分有不同的吸收和反射，才产生绚丽,缤纷的颜色。而色彩的产生需要主客观的结合，就是除,了光和客观存在以外，眼睛就是感受色彩的生物物质的,主体和条件。而眼睛作为色彩的“接收”系统，在色彩中,起到十分重要的作用。那么，光、物体、和眼睛就成为,色彩形成的三个不可缺少的因素。,色彩,无色,彩系,有色,彩系,明度,色相,纯度,明度是指色,彩的明暗程度,色相是指,色彩的相貌,纯度是指色彩的,鲜艳度、饱和度。,1.3.2,色彩的分类,色彩的主要类别,色彩的三要素,图,1-18,色相的应用,图,1-19,明度的应用,图,1-20,纯度的应用,1.3.4,色彩的表现技法简介,色彩的语言丰富而美丽，它可以包装人类的视,觉，感知人类的心灵。其中色彩的构成及其表现技,法也是妙趣横生的，构成可以通过色彩的一些原理,和形式美的法则来实现色彩的各种表现技法。根据,人类对色彩的视觉、生理、心理效应，来进行多方,面和多形式的组合。通过色彩的基本表现技法来了,解一些色彩构成的主要内容。,1.,色彩的对比,（,1,）色彩的色相对比：不同颜色并置，在比较中呈现色相差异，称为色相对比，,如图,1-21,所示。,图,1-21,色环,1.,色彩的对比,（,2,）色彩的明度对比：每一种颜色都有自己的明度特征。当它们进行对比时，会,有明显明暗深浅的差异，这就是色彩的明度对比。,（,3,）色彩的纯度对比：因色彩纯度的差异而形成的色彩鲜浊度对比称纯度对比。,图,1-22,高纯度的对比,图,1-23,低纯度的弱对比,（,4,）色彩的面积对比：是各种色彩在数量上所占用的比例对比，是数量的大与,小，面积的的多和少之间的对比关系。,图,1-24,面积对比的应用,（,5,）色彩的形状对比：,“,形之不存，色将焉附,”,，色彩也可以通过形状来呈现出不,同的特色，不同的形状的色彩，对视觉最有影响的就是聚集和分散的效果。,2,色彩的调和,色彩能使人产生联想和感情，并可以唤起人们的情感。色彩的调和：,“,调,”,是,调整、调理、调节、安排等意思；,“,和,”,为和一、和谐、和平、融洽等意思。,（,1,）类似调和,秩序产生和谐,类似调和强调色彩要素中的一致性，追求色彩关系的统一感，,类似调和包括同一调和与近似调和。,色彩的同一调和：是指在色相、明度、纯度三要素中，某种要素完全相同，,而变化其他要素。,单元同一调和,双元同一调和,同一色相调和,同色相、同明度调和,同一明度调和,同色相、同纯度调和,同一纯度调和,同明度、同纯度调和,表,1-1,色彩的同一调和表,色彩的近似调和：是指在色相、明度、纯度三要素中某种要素近似，变化,其他的要素的调和方式。,图,1-25,色彩的近似调和示意图,图,1-26,孟赛尔立体图的不同调和方法,（,2,）对比调和,和谐来自对比：,是强调组合而变化的和谐的色彩关系，,通过各种不同方式的组合来实现和谐的色彩关系。让对比的调和更加和谐。,主要是根据伊登的色彩理论分为：二色调和、三色调和、四色调和和五色,以上的调和。,1,2,3,4,二色调和：,是通过色环中,两个相对的颜色（,互补色）组合而调,和形成的色彩组合,如图,1-27,所示。,三色调和：,是色环中构成,等腰三角形或等边,三角形的三个颜色,来组合调和的组合。,如图,1-28,所示。,四色调和：,是色环中构成,正方形、长方形的,四个颜色来组合的,调和色彩组合。,如图,1-29,所示。,五色以上的调和：,是通过色环构,成五边形、六边形,等五个颜色以上的,调和色彩组合。,如图,1-29,所示。,图,1-27,二色调和的应用,图,1-28,图,1-29,如图,1-30,五色以上调和的应用,3,色彩的采集和重构,色彩的采集重构是通过形式美法则和一些设计的需求，对自然的色彩和人,工的色彩，以及一切可以借鉴的素材中的色彩进行借用和采纳，进行视觉平,面上的再创作，把这些信息进行归纳和取舍而组合成的新型的图形。色彩的,采集和重构加强了抽象的训练，感悟色彩的真正的秩序感，使得视觉的色彩,审美形成。,本章主要介绍了平面设计的基础知识、图形和图像,的基础知识、图像色彩的基础知识，这三部分内容是学,习图像处理的必备的基础知识，是学好本书应该掌握理,论基础。,平面设计的基础知识可以使学习者了解基本的设计,元素与它们的主要表现形式；图形和图像的基础知识介,绍了图形、图像文件的种类、格式和特点；图像色彩的,基础知识是完成图像色彩处理的必需了解基础知识。,1.4,本章小结,本章的知识点较多，基本概念和很多术语对初学者,来说会有一定难度，在学习过程中可以对重要的基本概,念作好笔记，通过以后的章节的学习和实验逐步加深对,这些知识的理解。,