Photoshop CS2图像处理与平面设计 教学课件 作者 杜飞明 主编第13章 ImageReady.ppt

《Photoshop CS2图像处理与平面设计 教学课件 作者 杜飞明 主编第13章 ImageReady.ppt》由会员上传分享，免费在线阅读，更多相关内容在教育资源-天天文库。

1、第13章ImageReady动画设计第13章ImageReady动画设计一、关于Web图像二、应用ImageReadyCS处理Web图像三、使用ImageReady优化Web图像四、GIF动画的制作五、作业与实验一、关于Web图像Web图像比其他的专业图像小，一般都是几KB到几十KB，上百KB的一般都做成专门的图像链接了，这一特点主要是由网络的带宽所决定的。许多Web图像内还必须包含超级链接。作为页面的一部分，Web图像不仅仅是一幅图像，它还是通往站点中其他内容的路径。在Web图像领域中还有两个基本概念：位深和文件格式。第13章ImageRe

2、ady动画设计二、应用ImageReadyCS处理Web图像ImageReady是专门用于处理Web图像和动画的编辑工具，可以用图像装饰Web网页，并通过切片工具和图像映射工具将图像划分为几个热区，然后与不同图像、Web网页或站点链接。当其他用户浏览该Web网页时，单击链接区域就可以访问相应的内容。另外还可以通过翻转和动画制作特殊的Web网页效果。第13章ImageReady动画设计1．优化面板通过该面板，可以对Web图像进行优化处理，ImageReady允许用GIF、JPEG、PNG-8、PNG-24等格式进行优化。2．切片面板对于用切片工

3、具创建好的切片，用切片面板可以设置URL（链接对象）、尺寸、背景、状态栏信息等。1.ImageReadyCS主窗口第13章ImageReady动画设计2.应用ImageReady创建切片打开要创建切片的图像，在工具箱中选择切片工具，从选项工具栏的样式列表框中选择一种创建切片的样式，在图像中的目标区域拖动鼠标创建一个矩形用户切片，图像中的剩余区域都会自动成为自动切片。选择Windows菜单中的切片命令，打开切片面板，指定切片的类型、背景颜色、名称和要链接到的URL地址等信息。在创建切片时，如果按住Shift键，则创建的切片都将是正方形切片。如果

4、按住Alt键，则创建的切片将以鼠标单击处为中心。如果需要均分图像时，可以选择“切片→划分切片”命令，打开的“划分切片”对话框。第13章ImageReady动画设计2.应用ImageReady创建切片第13章ImageReady动画设计切片输出选项对话框三、使用ImageReady优化Web图像1.优化Web图像的基本步骤（1）ImageReady中打开需要修改的图像文件，用裁切工具裁切图像，只留取需要的部分。（2）执行“图像→图像大小”命令，将图像规格设置为需要的大小。（3）单击图像窗口的“四联”标签，图像窗口将出现4个在不同格式（或压缩比）

5、下的预览图像，可以根据每个图像底部的信息初步作出压缩比的选择。（4）如果要对初步选择的压缩图像进一步修改，可以先单击该图像的压缩预览窗口，然后修改优化工作面板的各选项。第13章ImageReady动画设计2.JPEG格式图像的优化对于JPG格式的图像，可以通过设置它的压缩品质以及模糊等选项来改变其文件大小。（5）单击预设列表右侧的按钮打开一个对话框，用来保存优化设置的各个设置参数，如文件格式、颜色工作面板、品质信息等。（6）位于预设列表下面的是文件格式列表，通过选择列表中的项目可以改变图像的格式。优化工作结束后，单击视觉品质和文件大小都达到最

6、满意的一个图像，然后保存。第13章ImageReady动画设计3.GIF格式图像的优化在优化工作面板中，只能对GIF格式图像的颜色做总体的设置。如果希望编辑图像的每一种颜色，则需要使用颜色表工作面板。第13章ImageReady动画设计4.PNG格式图像的优化1．优化PNG-8格式PNG-8使用8位颜色，在压缩时采用较高级的压缩技术，可以有效压缩图像中的颜色，并可以保存一些图像细节，图像质量要比GIF好10%～30%左右。如果要优化的图像使用8位颜色，可以使用PNG-8格式来优化进行无损压缩。2．优化PNG-24格式PNG-24是一种支持24

7、位颜色的PNG图像格式，它支持图像多级透明度。PNG-24格式的图像质量比较高，能够连续下载显示，是对质量要求比较高的图像首选的优化格式，不过，PNG-24格式的文件相对尺寸比较大。第13章ImageReady动画设计四、GIF动画的制作本节内容请同学们上机实践完成。第13章ImageReady动画设计作业思考题：如何使用ImageReady优化Web图像？练习题：甲壳虫动画制作。实验甲壳虫动画。操作步骤1、新建文件，创建图层1。2、用椭圆选取工具画一个正圆，填充色值C：27M：95Y：93K：27。3、添加【杂色】，参数设置如图13.6.1

8、，进行【模糊处理】，方式为径向模糊，设置如图13.6.2。图13.6.1【杂色】参数设置对话框图13.6.2【径向模糊】参数设置对话框甲壳虫制作4、创建图层2，做适