第13章Web图像处理.pptVIP

第13章 Web图像处理 13.1 网页基础知识 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 图像映射 13.4 图像切割 13.4 图像切割 13.5 制作动画 13.5 制作动画 13.5 制作动画 13.5 制作动画 13.5 制作动画 13.5 制作动画 13.6 网页图像的优化、存储及输出 13.6 网页图像的优化、存储及输出 13.6 网页图像的优化、存储及输出 13.6 网页图像的优化、存储及输出 13.6 网页图像的优化、存储及输出 13.7 本章小结 　　在该对话框中设置文件的保存位置、文件名、保存类型和其他各项参数，然后单击【保存】按钮就可将图像以优化的方式输出。这里简单介绍几种保存类型： 【HTML和图像】：可以在保存图像文件的同时保存网页文件。 【仅限图像】：只保存图像文件而不保存网页文件。 【仅限HTML】：只保存网页文件，而不保存图像文件。如果启动浏览器浏览该网页，则网页中不显示图像。 在【四联】窗口模式下只能对整个网页图像进行优化，如果要优化图像中的某个部分，则可以先使用【切片】工具，将图像进行切割，然后再利用【优化】控制面板进行操作。切割后的图像既可以创建超链接，还可以输出为单独的文件。单击【文件】︱【将优化结果存储为】命令，在打开的对话框中，设置文件名、文件位置和保存类型，并在对话框底部选择要输出的切割区域，如果选择【所有切片】则输出图像中所有切割区域中的图像；如果选择【选中的切片】选项，则仅输出在图像中选中的切割区域。 * * 　　ImageReady是Photoshop中的一个重要组件。ImageReady不但可以处理图像，而且可以对图像进行压缩和优化，并且输出适用于网页的图像格式。ImageReady和Photoshop的完美结合，使网页元素和动画的制作变得更加简单。 主要内容 ● 网页元素基础 ● 图像映射 ● 图像切割 ● GIF动画 ● 图像的优化输出 学习要点 ● GIF动画 第13章 Web图像处理 　　随着英特网的不断发展，网页制作的盛行，许多图形处理软件都加强了网页制作方面的功能，Photoshop也不例外。从5.0版开始，Adobe公司将Photoshop中对网页元素处理的功能独立出来，经过不断的改进和完善，最终形成了一个独立的组件，即ImageReady。 　　在学习ImageReady之前，首先让我们来了解一下网页的基本知识。网页是一种专门在英特网上发布和传播的文件，其格式为HTML（超文本标记语言）。HTML格式能将文字、图片、声音等多种信息组合在一起，作为信息主要载体的文本和图像就是网页中最基本的组成部分，而超链接更是网页的核心，它将英特网中无数的信息以URL（统一资源定位器）的方式链接在一起。除此之外，表格、动画、音乐、交互式表单等也越来越多地被利用到网页中来。这些就是组成网页的基本元素，包括文字、图像、超链接等。下图是“新浪体育”的首页。 文本：文本是最重要的信息载体与交流工具，网页中的信息也以文本为主。与图像相比，文字虽然不能像图像那样能够快速地抓住浏览者视线，但却能够快速准确地表达信息的内容和含义，而文本所占空间较小的优点是图像所无法取代的。为了克服文字固有的缺点，可以设置文本的属性，如字体、大小、颜色、底纹以及边框等，改变文本外观上的单一性，突出文字内容的重点。 图像：图像在网页中具有提供信息、展示作品、修饰网页以及表达网站风格的功能。与文本相比，图像显得更具说服力，更能吸引浏览者。但是，由于图像所占用文件空间相对比较大，因此会影响图像在因特网上传输速度，所以网页中对于图像的格式是有要求的。目前网络中支持的图像格式有JPG、GIF和PNG三种。 　　⑴ JPG：一种压缩文件格式，支持真彩，但不支持动画。JPG?适合于诸如照片之类的具有丰富色彩的图像。 　　⑵ GIF：也是一种压缩文件格式，?支持动画，但颜色最多支持到256色。 　　⑶ PNG：一种全新的网页图像格式，是美国Macromedia公司为其产品Fireworks量身定做的文件格式。该格式图像精度较高，可读取分层信息，但不支持动画。 超链接：超链接是英特网的核心。没有超链接，浏览者也就无法到达想要浏览的