计算机辅助平面设计

计算机辅助平面设计5/9/20241计算机辅助平面设计.计算机辅助设计软件的分类：1、平面图形制作软件AdobeIllustrator、coreldraw、freehand、autocad2、平面图像处理软件Adobephotoshop3、平面动画制作软件flash4、三维建模软件3dsmax、maya5、渲染类lightscape6、插件类finalRender、MentalRay、Brazil、Vray7、网页处理类FireworksDreamweaver8、仿自然绘画软件CorelPainter9、视频编辑软件Premiere5/9/20242计算机辅助平面设计.设计的进化：1、手工画草图然后再利用各种辅助工具绘制正稿2、利用计算机做一些简单的重复性的工作3、现代设计大量利用电脑进行设计工作，已经成为设计师的工作桌和工具箱5/9/20243计算机辅助平面设计.Adobe公司简介

Adobe公司成立于1982年，总部位于美国，是世界最大的软件公司之一，年收入超过16亿美元。Adobe是世界领先的软件解决方案供应商。产品遍及图形设计、图像制作、数码视频、电子文档和网页制作等领域。

Adobe公司自1998年进入中国以来，赢得了无数数字艺术家的心，也得到了信息出版行业的拥戴，为Web和网络应用领域提供了屡获殊荣的软件解决方案。5/9/20244计算机辅助平面设计.AdobePhotoshopCSCS是版本号，从8.0开始命名为CSCS就是CreativeSuite的意思.PhotoshopCS2可称作为Photoshop9，因为从Photoshop8开始，Adobe就已经把Photoshop整合到AdobeCreativeSuite内，并称其为PhotoshopCS.

5/9/20245计算机辅助平面设计.★色彩模式色彩模式——是把色彩用数据来表示的一种方法。5/9/20246计算机辅助平面设计.1、RGB模式（Red、Green、Blue）最佳显示模式加色模式（所有颜色加在一起可产生白色）RGB模式所表示的颜色种类约为1670万种5/9/20247计算机辅助平面设计.1、RGB模式（Red、Green、Blue）5/9/20248计算机辅助平面设计.1、RGB模式（Red、Green、Blue）5/9/20249计算机辅助平面设计.1、RGB模式（Red、Green、Blue）256×256×256＝167772161.1600万色或千万色2.24位色(2的24次方)3.8位通道色256是2的8次方，就称为8位通道色。▲4.16位通道色48位色，约281万亿65536，65536的三次方为281474976710656。

RGB的所谓“多少”就是指亮度，并使用整数来表示。通常情况下，RGB各有256级亮度，用数字表示为从0、1、2...直到255，0表示不发光，255表示最强亮度。5/9/202410计算机辅助平面设计.1、RGB模式（Red、Green、Blue）屏幕上的纯黑、纯白、最红色、最绿色、最蓝色、最黄色的RGB值各是多少？

纯黑：0，0，0纯白：255，255，255红色：255，0，0绿色：0，255，0蓝色：0，0，255黄色：255，255，0▲5/9/202411计算机辅助平面设计.1、RGB模式（Red、Green、Blue）红色对青色绿色对洋红色蓝色对黄色

比如黄色的RGB值是255,255,0，那么通过计算：r(255-255)，g(255-255)，b(255-0)

互补色为：0,0,255。正是蓝色。▲5/9/202412计算机辅助平面设计.1、RGB模式（Red、Green、Blue）对于一幅图像，若单独增加R的亮度，相当于红色光的成分增加。那么这幅图像就会偏红色。

若单独增加B的亮度，相当于蓝色光的成分增加。那么这幅图像就会偏蓝色。▲

无论在软件中使用何种色彩模式，只要是在显示器上显示的，图像最终是以RGB方式出现的。

因此使用RGB模式进行操作是最快的，因为电脑不需要处理额外的色彩转换工作。当然这种速度差异很难察觉，只是理论上的。5/9/202413计算机辅助平面设计.2、灰度色彩模式所谓灰度色，就是指纯白、纯黑以及两者中的一系列从黑到白的过渡色。

我们平常说所的黑白照片、黑白电视，实际上都应该称为灰度色才确切。

灰度的数量就是256级，但是一般用百分比来表示5/9/202414计算机辅助平面设计.2、灰度色彩模式由于灰度与RGB是“黑白颠倒”的，所以18%的灰度等于82%的RGB亮度。▲

5/9/202415计算机辅助平面设计.3、图像通道在Photoshop中有一个很重要概念叫图像通道，在RGB色彩模式下就是指那单独的红色、绿色、蓝色部分。也就是说，一幅完整的图像，是由红色绿色蓝色三个通道组成的。5/9/202416计算机辅助平面设计.3、图像通道5/9/202417计算机辅助平面设计.3、图像通道关闭各个通道，以上的现象再次印证了反转色模型：红色对青色、绿色对洋红色、蓝色对黄色。现在点击察看单个通道，发现每个通道都显示为一幅灰度图像(不能说是黑白图像)。▲

5/9/202418计算机辅助平面设计.RGB这种灰度图像和RGB的关系5/9/202419计算机辅助平面设计.3、图像通道请说出ABCD在RGB三个通道中的颜色分别是什么？

5/9/202420计算机辅助平面设计.3、图像通道通道不是拿来“用”的，而是整个Photshop显示图像的基础。5/9/202421计算机辅助平面设计.3、图像通道我们在图像上做的所有事情，都可以理解为是色彩的变动，而所有色彩的变动，其实都是间接在对通道中的灰度图进行调整。

Ctrl+B▲5/9/202422计算机辅助平面设计.3、图像通道调整前G通道调整后G通道▲改通道对比通道是图像的基础，是通道改变了图像，而不是图像改变了通道。通道是整个Photoshop显示图像的基础。色彩的变动，实际上就是间接在对通道灰度图进行调整。5/9/202423计算机辅助平面设计.3、图像通道因此那些各种各样的调整工具是为了让我们使用起来更加方便和快速。有关色彩调整的内容将在后面介绍。5/9/202424计算机辅助平面设计.4、CMYK模式（CyanMagentaYellowBlack）四个字母分别指：青、洋红、黄、黑也叫印刷模式减色模式（所有颜色加在一起可产生黑色）只要在屏幕上显示的图像，就是RGB模式表现的。只要是在印刷品上看到的图像，就是CMYK模式表现的。5/9/202425计算机辅助平面设计.4、CMYK模式（CyanMagentaYellowBlack）RGB通道灰度图中较白表示亮度较高，较黑表示亮度较低。纯白表示亮度最高，纯黑表示亮度为零。CMYK通道灰度图中较白表示油墨含量较低，较黑表示油墨含量较高，纯白表示完全没有油墨。纯黑表示油墨浓度最高。5/9/202426计算机辅助平面设计.4、CMYK模式（CyanMagentaYellowBlack）5/9/202427计算机辅助平面设计.4、CMYK模式（CyanMagentaYellowBlack）比如要画一条0.1毫米的很细的线条，那么如果套印错位0.1毫米，就会出现两条线了。那么如何避免呢？这个时候，在用色上就应该避免使用多种颜色的混合色。制作印刷品的时候，你所使用的颜色会影响成品的印刷成功率。

5/9/202428计算机辅助平面设计.4、CMYK模式（CyanMagentaYellowBlack）打印和印刷，这两者是有很大区别的。打印一般数量很少，质量和速度要求也不高。常见于个人及小型办公使用。印刷则正相反。5/9/202429计算机辅助平面设计.5、色彩模式的选择1.RGB色彩模式是发光的，存在于屏幕等显示设备中。不存在于印刷品中。2.CMYK色彩模式是反光的，需要外界辅助光源才能被感知，它是印刷品唯一的色彩模式。3.CMYK的所有色彩都包含于RGB色域中，但CMYK的色彩数量少于RGB。4.RGB通道灰度图中偏白表示发光程度高；CMYK通道灰度图中偏白表示油墨含量低。反而反之。5/9/202430计算机辅助平面设计.5、色彩模式的选择注意：此时再把CMYK转为RGB，丢失掉的颜色也找不回来了。5/9/202431计算机辅助平面设计.5、色彩模式的选择从此之后，每当我们要开始新图像制作的时候，首先就要确定好色彩模式。

你可以在Photoshop中直接把一幅RGB图像输出给打印机，系统会自动在中间转换色彩模式。但不建议这样做，因为前面提到过的色域问题，可能打印出来的图像和设计中的颜色有偏差。5/9/202432计算机辅助平面设计.6、颜色的选取Photoshop中提供了三种选择任意色彩的方式第一是使用颜色调板〖F6〗

5/9/202433计算机辅助平面设计.6、颜色的选取第二是使用滑块下方的色谱图，用鼠标直接在色谱图中点击即可选中颜色。也可以按住鼠标在色谱中拖动，松手确定颜色。选中颜色的同时，上方的滑块会跟着变换读数。色谱最右方是一个纯白和纯黑。

5/9/202434计算机辅助平面设计.6、颜色的选取第三种方法是使用Photoshop的拾色器，方法是点击工具栏上的前景色或背景色色块(点击颜色调板上的也可)，如下图：CTRL+K▲5/9/202435计算机辅助平面设计.7.HSB色彩模式

前面我们已经学习过了两大色彩模式RGB和CMYK。色彩模式有很多种，但这两种是最重要和最基础的。

其余的色彩模式，实际上在显示的时候都需要转换为RGB，在打印或印刷(又称为输出)的时候都需要转为CMYK。虽然如此，但这两种色彩模式都比较抽象，不符合我们对色彩的习惯性描述。5/9/202436计算机辅助平面设计.7.HSB色彩模式

图中人物衣服颜色的RGB或CMYK值是多少？

习惯上我们都会说图片上的衣服是黄色的。或者说是亮黄色的。

我们大脑对色彩的直觉感知，首先是色相，即红、橙、黄、绿、青、蓝、紫中的一个，然后是它的深浅度。

5/9/202437计算机辅助平面设计.色相H纯度S明度B

在HSB模式中，S和B的取值都是百分比，唯有H的取值单位是度，这个度是什么意思？表示色相位于色相环上的位置，将我们学过的色相环加上角度标志就明白了，如右图：5/9/202438计算机辅助平面设计.拾色器的H方式其实就是HSB取色方式。色谱就是色相，而大框就包含了饱和度和明度(横方向是饱和度，竖方向是明度)。5/9/202439计算机辅助平面设计.表色法：C:30M:70Y:100K:20R:150G:86B:31H:28S:79B:59C:68M:33Y:30K:24R:82G:116B:130H:197S:37B:51C:51M:25Y:5K:2R:143G:166B:204H:217S:30B:80C:30M:70Y:100K:20R:150G:86B:31H:28S:79B:59C:0M:70Y:100K:05/9/202440计算机辅助平面设计.Photoshop基本概念——图象尺寸1、像素：是Photoshop中组成图像的最基本的单元。单位面积内的像素越多，分辨率越高，图像的效果也就越好。2、分辨率：每英寸内所包含的像素数量其单位为像素每英寸（DPI）5/9/202441计算机辅助平面设计.Photoshop基本概念——图象尺寸像素作为图像的一种尺寸，只存在于电脑中，如同RGB色彩模式一样只存在于电脑中。像素是一种虚拟的单位，现实生活中是没有像素这个单位的。

这幅图片的尺寸500×300像素，它在打印出来以后，在打印纸上的大小是多少厘米？▲5/9/202442计算机辅助平面设计.Photoshop基本概念——图象尺寸像素每英寸作为打印分辨率的标准。简称为dpi，Dot(点)Per(每)Inch(英寸)5/9/202443计算机辅助平面设计.Photoshop基本概念——图象尺寸一般对于打印分辨率，印刷行业有一个标准：300dpi就是指用来印刷的图像分辨率，至少要为300dpi才可以，低于这个数值印刷出来的图像不够清晰。

如果打印或者喷绘，只需要72dpi就可以了。

5/9/202444计算机辅助平面设计.Photoshop基本概念——图象尺寸现在我们来明确了一下图像的两种尺寸和换算关系：1.一种是像素尺寸，也称显示大小或显示尺寸。等同于图像的像素值。2.一种是打印尺寸，也称打印大小。需要同时参考像素尺寸和打印分辨率才能确定。3.在分辨率和打印尺寸的长度单位一致的前提下(如像素/英寸和英寸)，像素尺寸÷分辨率=打印尺寸。5/9/202445计算机辅助平面设计.Photoshop基本概念——点阵格式图象电脑中的图像类型分为两大类：一类称为点阵图（位图），一类称为矢量图。点阵图顾名思义就是由点构成的，如同用马赛克去拼贴图案一样，每个马赛克就是一个点，若干个点以矩阵排列成图案。象素是组成点阵图的那些点，点阵图的最小单位

5/9/202446计算机辅助平面设计.Photoshop基本概念——点阵格式图象放大缩小图像的快捷键是〖CTRL+〗〖CTRL-〗，这种放大会沿着图像的中心点放大。空格和CTRL键＋鼠标单击空格和ALT键＋鼠标单击空格＝抓手▲5/9/202447计算机辅助平面设计.Photoshop基本概念——点阵格式图象5/9/202448计算机辅助平面设计.Photoshop基本概念——矢量格式图象假设我们写了一首新的乐曲，要把它交给唱片公司，可以通过两种方式：1.把这首乐曲弹奏出来并录制在磁带上。2.把这首乐曲的乐谱写下来。

点阵图像就属于记述性，以点为记录的对象。而矢量图像属于描述性，以线段和计算公式作为记录的对象。5/9/202449计算机辅助平面设计.Photoshop基本概念——矢量格式图象矢量图像放大缩小的同时坐标也放大缩小，而各个坐标之间的相对位置并没有改变。然后根据改动后的坐标重新生成图像。无论放大多少都不会失真。矢量图像是基于线段的。因此它不适合记录色彩较为复杂的图像。位图放大以后会出现马赛克现象，甚至多次修改后文件已经一塌糊涂。▲5/9/202450计算机辅助平面设计.Photoshop基本概念——图象格式的选择5/9/202451计算机辅助平面设计.图像的文件格式1、PSD格式PSD是photoshop支持的专用文件格式，所以能比其他格式更快捷地打开和存储文件。这种格式的文件较大，编辑过程中最好选这种格式存盘，编辑完后再转换成其他占用空间小，存储质量好的文件格式。5/9/202452计算机辅助平面设计.2、BMP格式

微软Windows应用程序所支持的，特别是图像处理软件，基本上都支持BMP格式。BMP格式可简单分为黑白、16色、256色、真彩色几种格式，其中前3种有彩色映像，在存储时可使用RLE无损压缩方案进行压缩，即可节省磁盘空间，又不牺牲任何图像数据。其图像文件的大小比JPG等格式大的多。图像的文件格式5/9/202453计算机辅助平面设计.3、GIFGIF格式（图形交换格式）是一种压缩的8位图像文件，这种格式的文件目前多用于网络传输，它可以指定透明的区域，使图像与背景很好的融为一体。GIF图像可以随着它下载的过程，由模糊到清晰逐渐演变显示在屏幕上，利用GIF动画程序，把一系列不同的GIF图像集合在一个文件里，这种文件可以和普通的GIF文件一样插入网页。不足之处是只能处理256色，不能用于存储真彩色图像。图像的文件格式5/9/202454计算机辅助平面设计.4、JPEG

压缩率最高的图像格式，但在压缩时会失真，制作印刷品不用这种格式。主要用于图像预览和制作网页。一般用来显示照片和WWW以及在线服务的HTML（超文本标记语言）文件，它能保存RGB图像中的所有颜色信息。JPEG也是一种带压缩的文件格式，但在压缩时文件有信息损失。当需要在INTERNET上发布新闻图片时，一般以.jpg格式的图片上载。

图像的文件格式5/9/202455计算机辅助平面设计.图像的文件格式5、TIFF格式

TIFF文件图像文件格式的最大特点就是与计算机的结构、操作系统以及图形硬件系统无关，它可以处理黑白、灰度、彩色图像。在存储真彩色图像时和BMP格式一样，直接存储RGB三原色的浓度值而不使用彩色映像(调色板)。对于介质之间的交换，TIF可以称得上是位图格式的最佳选择之一。

5/9/202456计算机辅助平面设计.图像的文件格式6、PNG格式

PNG（Portable