精通Photoshop CS2中文版_电子教案CHAP12.ppt

第12章 使用ImageReady CS2 12.1 基本概念 12.2 ImageReady CS2软件 12.2 ImageReady CS2软件 12.2 ImageReady CS2软件 12.3 切片的应用 12.3 切片的应用 12.4 图像映射 12.5 GIF动画制作 12.6 优化网页图像 12.6 优化网页图像 12.7 导出网页图像 12.7 导出网页图像 12.8 边学边练——动画制作实例 * 精通Photoshop CS2中文版 清华大学出版社 精通Photoshop CS2中文版 清华大学出版社 重点内容： 切片的应用 图像映射 GIF动画制作 导出网页图像 “切片”：用切片工具可以将图像分为若干矩形切片，根据切片中的图像特点进行优化。也可以为切片添加翻转效果，指定链接地址，使其具有互动按钮功能。 “交互”：表示程序不只是按顺序执行，还要依赖于用户的操作，根据用户的操作来决定程序是否运行，其中用户的操作为“事件”，而程序下一步的执行能力就为“响应”。使用设置的交互功能可以得到的主要效果有动画的播放控制及场景之间的切换等。 “图像映射”选项：与切片不同，图像映射可以限定包括矩形在内的各种形状的链接区域，从而创建具有不规则形状的按钮。 “帧”：帧是构成ImageReady作品的基本元素，可以简单地将帧理解为此作品在各个时刻播放时的内容。 “动画”：顾名思义就是运动的“画”，由多个帧按照一定的排列方式组合生成的动画效果。要想创建动画，就首先要创造各种静止的“画”，即图形、文字或图片等，然后结合变形操作及交互等功能的设置，最终创作完成动画作品。 一、界面概述 ImageReady CS2软件与Photoshop CS2软件是安装在一起的，单击Windows界面左下角的“开始”按钮，在弹出的菜单中选择“程序”| Adobe ImageReady CS2选项，稍等片刻即可进入ImageReady CS2软件。 二、工具按钮 ImageReady CS2软件工具箱中的工具按钮与Photoshop CS2软件的基本相同，学习时可以对两者进行比较。 三、控制面板 一、切片的种类 根据切片创建方式的不同，通常将切片类型分为以下3种： “自动切片”：在创建“用户切片”或“图层切片”时，程序自动将定义的切片对象以外的图像区域分割成若干个虚线边框的矩形切片对象，这些切片对象是系统自动产生的，故称为“自动切片”。当对“用户切片”或“图层切片”进行编辑时，“自动切片”会根据编辑后的状态自动调整。 “用户切片”：使用“切片工具”对图像分割所制作的切片对象，其边框为实线。 “图层切片”：以图层为依据创建的切片对象，其边框和用户切片一样也是实线。 二、创建切片 创建切片有多种方法，除了经常用“切片工具”创建切片外，还可以通过参考线创建精确位置的切片以及创建“选区切片”和“图层切片”等。 三、显示与保存切片 单击工具箱中的“切换切片可视性”按钮，可以切换切片视图的显示与隐藏。单击 工具选项栏上的“隐藏自动切片”按钮，可隐藏自动切片的显示。 单击工具箱中的“在默认浏览器中预览”按钮，可以在默认的浏览器中预览切片效果。 当完成切片的制作后，选择“文件”|“存储优化结果”命令，选择存储类型为“HTML和图像”完成对文件的保存。 在ImageReady中的图像映射根据其创建方式的不同可以分为两类： 普通图像映射：利用工具箱中的图像映射工具组来创建图像映射。 图层图像映射：利用图层的图像映射，当图层的尺寸和位置发生变化时，图像映射也随之调整。 一、动画工作原理 格式的文件允许在单个文件中包含多幅图像，各个画面即为CIF文件的每一帧，帧与帧之间的图像有些微小的差别，在ImageReady中，设定播放时间及播放次数后，即可按顺序播放这些图像，产生动态效果。 二、动画控制面板 在ImageReady中，是通过“动画”控制面板来制作动画的，如果“动画”控制面板没有显示，可以选择“窗口”|“动画”命令显示该控制面板。 12.5 GIF动画制作 一、优化JPEG格式的图像 JPEG是—种图像文件的压缩格式，其压缩质量很高，可用于制作对质量要求很高的网页图像格式。对JPEG格式的图像，可以通过设置其压缩品质以及模糊程度等选项来进行优化。 二、优化GIF格式的图像 对于GIF格式的图像来说，由