项目1初识图形图像的设计制作 1了解计算机中的图像是什么。 2了解常见的图像的类型。 3了解常见的图像文件格式。 4了解Photoshop主要处理的图像类型。 5了解图像文件的要素。 6学会Photoshop CC软件的打开与关闭等基本操作。 7了解Photoshop CC软件界面结构。 Photoshop CC图形图像设计制作，就是利用Photoshop CC对图像进行处理，达到某种效果或者是设计制作某种平面作品。本项目主要介绍有关图像设计与制作的基础知识，包括图像文件的类型、图像的色彩模式、图像文件参数以及Photoshop CC软件的基本操作等。 任务1认识图像 任务分析 常见的商标设计制作、出版物(杂志、报纸和书籍)设计制作、平面广告设计制作、海报设计制作、广告牌以及网站页面设计制作、移动设备应用软件界面设计制作、标志和包装设计制作等，都是利用Photoshop等软件设计的某种平面作品，能达到某种效果。 那么，计算机中的图像是什么呢？常见的图像的类型有哪些？常见的图像文件格式有什么？计算机软件主要处理的图像类型是什么？图像文件的要素有哪些？本任务将一一进行解答。 任务知识 1计算机中的图像 这里的图像不是指日常生活中我们看到的画在纸上或画布上的图像，而是指以数字的方式存储和处理的数据文件。这些数字文件所表达的图像就是计算机中的图像，即数字化图像。 1） 数字化图像的分类 计算机中的数字化图像分为两类：位图和矢量图。Photoshop是典型的位图软件，Illustrator、CorelDraw、Freehand、AutoCAD等软件是常用的矢量图软件。 （1） 位图在我们的工作生活中很常见，由数码相机、手机等电子设备拍照得到的图像，扫描仪扫描的图像，以及屏幕抓取的图像都是位图，它是由很多像小方块一样的色素块构成的图像，如图11所示。单位面积上的像素块越多(分辨率越高)，图像越清晰。 位图也叫光栅图、点阵图，特点是可以表现色彩的变化和颜色的细微过渡，很容易在不同的软件之间转换。位图文件占磁盘空间较大，放大后容易失真，如图12所示。 图11位图图像 图12放大后的位图 （2） 矢量图是图形软件通过数学的向量方式进行计算而得到的图形，如图13所示。 矢量图又称向量图，是由几何特性来绘制的图形。矢量图的特点是文件占磁盘的空间较小，在对图形进行缩放、旋转或变形操作时，图形仍具有很高的显示和印刷质量，并且不会产生锯齿和模糊效果，但它无法表现丰富的颜色变化和细腻的色调过渡，如图14所示。 图13矢量图形 图14放大后的矢量图 2） 像素和分辨率 像素是针对位图图像而言的，如果把位图图像放大到数倍，会发现这些连续色调其实是由许多色彩相近的小方点所组成，这些小方点就是构成位图图像的最小单位“像素”，如图15所示。 图15位图图像和局部放大后显示的像素效果 像素和分辨率是图形图像制作中最常用的两个概念，它们密不可分的。通常情况下，图像的分辨率越高，所包含的像素就越多，图像就越清晰，印刷的质量也就越好。同时，它也会增加文件占用的存储空间。像素是用来计算数字影像尺寸的一种单位，它实际上只是屏幕上的一个光点。在计算机显示器、电视机、数码相机等屏幕上都用来作为基本度量的单位，像素也是组成数码图像的最小单位。 分辨率是一个笼统的术语，主要是指图像中每单位打印长度上显示的像素数量，包含更多像素点的高分辨率的图像要比低分辨率的图像更为清晰。通常用“pixel/inch”(像素/英寸)表示，简写ppi。在使用Photoshop设置图像分辨率时，需要注意以下原则。 (1) 图像仅用于屏幕显示时，经常将分辨率设置为72像素/英寸(根据浏览器分辨率不同，个别时候会设置为96像素/英寸)。 (2) 图像用于报纸插图，可将分辨率设置为150像素/英寸。 (3) 图像用于高档彩色印刷，可将分辨率设置为300像素/英寸。 (4) 分辨率为300像素/英寸以上的图像可以满足任何输出要求。 在Photoshop中创建新文件，选择菜单栏中的“文件”/“新建”命令，可以在“新建”对话框中设置文件的分辨率，如图16所示。对于现有文件，则可以选择“图像”/“图像大小”命令来修改它的分辨率，如图17所示。 2图像的颜色模式 图像的颜色模式用于确定显示图像和打印图像时颜色数量、通道数量和文件大小。此外，它还决定了图像在Photoshop中是否可以进行某些操作。打开一个图像后，可以在“图像”/“模式”子菜单中选择一个命令，将它转换为需要的颜色模式，如图18所示。其中，最常用的颜色模式是RGB模式和CMYK模式。 图16设置新建文件分辨率 图17修改文件分辨率 图18颜色模式菜单 （1） RGB模式是一种用于屏幕显示的颜色模式，R代表红色、G代表绿色、B代表蓝色，每一种颜色都有256种亮度值，因此，RGB模式可以呈现1670万种颜色。 （2） CMYK模式是一种印刷模式，C代表青色、M代表品红色、Y代表黄色、K代表黑色。该模式的色域范围比RGB模式要小，并不是所有屏幕中可以显示的颜色都能够被打印出来，只有在作用于印刷的图像时，才使用CMYK模式。 （3） 灰度模式，只有灰色(图像的亮度)，没有彩色。 （4） HSB模式是利用颜色的三要素来表示颜色的，它与人眼的观察方式最接近。H表示色相(hue)，S表示色饱和度(saturation)，B表示亮度(bringhtness)。 （5） Lab模式由3个通道组成，是目前所有颜色模式中色彩范围(色域)最广的颜色模式。 Photoshop中将那些不能被打印输出的颜色称为溢色，可以查看RGB图像有没有溢色区域，也可以取消色域警告。 3图像的文件格式 图像的文件格式即图像文件存放的格式，通常有JPEG、GIF、PNG、BMP、TIFF，以及PDF等，其中JPEG、GIF和PNG为网页中常见的三种图像格式。由于数码相机拍下的图像文件很大，储存容量却有限，因此图像通常都会经过压缩再储存。 1） JPEG格式 JPEG(Joint Photographic Experts Group，联合图片专家组)文件的扩展名为.jpg或.jpeg，是目前所有格式中压缩率最高的格式，它可以用最少的磁盘空间得到较好的图像质量。它的应用非常广泛，特别是在网络和光盘读物上。目前各类浏览器均支持JPEG这种图像格式，因为JPEG格式的文件尺寸较小，下载速度快，使得网页有可能在较短的下载时间内提供大量美观的图像，它是目前网络上最受欢迎的图像格式之一。 在Photoshop中，可以将图像以JPEG格式储存。Photoshop提供11级压缩级别(0~10级)，其中0级压缩比最高，图像品质最差。即使采用细节几乎无损的10 级质量保存时，压缩比也可达 5∶1。以BMP格式保存时得到428MB图像的文件，在采用JPEG格式保存时，其文件仅为178KB，压缩比达到24∶1。经过多次比较，采用第8级压缩为存储空间与图像质量兼得的最佳比例。 2） GIF格式 GIF(Graphics Interchange Format)的原义是“图像互换格式”，是CompuServe公司在1987年开发的图像文件格式。GIF文件的数据是一种基于LZW算法的连续色调的无损压缩格式，其压缩率一般在50%左右，图片体积相对很小。另外，该种格式可以在一个GIF文件中保存多幅彩色图像，如果把存于一个文件中的多幅图像数据逐幅读出并显示到屏幕上，就可构成一种最简单的动画。同时，GIF文件图像支持透明背景图像，其缺点是只能显示256种颜色，因此GIF格式适用于图表、按钮等只需少量颜色的图像。 3） PNG格式 PNG格式的图片以任何颜色深度存储单个光栅图像。PNG 是与平台无关的格式，其优点有体积小、图像质量高、更优化的网络传输显示(PNG图像在浏览器上采用流式浏览，即使经过交错处理的图像会在完全下载之前提供浏览者一个基本的图像内容，然后再逐渐清晰起来。它允许连续读出和写入图像数据，这个特性很适合在通信过程中显示和生成图像)等。同时它支持透明效果，PNG可以为原图像定义256个透明层次，使得彩色图像的边缘能与任何背景平滑地融合，从而彻底地消除锯齿边缘，这种功能是GIF和JPEG没有的。其缺点是不能得到较旧的浏览器和程序的支持。随着操作系统与浏览器的不断升级，PNG格式图像的使用越来越多。 4） BMP格式 BMP(Bitmap)是DOS和Windows操作系统中的标准图像文件格式，可以分成两类：设备相关位图(DDB)和设备无关位图(DIB)。它采用位映射存储格式，除了图像深度可选以外，不采用其他任何压缩，因此，BMP文件所占用的空间很大。另外，BMP文件格式是Windows环境中交换与图像有关的数据的一种标准，因此在Windows环境中运行的图形图像软件都支持BMP图像格式。 5） TIFF格式 TIFF(Tag Image File Format，标记图像文件格式)用于在应用程序之间和计算机平台之间交换文件。TIFF是一种灵活的图像格式，被所有绘画、图像编辑和页面排版应用程序支持。几乎所有的桌面扫描仪都可以生成TIFF图像，而且TIFF格式还可加入作者、版权、备注以及自定义信息，存放多幅图像。但是，此图像格式复杂，存储内容多，占用存储空间大，其大小是GIF图像的3倍，是相应的JPEG图像的10倍，最早流行于Macintosh，现在Windows主流的图像应用程序都支持此格式。 6） PDF格式 PDF(Portable Document Format，可移植文档格式)用于Adobe Aerobat，Adobe Aerobat是Adobe公司基于Windows、UNIX和DOS系统的一种通用电子出版软件，目前十分流行。PDF文件可以包含矢量和位图图形，还可以包含电子文档查找和导航功能。 7） 其他格式 另外还有很多其他的图像文件格式，如表11所示。 表11图像文件格式 文件格式文件扩展名分辨率颜色深度/bit说明 BMPbmp、dib、role任意32Windows以及OS/2用点阵位图格式 GIFgif96dpi8256索引颜色格式 JPEGjpg、jpeg任意32JPEG压缩文件格式 JFIFjif任意24JFIF压缩文件格式 KDCkdc任意32Kodak彩色KDC文件格式 PCDpcd任意32Kodak照片CD文件格式 PCXpcx，dcx任意8Zsoft公司Paintbrush制作的文件格式 PICpic任意8SoftImage制作的文件格式 PNGpng任意48Portable网络传输用的图层文件格式 PSDpsd任意24Adobe Photoshop带有图层的文件格式 TAPGAtga96dpi32视频单帧图像文件格式 TIFFtif任意24通用图像文件格式 WMFwmf96dpi24Windows使用的剪贴画文件格式 任务2认识Photoshop CC界面 任务分析 Photoshop这款软件是当前最为流行的位图图像处理软件，它是美国Adobe(中文译为“奥多比”)公司旗下最为著名的图像处理软件之一，被誉为“图像处理大师”，功能强大且使用方便，深受广大设计人员和计算机美术爱好者的喜爱。Photoshop从1990年发布首个版本开始，至2012年4月发布的Photoshop CS6正式版(即130版本)，已经走过了20多年的风雨历程，Photoshop每一次版本的升级都能给它的用户带来巨大的惊喜。Photoshop 的应用领域非常广泛，毫不夸张地说，凡是有图像的地方，基本都能找到Photoshop的影子。具体而言，Photoshop的应用领域主要包括平面设计、影像创新、修复图片、摄影、建筑效果图后期修饰、网页制作、绘画插画、三维贴图制作、图表制作、艺术文字设计和婚纱照设计等。另外，随着新版本功能的增强，它在影视后期制作、二维动画制作及三维模型创建等方面都有不俗的表现。 在本任务中，主要完成对界面的认识，随着学习的深入将会对Photoshop CC有更加深刻的了解。 任务知识 目前Photoshop的版本为CC，其界面包括菜单栏、工具属性栏、工具栏、图像窗口、浮动调板、状态栏、标题栏等，如图19所示。 图19Photoshop窗口 1标题栏 标题栏显示当前应用程序的名称，当图像窗口最大化显示时，会显示图像文件名、颜色模式以及显示比例等信息。 2菜单栏 菜单栏是Photoshop重要的组成部分，和其他应用程序一样，Photoshop将所有的功能命令分类后，分别放在菜单栏的11个菜单中。菜单栏中提供了文件、编辑、图像、图层、类型、选择、滤镜、3D、视图、窗口、帮助菜单命令（见图110）。如果某个命令为浅灰色，代表该命令在目前的状态下不能执行；有的命令后面带三角形，则表示有级联菜单；有的命令后面带有此命令的快捷键。一般情况下，一个菜单中的命令是固定不变的，但有些菜单可以根据当前环境的变化添加或减少一些命令。 图110菜单栏 下面介绍菜单栏的基本使用方法。 （1） 使用鼠标选择所需要的命令：用鼠标单击菜单名，在打开的菜单中选择所需要的命令。打开图像，在工具箱中选择不同的工具，用鼠标右键单击图像区域，将弹出不同的快捷菜单，可以选择快捷菜单中的命令对图像进行编辑，如选择选区工具后，用鼠标右键单击区域，弹出快捷菜单。 （2） 使用快捷键选择所需要的命令：使用菜单栏命令标注的快捷键也可直接选择所需要的命令，例如，选择“文件”/“打开”命令，直接按Ctrl+O组合键即可。 （3） 自定义快捷键方式：为了能更方便地使用最常用的命令，Photoshop为用户提供了自定义快捷键的功能。 选择“编辑”/“键盘快捷方式”命令，或按Alt+Shift+Ctrl+K组合键，弹出“键盘快捷键和菜单”对话框，如图111所示。对话框下面的信息栏中说明了快捷键的设置方式，在“组”选项的下拉列表中可以选择使用哪种快捷键的设置，在“快捷键用于”选项的下拉列表中可以选择设置快捷键的菜单或工具，在下面的表格中选择需要的命令或工具进行设置即可，如图112所示。 图111“键盘快捷键和菜单”对话框 图112设置快捷键 需要修正快捷键设置时，单击“键盘快捷键和菜单”对话框中的“根据当前的快捷键组创建一组新的快捷键”按钮，弹出“另存为”对话框，如图113所示，在“文件名”文本框中输入名称，单击“保存”按钮，保存新的快捷键设置。这时，在“组”选项中就可以选择新的快捷键设置了，如图114所示。 图113保存新的快捷键设置 图114选择新的快捷键设置 1） 文件菜单(F) “文件”菜单下的命令主要用于图像文件的打开、新建、存储、置入、导入、导出、打印、页面设置以及邮件自动化处理等。 2） 编辑菜单(E) “编辑”菜单主要用于在处理图像时进行复制、粘贴、恢复操作、变形对象以及定义图案、设定键盘快捷键等。 3） 图像菜单 (I) “图像”菜单中的命令用来设定有关图像的各种属性，例如，图像的色彩模式、色彩调整、图像大小、画布大小、裁切等。 4） 图层菜单(L) “图层”菜单中的命令用来设定有关图层的各种属性，例如，图层的新建、复制、锁定、链接、合并等。 5） 类型菜单(Y) “类型”菜单中包含设置文字工具选项、建立新文字层、设置字符调板选项、使用段落调板和使用蒙版选项等功能。 6） 选择菜单(S) “选择”菜单中，用户可以修改、取消选区，重新设置选区和反选，还可以将已设置好的选区保存起来或将保存在通道中的选区调出。 7） 滤镜菜单(T) “滤镜”菜单中，用户可以通过使用其各种选项做出各种具有视觉特效的炫目效果。滤镜菜单中包含100多个滤镜特效命令，是Photoshop最常用的特效工具。 8） 视图菜单(V) 在“视图”菜单中，用户可以针对图形的路径、选区范围、网格、参考线、图像切割、备注等分别预览。这些操作只影响图像在屏幕中的显示状态，而不对图像本身产生任何影响。 9） 窗口菜单(W) “窗口”菜单的选项是对已打开的图像按所需要的方式进行排列、显示，如控制面板的显示与隐藏，调出各种资料库，在打开多个文件时进行文件之间的切换等。 10） 帮助菜单(H) 图115工具箱 “帮助”菜单是使用户随时获得帮助，以便更好地使用Photoshop软件，在操作过程中遇到问题，就可以进入“帮助”菜单进行查找。