Photoshop cs3标准实例课件第9章PhotoshopCS网络应.ppt

第 9 章 Photoshop CS网络应用 【本章主要内容】 随着网络的快速发展，制作精美的网页已成为一种时尚。很多人都在自己的网页中放置漂亮的图片或添加一些简单的动画，使得网页更加生动活泼。Photoshop CS是制作网页很好的辅助工具，利用Photoshop CS及其附件ImageReady CS可以非常方便地制作用于Web的图片和GIF动画。本章主要就Photoshop CS的网络功能进行介绍。 【本章学习重点】 ? Photoshop CS制作Web图像 ? Adobe ImageReady CS 9.1 Photoshop CS制作Web图像 9.1.1 制作切片 切片是图像的一块矩形区域，可用于在Web 页中创建链接、翻转和动画。用户可以通过为图像制作切片有选择地优化图像以便于 Web 查看。 1. 制作切片 要为图像创建切片，可首先选中工具箱中的切片工具 ，此时将在图像的左上角显示 ，表示当前只有一个切片，即整个图像被作为一个切片。切片工具属性栏如图9-2所示，“样式”下拉列表中有三个选项：“正常”、“固定长宽比”和“固定大小”，当选择“正常”时，用户可以在图像中拖动默认创建任意长宽比的切片；当选择另两项时，工具属性栏 的“宽度”和“高度”文本框将变为可用，在这里可设置切片的长宽比例或大小。若图像窗口显示参考线，工具属性栏中的“基于参考线的切片”按钮将变为可用。 2. 设置切片选项 要设置切片选项，可单击切片选择工具属性栏上的“切片选项”按钮 ，系统将打开 “切片选项”对话框。对话框中各选项的意义说明如下： “切片类型”下拉列表：可为“图像”或“无图像”两种类型。若选择“无图像”类型，“切片选项”对话框，用户可在该对话框中输入显示在单元格中的文本。 “名称”文本框：设置切片名称。 URL文本框：设置超链接地址。 “目标”文本框：设置在何处打开链接网页。 “信息文本”文本框：设置切片提示信息。当鼠标移至该切片区域时，系统将在浏览器的状态栏上显示该信息。 “Alt标记”文本框：对于非图形浏览器而言，可利用该文本框设置在切片位置显示的文字。 “尺寸”选项组：设置切片的大小。 9.1.2 优化图像 优化是微调图像显示品质和文件大小的过程，以便用于 Web 或其它联机媒体。Adobe Photoshop和Adobe ImageReady使用户可以在优化图像联机显示品质的同时，有效地控制图像文件的压缩大小。 优化图像有两种方法：基本优化和精确优化。 基本优化 对于基本优化，Photoshop CS的“存储为”命令使用户可以将图像存储为 GIF、JPEG、PNG或WBMP文件。根据文件格式的不同，可以指定图像品质、背景透明度或杂边、颜色显示和下载方法。但是，添加到文件的任何 Web 特性（如切片、链接、动画和翻转）都不保留。 精确优化 对于精确优化，可以使用Photoshop CS或ImageReady CS中的优化功能，以不同的文件格式和不同的文件属性预览优化图像。当预览图像时，可以同时查看图像的多个版本（双联、四联方式）并修改优化设置，选择最适合自己需要的设置组合。也可以指定透明度和杂边，选择用于控制仿色的选项，以及将图像大小调整到指定的像素尺寸或原大小的指定百分比。 9.2 Adobe ImageReady CS简介 ImageReady CS作为Photoshop CS的附件，主要用于制作网络上应用的图片和动画。单击Photoshop CS工具箱中的按钮，快捷地打开ImageReady CS， ImageReady CS的工作界面和Photoshop CS的工作界面很相似。在整个窗口的下方是一个由切片、表和图像映射面板组成的面板组，再加上动画和Web内容面板，利用这些面板用户可非常方便地制作切片、动画、图像映射及翻转图像等。 9.2.1 制作图像映射 所谓图像映射有些类似切片，用户可在一幅图像中制作多个图像映射区域，并可为每个区域建立与文本文件、其它图像、音频、视频或多媒体文件、该Web站点的其它页或其它Web站点的链接，也可以在图像映射区域创建翻转效果。 使用图像映射与使用切片创建链接的主要区别在于源图像导出为Web页的方式。使用图像映射时，图像作为一个文件按原样导出；而使用切片时，图像作为一个单独的文件导出。图像映射与切片之间的另一个区别是，图像映射使用户能够链接图像的圆形、多边形或矩形区域，而切片只能链接矩形区域。如果只需要链接矩形区域，使用切片可能比使用图像映射更可取。 9.2.2 图像翻转 翻转是一种 Web 效果，当查看者在 Web 页的某一区域上执行鼠标动作（如滚动或单击）时，该效果将产生不同的图像显示状态。状态由图