第4章图形图像素材的采集及制作

第4章图形图像素材的采集与制作4.1图形图像基础知识作用：不仅能使用户界面赏心悦目，也用于多媒体作品内容的表达，在某些场合图像可以表达文字、声音等媒体所无法表达的含义。4.1.1色彩模型RGB模式用红（Red）、绿（Green）、蓝（Blue）三种基本颜色进行颜色加法主要用于彩色电视机和计算机显示器的显示当达到或超过24位色彩数时就称为“真彩色”CMYK模式用青（Cyan）、品红（Magenta）、黄（Yellow）、黑（Black）四种颜色进行颜色减法主要用于印刷业HSB模式以人类对颜色的感觉为基础，用色相、饱和度和亮度三种基本向量来表示颜色色相用于调整颜色，取值范围为0~360度饱和度指颜色的纯度

三原色演示4.1.2色彩调整（拾色器、HSB模式与色轮图）图像文件一般都采用RGB模式或CMYK模式，但在Photoshop图像处理软件中用“拾色器”调整颜色时，默认的却是“HSB”模式“色轮”图绝大部分人眼能区分的颜色都可用这些颜色混合而成饱和度大小由距圆心的距离而定：圆的边缘饱和度最大（100%），圆心饱和度最小（0%）由于HSB模式有三个参数，所以可以用三维模型来表示。纵轴就是“亮度”参数：纵轴下方最暗，纵轴上方最亮。在“拾色器”中，就用两个调整框来体现其三维模式。

4.1.3图像分辨率显示器分辨率指计算机显示器的物理分辨率，即在显示器屏幕上的荧光粉点数或像素数表示方法：规格代号表示，如XGA和WXGA等用“水平像素数×垂直像素数”的数字表示，如1024×768、1280×800等【提示】：XGA（ExtendedGraphicsArray，1024×768，纵横比4:3）WXGA（WideExtendedGraphicsArray，1280×800，纵横比16:10）屏幕分辨率屏幕分辨率是指实际显示图像时计算机所采用的分辨率【提示】：显示器分辨率描述的是显示器自身的像素点数量，每台显示器只有一种固有分辨率，它是不可改变的；而屏幕分辨率可根据用户需要自己设置。屏幕分辨率的表达方式与显示器分辨率的表达方式相同还可以用每英寸像素数ppi来表示，如72ppi或者96ppi等图像分辨率指在计算机中保存和显示的每一幅具体数码图像所具有的分辨率表达方式也是“水平像素数×垂直像素数”打印分辨率指通过计算机输出图像信号到打印机进行打印时，用户在计算机对话框上所选择的分辨率打印分辨率的单位是ppi（pixelsperinch），即每英寸长度上有多少个像素扫描分辨率指扫描仪的解析极限4.1.4图形和图像图形：经过计算机运算而形成的、具有方向和长度的矢量线段集合，如直线、圆、圆弧、矩形、任意曲线和图表等图像：指由输入设备捕捉的实际场景画面或以数字化形式存储的画面位图根据色彩分为以下三类：单色图像、灰度图像和彩色图像单色图像：每一个像素点都只用一位二进制数表示：1代表黑，0代表白，显示效果就像木刻图一样度图像的每一个像素点用从白色到黑色范围内的256个灰度级来显示彩色图像的色彩数一般都在256色以上，当色彩位数大于或等于24位时，把此类图像称为“真彩色”图像4.1.5图像文件格式简述BMP图像文件格式是微软公司为其Windows环境设置的标准图像格式，已成为PC机上的流行图像文件格式。主要特点：每个文件只能存放一幅图像压缩处理成为图像文件的一个选项，用户可以根据需要进行选择，其中，非压缩格式是BMP图像文件所采用的一种通用格式BMP图像文件格式支持单色、16色、256色、16位色和24位真彩色等多种彩色模式数据排列顺序与其他图像文件不同，以图像的左下角为起点存储图像，而不是传统的以图像的左上角为起点调色板数据结构中，红、绿、蓝三基色数据的排列顺序恰好与其他图像文件格式相反JPEG图像文件格式JPEG是一种有损压缩的文件格式支持灰度图像、RGB真彩色图像和CMYK真彩色图像压缩比可调是网络上常用的图像文件格式GIF格式是压缩图像存储格式（LZW无损压缩算法）压缩比较高，文件长度较小支持黑白图像、16色和256色彩色图像同时支持静态和动态两种形式是网络上常用的图像文件格式缺点：色彩数最多只能达到256色TIFF格式支持多平台几乎被所有绘画、图像编辑和页面排版应用程序所支持是一种工业标准，常被用于彩色图像的扫描除了上述几种常用的图像文件格式外，其他的格式还有：Zsoft公司推出的位图文件格式（*.pcx）CorelDRAW默认图像文件格式（*.cdr）Photoshop默认文件格式（*.psd）CAD中使用的绘图互换格式（DrawingInterchangeFormat*.dxf）柯达数码相机支持的文件格式（*.fpx）Lotus支持的PIC文件格式（*.pic）MicrosoftWindows的图元文件格式（*.wmf）和32位增强型图元文件格式（*.emf）等4.3用Photoshop处理图像Adobe公司的Photoshop是当今世界上一流的图像设计与制作工具，其优越性能为许多专业人士所青睐，因此，实际上已成为出版界中图像处理的专业标准。4.3.1PhotoshopCS2的工作界面整个界面分成6个部分：菜单栏、工具箱、选项栏、状态栏、浮动调板和图像窗口。菜单栏。其中“图像”、“图层”、“选择”、“滤镜”等菜单项是Photoshop等图像处理软件所特有的。工具箱。Photoshop中的工具箱与其他Windows应用程序不同，它不是菜单命令的翻版，而是完全独立的操作命令。工具按钮中凡是右下角有黑色小三角的，表示有子命令，点击小三角后即出现其他隐藏的工具。选项栏。当用户在工具箱中选取某一工具后，选项栏会变成相应工具的选项，从中可设置此工具的有关属性和参数。状态栏。状态栏除了能用显示比例栏调节图像大小外，单击如图所示的黑色小三角，还能查阅其他信息。浮动调板。浮动调板能提供图像处理的辅助操作。它种类丰富，可以任意组合。4.3.2实例1“城堡探秘”电影广告本广告纯属虚构之作！缩放图像操作缩放图像是图像编辑中最基本的操作。双击【缩放工具】，100%显示。选择【缩放工具】后，单击图像，放大一倍；<Alt+单击>，缩小一倍。双击【抓手工具】，满窗口显示，即窗口中显示所有的图像内容。利用【导航器】调板，如图所示，可输入显示比例数，也可用滑块调节。用鼠标划窗放大：有多种方法。⑴在【导航器】调板中用<Ctrl+鼠标划窗放大>。⑵选择【缩放工具】后，直接在图像窗口中用鼠标划窗放大。⑶任何时刻，都能用<Ctrl+空格键+用鼠标划窗>放大图像；用<Alt+空格键+点击图像>缩小图像。选择【缩放工具】或【抓手工具】后，“选项”栏中都会有如图4-14所示的三种显示选择。【实际像素】即“100%显示”，【适合屏幕】即“满窗口”显示。裁剪图像操作裁剪图像也是图像编辑中经常使用的操作。本例中，为了使最后作品的画面具有均衡性，需要删除图像的左边部分。【操作】：选择【裁剪工具】后，如图所示，用鼠标拖曳出需要的内容（可用“调节手柄”精细调节），然后按【回车】确认。修改图像大小图像的像素数与文件大小是成正比的。假如仅是显示器上显示，或者仅是通过网络传递给他人观看，则需要缩小图像的像素数，以缩小文件的容量。此项操作由“图像→图像大小”菜单命令来完成。【操作】：本例中，请将图像的像素数进一步缩小为如图所示，其中“高度”的大小将随“宽度”而变。【提示1】：对话框中，“分辩率”大小将影响打印质量。如需打印，则“分辩率”至少为300像素/英寸。【提示2】：除了特殊需要外，在原图上增加像素数是无意义的。除了增加文件体积外，对改变图像清晰度毫无帮助。【提示3】：不要混淆“图像大小”与“画布大小”这两条命令。“图像大小”命令仅改变像素数，但保留原图像的所有内容。而“画布大小”命令中，当新尺寸小于原尺寸时，将作裁剪；当新尺寸大于原尺寸时，将以背景色填充。选区操作Photoshop中也执行“先选取，后操作”的原则。本例中，将天空背景选取出来，供下面的“贴入”命令使用。需要分两步完成。⑴【魔棒工具】。此工具能根据图像颜色产生选区。⑵【多边形套索工具】。此工具能画出直线选区。【操作】：如图所示，用“从选区减去”选项，将建筑物从选区中减去。【提示】：为使选区做得更精细，可用<Ctrl+空格+鼠标划窗>快捷键放大局部；用<空格>键快速移动图像。用<Del>键可撤消上一步操作；用<Esc>键可取消当前的选区操作（但保留之前所做的选区）。⑶其他的选区工具有：①【套索工具】，能手绘产生任意路径选区，但用鼠标操作时，很难控制。②【磁性套索工具】，能根据对象边缘颜色产生选区，当所选对象与背景色区别较大时，效果较好。③【矩形选框工具】、【椭圆选框工具】都能产生规则选区。这些工具本例中暂不使用。复制操作为突出气氛，将一轮明月复制到天空中。【操作】：①打开配套光盘中“2.jpg”文件。②在“2.jpg”图像窗口，执行“选择→全部”菜单项（快捷键<Ctrl+A>），选取全部图像。③执行“编辑→拷贝”菜单项（快捷键<Ctrl+C>），将选取部分复制到剪贴板。④转到“1.jpg”图像窗口，执行“编辑→贴入”菜单项。如图4-19所示，此操作自动在选区中复制了明月图。在“图层”调板中，自动增加一个图层并添加了蒙板。关于图层和蒙板的概念，下面再作较详细的介绍自由变换操作复制后的图像大小、位置都不符合要求，可用“自由变换”命令加以修改。这是一个经常使用的命令，希望能熟练掌握。【操作】：

①选择“图层1”中图像（有白色边框）。②执行“编辑→自由变换”（快捷键<Ctrl+T>）菜单项。③选择【保持长宽比】按钮，使图像能等比例调整而不会变形（快捷键是<Shift+拖曳调整手柄>）。④可将鼠标放到框内移动图像到合适位置。⑤可用调整手柄修改大小。⑥当鼠标在框外时，可旋转图像，但本例中不使用此操作。历史记录调板Photoshop中提供了多步撤消功能，使操作者少了许多后顾之忧。默认可撤消20步，但可在“编辑→首选项→常规”菜单项中修改。为防止超过20步而不能返回，Photoshop中还提供建立快照功能。去色操作为了渲染气氛，背景图像不能太鲜艳，所以需要执行“去色”操作。【操作】：①选择“背景”图层。②执行“图像→调整→去色”菜单命令。亮度/对比度操作需要将背景和天空的亮度都调低，这样更符合主题需要。【操作】：①选择“背景”图层。②执行“图像→调整→亮度/对比度”菜单项。③对天空执行同样的调整。添加图层操作什么是“图层”呢？在Photoshop中，可以将图层想象为透明纸，而图像由多张透明纸叠加而成。如果某一图层上没有图像，就可看到底下的图层。在所有图层之后是背景图层，也就是不透明的纸。我们看到的图像是所有图层的叠加。一个文件中的所有图层都具有相同的分辩率、相同的通道数和相同的图像模式（RGB、CMYK或灰度），因为它们都隶属于同一幅图像。优点：通过图层对图像进行编辑非常灵活，因为一幅作品的每一图层都独立于其他图层，因此可以随时进行修改，而不影响其他图层，这个功能极大地方便了图像的编辑过程。当以Photoshop的存储格式（*.psd）存储时，保存了图像的图层信息；而以其他格式存储时，图层信息就不保留。因此，在图像的编辑过程中，最好以*.psd格式保存，在最后完成时，再以其他的压缩格式存储，以节省存储空间。在Photoshop中，图层的功能主要通过“图层”菜单和“图层”调板来实现。【操作】：点击【创建新图层】按钮，在“背景”图层之上添加新图层“图层2”，如图如示。画笔工具为增加画面的神秘气氛，用画笔工具给城堡添加阴影色块效果。【操作】：选择“图层2”。①选择“画笔工具”。②点击【默认前景色和背景色】按钮，将前景色设置为黑色。③设置画笔大小为“35”，硬度为“0”。④设置画笔的“不透明度”为“25%”。⑤在城堡画面上多次涂抹，产生阴影色块效果。复制图像及变换人物图像【操作】：①打开配套光盘中“3.gif”文件。②运用前面学过的知识，全选后执行“编辑→拷贝”命令（快捷键“Ctrl+C”）将其复制到城堡图中。

注意：必须放置在最上层！

③执行“图像→调整→去色”菜单项。④执行“编辑→变换→水平翻转”菜单项。⑤用“自由变换”命令，调整其大小、角度和位置，如后图所示用图层蒙板对图像用无缝拼合可以使用蒙版来显示或隐藏图层的部分区域。蒙板的显示原则是“弃暗投明”：黑色部分全隐藏（即图层全透明），白色部分全显示（即图层全不透明），灰度部分根据灰度成份，显示不同的透明度。【提示】：蒙板中只接受256阶灰色！【操作】：①在“图层3”中，点击【添加图层蒙板】按钮，添加全白色的蒙板，如图4-28所示。②选择【画笔工具】后，如图设置各项参数：黑色、硬度为0、100%不透明度等。③用画笔涂抹图像边缘，使其无缝拼合，如后图所示。用滤镜添加放射状图案滤镜是Photoshop中功能最丰富、效果最奇特的工具之一，能使图像产生特殊效果。Photoshop中的滤镜分为两类：⑴校正性滤镜。主要是为了弥补图像的缺陷，如清除原图像上的灰尘、划痕、网点等。一般效果不是很明显，以致有时不会注意到图像中已使用过它。如“杂点”类滤镜中的“去除杂点”滤镜就属于此类。⑵畸变性滤镜。主要是为了产生一些特技效果，如浮雕效果、照明效果，风吹效果等，产生的效果非常明显。为了突出人物效果，下面利用滤镜生成围绕人物的放射状图案。【操作】：①在“图层3”之下，添加“图层4”，如下图所示。②用“椭圆选框工具”生成如下图所示的圆选区（按住“Shift”和“Alt”键）。③执行“编辑→填充”命令项，用“黑色”填充选区。④执行“滤镜→杂色→添加杂色”菜单项：“数量”为100~150“分布”取“高斯模糊”选取“单色”选项。如下图所示。⑤取消选区后，执行“滤镜→模糊→径向模糊”菜单项：“数量”为“100”，“模糊方法”为“缩放”，精心调整中心点位置。如下图所示。⑥按下“Ctrl

+

F”重复执行刚才的滤镜命令。⑦复制图层，并将图层的混合模式设置为“叠加”。如下图所示。⑧执行“图像→调整→色相/饱和度”菜单项，选取“着色”项后，将放射状图案调整为浅蓝色，如下图所示。文字工具和图层样式添加电影名称“城堡探秘”。【操作】：①输入文字“城堡”：楷体、大小为80像素、粗体、颜色可任意。如下图所示。②在图层面板下方的工具按钮中，点击“添加图层样式”工具，从其下拉表中选择“渐变叠加”选项。③在对话框中，添加“渐变叠加”和“斜面和浮雕”图层样式，渐变色选取预置的“橙色，黄色，橙色”选项，而“斜面和浮雕”则取默认值，如下图所示。“风”滤镜【操作】：①如下图所示，输入文字“探秘”：楷体大小90像素白色【提示】：文字颜色必须为白色，因为下面将运用的“风”滤镜，如使用其他颜色，效果不明显。②执行“编辑→变换→旋转90度（顺时针）”命令项。③执行“滤镜→风格化→风”菜单命令，软件会提示“必须栅格化后才能继续”，选择【确定】按钮。【提示】：文字栅格化后，就转换成图像了，不能再进行文字编辑。④在“风”滤镜对话框中，如下图设置：风、从右。⑤执行“滤镜→风（Ctrl+F）”菜单命令,再次执行“风”滤镜，如下图所示。⑥执行“编辑→变换→旋转90度（逆时针）”命令项。用“Ctrl+点击图层”产生图像选区【操作】：可用“Ctrl+点击图层”快捷方式，生成图层中图像的选区，如下图所示。此方式经常使用，希望能熟练掌握给文字填充红色【操作】：①将前景色设置为“红色”。②执行“编辑→填充”命令项，用“前景色”填充，如下面左图所示。③用“Ctrl+D”快捷键取消选区，效果如下面右图所示。“素描”类中“图章”滤镜此滤镜的特点是能简化图像，减少尖锐的拖影效果。【操作】：①如下图所示，将前景色设置为红色，背景色设置为灰色（因为“图章”滤镜是通过调节前景色和背景色的平衡来简化图像）。②执行“滤镜→素描→图章”菜单命令，参数照图设置。③添加图层蒙板，用黑色画笔再次修饰多余的拖影，如下图所示。“液化”滤镜和“斜面和浮雕”图层样式“液化”滤镜可用于推、拉、旋转、反射、折叠和膨胀图像的任意区域。所创建的扭曲既可以是细微的，也可以是剧烈的，这就使“液化”命令成为修饰图像和创建艺术效果的强大工具。本例中，利用“液化”滤镜对文字作适当的扭曲。【操作】：①选择文字层而不是蒙板层。②执行“滤镜→液化”菜单命令，如后图所示，用“向前变形工具”在文字边缘拖曳，使之产生扭曲变形。要注意的是，变形不要太夸张，要保持文字的基本框架不变。③“斜面和浮雕”图层样式能使图像或文字产生立体效果，如下图所示。保存文件一般以两种格式保存：⑴PSD格式，它保存了图像中所有的图层、通道、路径信息，可在此基础上继续编辑此文件。⑵JPG格式，这是提供发表的，它能使文件的体积大大缩小。当保存为JPG格式时，会要求选择“品质”，可根据需要进行选择。数值越大，图像质量越高，但文件体积也越大，一般取6～10即可。请以“城堡探秘.psd”和“城堡探秘.jpg”两种格式保存。4.3.3实例2CD封面制作新建文件【操作】：运行“文件→新建”菜单命令，设置的参数如下图所示。

显示标尺和网格标尺和网格都可帮助精确地确定图像或元素的位置。【操作】：①运行“编辑→首选项→参考线、网格和切片”菜单命令，设置网格线间隔为1.5厘米，如下左图。②在“视图”菜单中，选中“视图→标尺”和“视图→显示→网格”两项，如下右图。

画圆选区CD盘面的尺寸分别是12厘米、4厘米和1.5厘米3个正圆。⑴画小圆选区【操作】：①选择“椭圆”选区工具。②在“选项栏”中，将“样式”设置为“固定大小”，“宽度”和“高度”都设置为1.5厘米，如下图所示。③按住<Alt>键的同时，在窗口中间点击，画出如下图所示的小圆。（<Alt>键的功能是以鼠标击点为中心画圆，否则鼠标击点只是圆的左上角）⑵将小圆转为Alpha通道将小圆转为Alpha通道，从而存储小圆的选区信息。【操作】：①选择“通道调板”，如下面左图所示。②点击“将选区转换为通道”按钮，把选区转换为Alpha1通道，如下面右图所示。③如下图所示，当只保留Alpha通道的显示时，初始只有黑、白两色。④当以PSD格式保存文件时，会存储通道信息，从而保留了选区信息。当然，Alpha通道的作用不单是保留选区信息，它还能产生许多特殊效果⑶画4厘米圆的选区【操作】：①返回“图层”调板，选区应仍保留着（有虚线闪烁框。假如由于其他原因选区消失了，可返回通道调板，按住<Ctrl>键的同时点击Alpha1即可）。②前面已学过图像的“自由变换”操作，同样地，选区也可作“自由变换”。执行“选择→变换选区”命令，如左图所示，即进入选区的“自由变换”操作。③由于4厘米的值在网格线上较难定位，所以在属性栏中用数字来调节圆的大小，如下图所示，将宽度和高度调节为266%。④双击窗口中的圆，退出“变换选区”命令，4厘米的圆如下面左图所示。⑤用同样的方法，将此圆存为Alpha2通道，如下面右图所示⑷画12厘米圆的选区因为12厘米正好是8个网络线，所以下面用目测调节。【操作】：①返回“图层”调板，选区仍保留着。②再次运行“选择→变换选区”命令。③按住<Alt>和<Shift>键的同时调节圆，使其正好占8格（<Alt>键的功能是以圆的中心调节；<Shift>键的功能是等比例调节）。④双击退出变换选区命令。12厘米的圆如下面左图所示。⑤用同样的方法，将此圆存为Alpha3通道，如下面右图所示画CD封面图案⑴画内圈图案内圈图案是指4厘米圆与2厘米圆之间的区域。【操作】：①按住<Ctrl>键的同时点击Alpha2通道，如下面左图所示，选中4厘米圆的选区。②返回“图层”调板，执行“选择→载入选区”菜单命令，如下面右图所示。③在如下图所示的对话框中，“操作”选“从选区中减去”，“通道”选“Alpha1”，意思是新的选区由Alpha2通道减去Alpha1通道而形成。④生成的选区如下面上图所示。假如显示黑色，通道调板中取消Alpha2通道的显示即可。⑤填充渐变色。选取渐变工具，选项栏的参数照下面下图设置：选用“对称渐变”样式。【提示】：渐变色的颜色设置为：左端为黄（参考数为#f3e86a），右端为浅蓝（参考数为#82d7fa）⑥用鼠标照下图所示，从圆心拖曳，形成渐变色。⑵画外圈图案外圈图案是指12厘米圆与4厘米圆之间的区域。【操作】：①载入“Alpha3”通道选区（按住<Ctrl>键的同时点击Alpha3通道），用“Alpha3”减去“Alpha2”（按住<Ctrl+Alt>键的同时点击Alpha2通道）。②新建一个图层，用白色填充刚才的选区，如下图所示。③取消选区（快捷键<Ctrl+D>）。④运行“文件→浏览”菜单命令，在下图所示的浏览器中，将配套光盘中“4.jpg”文件打开。⑤使用“移动”工具，把花卉直接拖动到CD窗口中，Photoshop会为之建立一个新图层。⑥使用“自由变换”工具，放大花卉图案，使它充满整个画面，如下图所示。⑦确定当前图层为花卉图层，并位于顶端（“图层”调板中，通过鼠标拖曳可以改变图层的上下位置）。运行“图层”菜单下的“创建剪贴蒙版”命令，可以发现花卉图案只出现在原来被白色填充的区域，而“图层”调板中花卉图层后退了一格，如右图所示。

【提示】：剪贴蒙版的作用是使用下面图层的内容来蒙盖它上面的图层。它与“贴入”命令的功能基本相似，区别在于前者通过图层中图形而后者通过选区来生成蒙板。

⑶改变图案的颜色与效果对花卉图案作一些艺术处理。【操作】：①去除颜色。运行“图像→调整→去色”菜单命令，花卉图案的颜色变成了黑白；然后适当调整图片的亮度与对比度，如下图所示。②使花卉图案产生渐变色彩。为此，运行“图像→调整→渐变映射”菜单命令，在“渐变”对话框中，选择一种你喜欢的渐变色彩，如下图所示，本例中选择了棕色到白色的渐变色彩。【提示】：“渐变映射”命令将相等的图像灰度范围映射到指定的渐变填充色。本例中是双色渐变填充，则把图像中