Photoshop图像处理实用教程-第10章.ppt

第10章 ImageReady CS2 教学目标 1．熟悉ImageReady的操作界面。 2．熟悉切片工具及其使用。 3．熟悉Web内容选项调板的使用。 4．熟悉图像映射工具及其使用。 5．熟悉优化和输出图像。 6．掌握制作动画的基本方法。 10.1 ImageReady CS2概述 10.1.1 ImageReady CS2 工作界面 10.1.2. ImageReady工具箱 10.1.3. ImageReady CS2的重要调板组 10.1.1 ImageReady CS2 工作界面 10.1.2. ImageReady工具箱 10.1.3. ImageReady CS2的重要调板组 1．动画调板 2．WEB内容调板 翻转菜单 3．图像映射调板 4．切片调板 划分切片 10. 2 优化网页图像 优化图像的通用步骤如下。 （1）在ImageReady中打开需要修改的图像文件，用切片工具裁切图像。 （2）执行“图像/图象大小”菜单命令，将图像规格设置为需要的大小。 （3）单击图像窗口四联标签，图像窗口出现4个在不同格式（压缩比）预览图像，可根据每个图像底部的信息初步做出压缩比的选择。 (4) 如果要对初步选择的压缩图像进一步修改，可先单击该图像的压缩预览窗口，然后修改优化调板中的各选项参数。在优化工作调板中，可以从“预设”下拉列表中选择预置的图像设置。当选择一种设置之后，图像便按所选项目重新调整颜色和压缩比例等设置，如图10.13所示。 (5) 单击“设置”列表右侧的按钮打开一个保存对话框，保存优化设置，如文件格式、颜色工作调板和品质信息等等。 (6) 位于“预设”列表下面的是文件格式列表，选择列表中的项目可以改变图像的格式。 (7)如果视觉品质和文件大小都达到最满意的一个图像，可执行“文件/存储优化结果”菜单命令保存优化结果。 压缩预览窗口 图10.13 压缩预览窗口 10.3 制作网页元素 10.3.1 按钮的制作 （1）制作动态按钮需要使用切片。在需要建立动态效果的图像处建立切片，如图10.14所示，中间绿颜色图片是要建立动态效果的图片，另外需建立三个图层，分别作为正常状态、鼠标点击的状态，鼠标移上去时的状态。可以选择从绿色切片下复制两个图片分别作为图层2，图层3。 （2）激活Web内容调板，观察一下Web内容调板，此调板中有一个正常状态框。 （3）在Web内容调板中单击按钮，此时Web内容调板中便添加了一个上方状态框，如图10.15所示，选中图层3，使图层3可见，并把图层1、图层2隐藏。 （4）激活Web内容调板，在此调板中单击按钮，此时Web内容调板中便增添了点击状态框。在该状态框上点右键，便可选择状态，选择松开状态，如图10.15所示。同时选中图层1，使图层1可见，并把图层2、图层3隐藏。 （5）执行“文件/保存优化结果”菜单命令，将图像保存为“按钮.HTML”文件，到此已制作好了一个动画按钮。 10.3.2 网页动画的制作 1．添加帧 2．删除帧 3．编辑帧 （1）选择帧 （2）复制和粘贴帧 （3）重新排列帧 （4）反向帧 4．设置帧延迟时间 (1) 在“动画”调板中，选择要设置延迟时间的帧。 (2) 单击该帧缩略图右下角的帧延迟时间设置按钮，则弹出帧延迟时间菜单，如图10.19所示。 (3) 在菜单中选择所需的帧延迟时间，则该时间将显示在帧缩略图的底部。 (4) 如果需要定义帧延迟时间，可以选择“其它”选项，在弹出的“设置帧延迟”对话框中输入帧延迟时间，单击“确定”按钮即可，如图10.20所示。 5．设置动画循环 设置循环动画的具体步骤如下： 单击动画调板左下角的“循环选项”按钮，则弹出一个下拉菜单，如图10.21所示。 (2) 从下拉菜单中选择所需的循环次数选项：选择“一次”选项，动画只播放一次；选择“一直有效”选项，则动画循环播放；选择“其它”选项，则弹出一个“设置循环计数”对话框，用于设置动画循环的次数，如图10.22所示。 (3) 在“播放”文本框中输入所需的循环播放次数。 (4) 单击“确定”按钮，则动画将按设定的循环次数进行播放。 图10.21 循环选项菜单 图10.22 设置循环计数对话框 6．设置过渡帧 使用“过渡”命令可以在两个具有不同图层属性的帧之间建立一种均匀的过渡效果，从而创建出平滑的渐变动画。例如，要创建一个淡入淡出的动画，可以设置开始帧中的图层不透明度为100%，然后在新的帧中设置图层的不透明度为0%，再使用“过渡”命令就可以在两个帧之间创建一个逐渐过渡到透明的动画。设置过渡帧的步