第十三章Web图像处理.pptVIP

第13章 Web图像处理;主要内容 ● 网页元素基础 ● 图像映射 ● 图像切割 ● GIF动画 ● 图像的优化输出 学习要点 ● GIF动画;13.1 网页基础知识; ;13.1 网页基础知识;13.1 网页基础知识;13.2 中文ImageReady CS简介及基本操作;13.2 中文ImageReady CS简介及基本操作;13.2 中文ImageReady CS简介及基本操作;13.2 中文ImageReady CS简介及基本操作;13.2 中文ImageReady CS简介及基本操作;13.2 中文ImageReady CS简介及基本操作;13.2 中文ImageReady CS简介及基本操作;13.3 图像映射;【多边形图像映射工具】：绘制多边形图像映射工具。利用该工具，先在图像上单击建立第一个点，松开鼠标后再单击确定下一个点的位置，直至确定所需范围后，返回到第一个点，当鼠标指针变为形状时单击，可自动连成封闭区域，形成多边形图像映射区域。 【图像映射选择工具】：图像映射修改工具。可利用该工具选择图像映射区域。在希望选取的图像映射区域中单击，被选中的图像映射区域周围会出现8个控制点。用鼠标指针按住控制点拖曳可改变映射区域大小；按住“Shift”键的同时连续单击，还可以同时选取多个图像映射区域。;13.4 图像切割;　　在第1章的1.2.5节中就介绍了【切片】工具，使用工具，即可切割图像，如下图所示。针对用户当前划分的切割区域，ImageReady会自动完成其他区域的切割。通常，将用户切割出来的区域称为【用户切片】，而将ImageReady自动切割出来的区域称为【自动切片】。可以多次使用切片工具将已切割出来的区域再次切割。 ;13.4 图像切割;13.5 制作动画;13.5 制作动画;13.5 制作动画;13.5 制作动画;13.5 制作动画;13.5 制作动画;13.5 制作动画;13.6 网页图像的优化、存储及输出;　　在【四联】模式下选择一个预览窗口，被选中的窗口有一个黑色边框，如同13.20所示。单击【窗口】︱【优化】命令，弹出【优化】面板，如图13.21所示。然后在【优化】面板中设置各项参数，使图像文件大小、传输速率、图像效果都达到最佳效果。 提示 　　用【存储】或【存储为】的方法只能将ImageReady CS中编辑的文件存储为“PSD”格式，而要输出为网页中常用的“JPG”、“GIF”和“PNG”三种格式，只有用优化输出的方法。;13.6 网页图像的优化、存储及输出;以下是【优化】面板中几种设置的含义。 【预设】：提供了几种常用网页图像格式的设置。如果是动画，则选择一种GIF；如果不是动画，则设置成PNG和JPG都可。 【颜色表】：更改颜色表中的颜色将会影响优化后的图像效果。例如将【颜色表】控制面板中的颜色删除，那么图像中与删除的颜色相对应的颜色也会随之消失。此外，如果以另一种颜色代替【颜色表】面板中的颜色，也会改变图像的效果。 【仿色】：仿色是指对于系统中没有提供的模拟计算机显示颜色的方法，可以通过仿色的方法实现该颜色。若图像所包含的颜色主要是纯色，则在不应用仿色时通常也能正常显示。包含连续色调（尤其是颜色渐变）的图像，可能需要仿色以防止出现颜色条带现象。 【透明度】：通过设置透明度可以制作出背景透明的GIF图像。 【损耗】：即指定有损压缩所允许的“损耗”值。有损压缩可通过有选择地扔掉数据来减少文件大小。损耗设置越高，扔掉的数据越多。通常可以使用5-10%的损耗，有时可高达50而不会降低图像品质。使用【损耗】选项通常可使文件大小减少5%-40%。;　　优化后即可将图像输出，执行【文件】︱【存储优化结果】命令或者【???优化结果存储为】命令，打开如图所示的对话框。;　　在该对话框中设置文件的保存位置、文件名、保存类型和其他各项参数，然后单击【保存】按钮就可将图像以优化的方式输出。这里简单介绍几种保存类型： 【HTML和图像】：可以在保存图像文件的同时保存网页文件。 【仅限图像】：只保存图像文件而不保存网页文件。 【仅限HTML】：只保存网页文件，而不保存图像文件。如果启动浏览器浏览该网页，则网页中不显示图像。 在【四联】窗口模式下只能对整个网页图像进行优化，如果要优化图像中的某个部分，则可以先使用【切片】工具，将图像进行切割，然后再利用【优化】控制面板进行操作。切割后的图像既可以创建超链接，还可以输出为单独的文件。单击【文件】︱【将优化结果存储为】命令，在打开的对话框中，设置文件名、文件位置和保存类型，并在对话框底部选择要输出的切割区域，如果选择【所有切片】则输出图像中所有切割区域中的图像；如果选择【选中的切片】选项，则仅输出在图像中选中的切割区域。