《电脑美术》基础知识

教师简介教师：杨萌Email：xian_ameng@126.com

QQ:229781818课程简介《电脑美术》是利用计算机进行平面设计、多媒体应用软件开发制作的重要基础课程。课程概括性的介绍平面图像设计的基本原理和基本知识，着重讲解Photoshop、ImageReady等图像处理软件的使用，结合实例练习，使学生掌握图像图层、蒙版、路径、色彩调整、滤镜等功能的综合运用，能利用计算机进行复杂的平面设计能力。教学方法及考核教学方法：课堂教学与上机实践。总课时：28学时，其中讲授28学时、自由上机实践。考核（考查课）：20分（平时考勤）+80分（大作业）大作业的基本要求共两个作业，均需完成，题目如下题目一：标志设计用自己的姓名为设计元素给自己的做一幅标志设计（字体设计）。要求内容必须包括自己的中文和英文（或拼音）名字，辅助元素（图标、图形）不限。参考样例大作业的基本要求题目二：广告招贴或宣传画或网站界面等要求至少包括：选区及基本绘图工具的使用、色调和色彩调节、图层、路径、蒙板等主要环节的操作；突出个性、富有创意参考样例大作业的基本要求作品提交形式建立以“班级＋学号后2位＋姓名”命名文件夹，存放以下文件：作品PSD格式的源文件，要求保留所有的层；作品的JPEG文件；作品设计步骤文字说明，包括主要设计界面的截图和设计步骤说明，以Word文档的形式保存；设计作品所用到的图像文件。优秀作品示例材物050207江勇优秀作品示例工设060114钟艳课程概况1.基础知识2.认识Photoshop3.工作流程简介4.图像的构成－图层5.文字操作6.选取图像7.绘画工具8.图像处理工具9.图像的色彩10.图像色彩的调节11.章路径12.使用通道和专色13.特殊图层14.图层效果和样式15.图像的修改、调整与滤镜加工16.提高效率的工具17.网页设计与ImageReady的应用18.综合实例课程实例—应用选框工具制作老屋课程实例—用画笔绘画课程实例—用图案图章工具修改图像课程实例—用修复工具修饰人脸课程实例—黑白图像换彩图课程实例—水晶按钮课程实例—倒影图像课程实例—彩图变黑白课程实例—换照片背景课程实例—换婚纱背景课程实例—换长发人物背景课程实例—制作手链课程实例—抠出精细人像课程实例—制作卷发课程实例—去掉多余的图像课程实例—换沙发罩课程实例—金属球体效果课程实例—拼图效果课程实例—软件界面课程实例—软件界面课程实例—PPT模板课程实例—制作网页界面1.1关于电脑美术1.2计算机图形的种类

位图图像

矢量图形

1.3基本术语

图像的位数与分辨率

色彩模式

常见静态图像文件格式

图像文件压缩方法1.4流行的图形图像处理软件第1章基础知识第1章基础知识最原始的美术：原始人徒手画画工具画画：国画、油画、版画、雕塑……电脑画画：通过数字处理，显示器显示作者所描绘的视觉形象。由于适应性、科学性，以及快速的经济回报，电脑美术几乎延伸到每一个绘画领域。1.1关于电脑美术美术泛指造型艺术，通常指绘画、雕塑、工艺美术、建筑艺术等。电脑美术是美术传统美术是电脑美术的基石电脑美术改变了传统美术的创作方法，大大提高了创作效率电脑美术能实现很多传统美术难以实现的功能，更能适应当今社会工业化和商业化的需要。1.1关于电脑美术电脑美术是美术吗电脑美术像风暴一样席卷设计领域，延伸到广告、电视、装饰、雕塑、影像、书刊杂志……电脑给从业人员带来了丰厚的回报，同时，提高了艺术效果，并缩短了制作时间，把众多从事传统美术经营的公司和作坊挤出了市场。许许多多电脑美术培训班的出现，以解决燃眉之急。各大专院校，也纷纷开起了电脑美术课程及电脑美术系。电脑美术在高等美术院校中掀起深入学习、深入研究的浪潮。1.1关于电脑美术电脑美术的风暴1.电脑作品艺术质量不高，无法形成市场2.许多人存在这样的看法：电脑美术是科技产品，不是艺术品！电脑美术作品不是唯一的，可以随意复制，因此失去观赏和收藏价值。电脑美术作品的知识版权同样受到各国法律的保护。1.1关于电脑美术电脑美术作品现状电脑美术的发展，在一些发达国家里十分迅速。二维、三维的卡通动画特别突出，绝大部分的动画背景，是用电脑直接绘制而成。当今国外的图形图像软件控制中国市场，我们应该努力发展自己的软件产业。同样我国在硬件制造中更加落后，加快制定中国的图形图像电脑产业的对策，迫在眉睫。我们应该高度重视电脑美术的教育问题。电脑美术不仅仅是艺术，而且是高增值产业！1.1关于电脑美术电脑美术的对策计算机图形分为：位图图像（BitmapedGraphics）矢量图形（VectorGraphics）第1章基础知识1.2计算机图形的种类位图图像表现连续色调矢量图形表现几何特征(1)位图图像及其特性位图图像也称为点阵图像，或叫做栅格图像是由一系列的像素（Pixel）组成的可识别的图像，每个像素都被分配一个特定位置和颜色值。图像的大小取决于像素点的数目，图像的颜色取决于像数点的颜色。由于位图图像是以排列的像素集合体形式创建的，所以不能单独操作（如移动）局部位图。1.2计算机图形的种类位

图

图

像(1)位图图像及其特性位图格式非常适合用于表现具有照片效果的图像，具有非常强的写实效果。位图图像是与分辨率有关的，即在一定面积的图像上包含有固定数量的像素。因此，如果在屏幕上以较大的倍数放大显示图像，或以过低的分辨率打印，位图图像会出现锯齿边缘。如图所示。1.2计算机图形的种类位

图

图

像1.2计算机图形的种类位

图

图

像(3)位图图像文件的规律（1）图形面积越大，文件的字节数越多；（2）文件的色彩越丰富，文件的字节数越多。编辑位图图像的软件也叫位图图像编辑器。如：PhotoShop、PhotoStyle、画笔等等。1.2计算机图形的种类位

图

图

像(1)矢量图像及其特性矢量图形，也称为面向对象的图像或绘图图像，在数学上定义为一系列由线连接的点。矢量文件中的图形元素称为对象。每个对象都是一个自成一体的实s体，它具有颜色、形状、轮廓、大小和屏幕位置等属性。1.2计算机图形的种类矢

量

图

形(1)矢量图形及其特性有一些图形（如工程图），主要由线条和色块组成，这些图形可以分解为单个的线条、文字、圆、矩形、多边形等单个的图形元素。再用一个代数式来表达每个被分解出来的元素。例如，程序绘制一个半径为r的圆所需的主要信息：

半径r圆心坐标画笔样式与颜色（可能是透明）填充样式与颜色（可能是透明）1.2计算机图形的种类矢量图形(1)矢量图形及其特性矢量图形与分辨率无关，可以将它缩放到任意大小和以任意分辨率在输出设备上打印出来，都不会影响清晰度。因此，矢量图形是文字（尤其是小字）和线条图形（比如徽标）的最佳选择。1.2计算机图形的种类矢量图形(2)矢量图的文件格式*.AI*.swf*.EPS*.dwg*.cdr*.wmf当需要打开这种图形文件时，程序根据每个元素的代数式计算出这个元素的图形，并显示出来。编辑矢量图形的软件也叫矢量图形编辑器如：CorelDrawIllustratorFreehand1.2计算机图形的种类矢量图形(3)

矢量图形文件的规律（1）任意缩放，不会造成失真（2）矢量图文件小（3）文件大小与图形中元素的个数、复杂程度成正比，与图形面积和色彩的丰富程度无关。（4）通过软件，矢量图可以轻松地转化为位图，而位图转化为矢量图需要经过复杂处理，并且质量远远低于原图。1.2计算机图形的种类矢量图形

由于计算机显示器只能在网格中显示图像，因此矢量图形和位图图像在屏幕上均显示为像素。1.2计算机图形的种类点阵图与矢量图的区别像素（Pixel）是图像的基本单位，外观是一个个有颜色的正方形。像素具有如下属性：1.3基本术语图像的位数与分辨率每个像素都有特定的位置；具有可以用“位（bit）”来度量的颜色深度；一般情况下，像素均为正方形；像素的大小是相对的。位置信息颜色值信息像素深度（PixelDepth）/位深度：表示每个像素的颜色所使用的二进制位数。位深度颜色颜色数备注1黑白图像20表示黑、1表示白416色或16级灰度160000表示黑、1111表示白0001～1110表示其余14种颜色8256色或256级灰度25600000000表示黑11111111表示白0001～1110表示其余254种颜色1616位增强色655362424位真彩色224

3232位全彩色232

1.3基本术语图像的位数与分辨率图像的位数与分辨率不同位深度的图像对比1.3基本术语1位4位8位16位图像的位数与分辨率1.3基本术语（1）图像分辨率

在一个图像上，每单位长度能实现的像素数目称为该图像的分辨率。简单说，图像的分辨率是指每英寸中所包含的像素的数目。度量单位：ppi(像素/英寸)。（2）显示器分辨率

在显示器上每单位长度所能显示的像素或点的数目，称为显示器的分辨率。度量单位：dpi(点/英寸)。（3）打印机分辨率

打印机在每英寸上所能产生的墨点数目，称为打印机分辨率。度量单位：dpi(点/英寸)。（4）文件大小图像的位数与分辨率1.3基本术语

指图像占用磁盘空间的大小。文件大小与图像的像素尺寸和颜色深度成正比。分辨率：400X600彩色：24位真彩色存储空间：400X600X248X1024==703KB（4）文件大小影响文件大小的另一个因素是文件格式。由于不同文件格式使用的压缩方法不同，所以，即使是同一个图像，不同格式的文件大小差异也会很大。图像的位数与分辨率1.3基本术语完美的颜色可以给图像增添活力，如果颜色运用不当，就无法展现图像的效果。

色彩模式是图形设计最基本的知识，是我们的作品能够在屏幕和印刷品上成功表现的保障。彩色模式——CMYK模式、RGB模式、Lab模式、HSB模式、IndexedColor（索引颜色）模式单色模式——GrayScale（灰度）模式、Bitmap（位图）模式色彩模式1.3基本术语色彩模式1.3基本术语●单色模式——色调单一的图像，但并非只有一种颜色单色图像“二值”图像只有黑、白两色简单形式复杂形式“灰度”图像具有256级灰度

●

单色图像用途：简单形式——文本显示、木刻、版画效果的图像复杂形式——书籍用图片、报纸用图片

●

单色图像格式：

TGA、JPG、TIF、PCX等（1）Grayscale（灰度）模式灰度模式，又叫8比特深度图，用0-255的不同灰度值来表示图像，0表示黑色，255表示白色。灰度模式可以和彩色模式直接转换。在将彩色模式转换成灰度模式时，会扔掉原图像中所有的色彩信息，但能很好的表现高品质的图像效果。色彩模式1.3基本术语【PS对应的命令】“图像>模式>灰度”命令可以实现彩色模式到灰度模式的转换，改转换是不可逆的。（2）Bitmap（位图）色彩模式就是黑白模式，它只能用黑色和白色来表示图像。只有灰度模式图像和多通道图像才可以转换为位图模式，所以一般的彩色图像需要先转换为灰度模式后再接着转换为位图模式。特点：所定义的色彩只有黑色和白色通常用于文字识别色彩模式1.3基本术语（3）RGB模式RGB——红、绿、蓝

R

GBR—8bit表示G—8bit表示B—8bit表示最大表示：28×28×28=224=16777216(16.7M)，即真彩色色彩模式1.3基本术语（3）RGB模式在RGB模式中，由红、绿、蓝相叠加可以产生其它颜色，因此该模式也叫加色模式。所有显示器、投影设备以及电视机等许多设备都依赖于这种加色模式来实现的。优点—RGB色彩模式是编辑图像最佳的色彩模式，可以提供全屏幕的真彩色显示。缺点—RGB模式用于打印就不是最佳的了，因为RGB模式所提供的有些色彩已经超出了打印的范围之外，会失真。R

GB色彩模式1.3基本术语（4）CMYK模式

CMYK青品红黄黑C

KMYC（Cyan）—8bit表示M（Magenta）—8bit表示Y（Yellow）—8bit表示K（Black）—8bit表示

最大表示：28×28×28×28=232=4294967296(4294M)C

M

Y

K色彩模式1.3基本术语（4）CMYK模式物体吸收部分光线，并将剩下的光线进行反射，反射的光线就是我们所看见的物体颜色。这是一种减色色彩模式。视觉看到的颜色就是这种减色模式，按照这种减色模式，衍变出了适合印刷的CMYK色彩模式。CMYK（又称印刷四分色）代表印刷上用的四种颜色。因为在实际应用中，青色、品红色和黄色很难叠加形成真正的黑色，最多不过是褐色而已。因此才引入了K——黑色。黑色的作用是加深暗部色彩。色彩模式1.3基本术语C

KMY（4）CMYK模式以下是一幅在RGB模式下制作的图像，在转换为CMYK模式后的比较，如下图：CMYK模式RGB模式色彩模式1.3基本术语丢失颜色不会丢失颜色RGB模式CMYK模式（4）CMYK模式优点—CMYK模式是最佳的打印模式。缺点—用CMYK模式编辑运算速度很慢经验：先用RGB模式进行编辑工作，在印刷前才进行CMYK模式转换，加入必要的色彩校正，锐化和修整。【PS对应的命令】为了快速预览CMYK模式下图像的显示效果，而不转换模式可以使用”视图>校样设置>工作中的CMYK”命令。色彩模式1.3基本术语（5）Lab模式由国际照明委员会（CIE）于1976年公布的一种色彩模式。Lab模式既不依赖光线，也不依赖于颜料，理论上包括了人眼可以看见的所有色彩的色彩模式。Lab模式由三个通道组成。亮度通道（Lightness），即L（0～100）。色彩通道，用A和B来表示（－128～128）。色彩混合后将产生明亮的色彩。A通道是从深绿色到亮粉红色；B通道是从亮蓝色到黄色。色彩模式1.3基本术语（5）Lab模式特点：所定义的色彩最多且与光线及设备无关处理速度与RGB模式相仿在转换成CMYK模式时色彩没有丢失或被替换在表达色彩范围上，处于第一位的是Lab模式，第二位的是RGB模式，第三位是CMYK模式。色彩模式1.3基本术语（6）HSB模式根据日常生活中人眼的视觉特征而制定的一套色彩模式，以色相（Hue）、饱和度（S）和亮度（B）描述颜色的基本特征。色相：是纯色，即组成可见光谱的单色。一般用“º”表示。红色：0º、绿色120º、蓝色在240º。饱和度：表示色彩的纯度，以“％”来表示，为0时为灰色。在最大饱和度时，每一色相具有最纯的色光。亮度：是色彩的明亮程度，以“％”来表示，为0时即为黑色。最大亮度是色彩最鲜明的状态。色彩模式1.3基本术语（7）IndexedColor模式索引色彩模式，也叫映射颜色。在这种模式下，只能存储一个8bit色彩深度的文件，即最多256种颜色。一幅图像所有的颜色都在它的图像文件里定义，也就是将所有色彩映射到一个色彩盘里，这就叫颜色表。特点：索引色彩的图像占硬盘空间较小图像质量也不高适用于多媒体动画和网页图像制作色彩模式1.3基本术语（7）IndexedColor模式将图像转换为索引色彩模式时，会构建一个颜色表存放该图像中的颜色。色彩模式1.3基本术语【PS对应的命令】在索引色彩模式下，可使用“图像>模式>颜色表”命令替换指定的颜色（8）Duotone（双色调）模式采用2～4种彩色油墨混合其色阶来创建双色调、三色调和四色调的图像。这样就可以打印出比单纯灰度模式更有趣的图像。用途：使用尽量少的颜色表现尽量多的颜色层次，以利于减少印刷成本。（9）Mutichannel（多通道）模式由其他的色彩模式转换而来的，不同的色彩模式转换后将产生不同的通道数。如RGB模式转换成多通道模式时，将产生青色、洋红、黄色三个通道。用途：对于有特殊打印要求的图像非常有用。色彩模式1.3基本术语Photoshop中有20多种文件格式可供选择。在这些文件格式中，既有Photoshop的专用格式，也有可用于其它软件的文件格式，目前流行的图像文件格式也不过十余种。常见静态图像文件格式1.3基本术语PSD/PDDAdobe公司开发的图像专用格式EPSBMPWindows操作平台常用的图像文件格式TIFFGIF网络上最流行的图像文件格式JPEGPNG1.

PSD格式和PDD格式PSD格式和PDD格式是Photoshop软件自身的专用文件格式，支持所有色彩模式，最能体现Photoshop的功能与特征的优化格式。特点：压缩比高，不失真通用性不强在设备最终决定图像存储的格式前，最好先以这两种格式存储。另外，Photoshop打开和存储这两种格式的文件较其他格式更快。常见静态图像文件格式1.3基本术语2.

TIFF格式TagImageFileFormat，Aldus公司开发，用于精确描述图像的场合。常见静态图像文件格式1.3基本术语●使用要点(1)平面设计作品的最佳表现形式(2)用于提供印刷文件(3)不适于网络传送文件头标识信息区图像数据●特点(1)扩展名采用“.tif”(2)文件描述单一(静止)图像(3)彩色模式:单色—232(4)支持多平台(PC&Macintosh)(5)可采用多种压缩数据格式3.

BMP格式Bitmap，Microsoft公司开发，用于Windows环境。常见静态图像文件格式1.3基本术语●使用要点(1)用于表现打印、显示用图像(2)不适于网络传送文件头调色板数据(反向排列)图像数据●特点(1)扩展名采用“.bmp”(2)文件描述单一(静止)图像(3)彩色模式:24~232(4)一般采用非压缩数据格式4.

GIF（图像交换）格式GraphicsInterchangeFormat,CompuServe公司开发,用于屏显和网络。常见静态图像文件格式1.3基本术语●使用要点(1)用于屏幕显示图像和电脑动画(2)用于网络传送(3)不适于保存高质量印刷文件●特点(1)扩展名采用“.gif”(2)具有87a、89a两种格式87a——

描述单一(静止)图像89a——

描述多帧图像(3)彩色模式:28(256色)，分辨率96dpi(4)采用改进的LZW无损压缩算法文件头逻辑屏幕描述图像数据结束标志调色板信息5.

JPEG（联合图片专家组）格式JointPhotographicExpertsGroup，联合专家小组开发，用于彩色图像的存储和网络传送常见静态图像文件格式1.3基本术语●使用要点(1)用于保存表现自然景观的图像(2)用于网络传送(3)不适于表现有明显边界的图形(4)不适用于高质量印刷文件●特点(1)扩展名采用“.jpg”(2)采用有损压缩编码形式，数据量小(3)彩色模式:232(真彩色)(4)经解压缩，方可显示图像，显示速度慢经压缩的图像数据各类压缩算法5.

JPEG（联合图片专家组）格式在PS中存储图像为jpg格式的文件时，还可以决定压缩等级，可以选择从低（Low）中（Medium）、高（High）到最高（Maximum）4种图像压缩质量。以高质量保存图像比其他质量的保存形式占用更大的磁盘空间。而选择低质量保存图像则会使损失的数据较多，但占用的磁盘空间较少。常见静态图像文件格式1.3基本术语6.

EPS格式EncapsulatedPostScript，ADOBE公司开发，用于绘图或排版。常见静态图像文件格式1.3基本术语●特点(1)矢量图形格式(2)Illustrator的默认格式，扩展名“.eps”(3)输出精度高(4)Photoshop中，可以将文件存储为EPS格式(5)PageMaker、Illustrator、CorelDraw可编辑●使用要点(1)用于绘制线条、曲线等(2)用于排版或打印(3)不适于屏幕显示7.

PNG（轻便网络图形）格式PortablenetworkGraphic，Netscape

公司开发,用于屏显或网络。常见静态图像文件格式1.3基本术语●特点(1)fireworks默认格式，扩展名为“.png”(2)采用无损压缩编码形式，数据量小(3)支持透明背景和消除锯齿边缘(4)RGB和灰度颜色模式下支持Alpha通道

●使用要点(1)用于网络传送(2)有的浏览器不支持PNG格式,(4)不适用于高质量印刷文件文件标志数据块…数据块常见静态图像文件格式1.3基本术语文件用途.GIF用于动画、多媒体程序界面，网页界面.BMP用于Windows环境下的任何场合.TIFF用于专业印刷.JPG用于数字图片保存、传送.PNG用于多媒体，网页界面.PSD用于PHOTO文件格式与用途注意：图像文件的扩展名不要轻易修改，否则不能正常使用常见静态图像文件格式1.3基本术语文件格式与数据量A4幅面(横)24bit彩色300dpi分辨率.JPG883KB损失15%色重复保存,损失加剧.GIF4,501KB256色格式转换容易失真.BMP25,481KB真彩色●

数据量大.TGA25,481KB真彩色●

数据量大.PCD25,481KB真彩色●

数据量大.TIF25,697KB真彩色●

数据量大数据对比图像压缩是指以尽可能少的比特数代表图像或图像中所包含信息的技术。图像压缩的目的

减少存储容量，以利信息的保存有利于数据传输图像压缩的种类无损压缩（可以无误差地重建原图像）有损压缩（与原图像有某种合理程度失真）图像文件压缩方法1.3基本术语1.

行程长度压缩（RLE，无损压缩）原理是将一扫描行中的颜色值相同的相邻像素用一个计数