Photoshop CS3图形图像处理实用教程 教学课件 作者 袁景超 第10章.pptVIP

2. 动画制作 3. 实例制作步骤 实例制作步骤 任务三 黑白照片上色 1. “历史记录”面板 2. 编辑快照 3. 实例制作步骤 任务四 室内效果图的后期处理 实例制作步骤 * * 任务一 网页动态按钮制作 任务二 雀尾花扇制作 任务三 黑白照片上色 任务四 室内效果图的后期处理 第10章 网页图像制作与3Dmax作品后期处理 任务一 网页动态按钮制作 【教学目标】 通过实例制作，掌握以下知识： 1. “动画”面板 2. 动画制作 3. 实例制作步骤 1． “动画”面板 返回至本任务目录 执行“窗口”→“动画”命令，可以调出“动画”面板，如图10-44所示，在此面板中可以对动画的每一帧进行设置。在“动画”面板的底部，各控制按钮功能如下： 图10-44“动画”面板 ⑴“选择循环选项”按钮：此按钮可以设置播放的次数。系统提供了3种播放动画方式。单击其下拉按钮，可以从弹出的下拉列表中选择“一次”、“永远”、“其它…”。当选择“其它…”项时，弹出“设置循环次数“对话框（参见图10-44），在其中设置播放的次数。 ⑵“选择第一帧”按钮：单击此按钮，返回到动画的第一帧，并将其置为当前帧。 ⑶“选择上一帧”按钮：单击此按钮，跳到前一帧。 ⑷“播放动画”按钮：单击此按钮，播放动画。 ⑸“停止动画”按钮：播放动画后，播放按钮就会变成停止播放按钮，单击此按钮，可以停止动画播放。 ⑹“选择下一帧”按钮：单击此按钮，跳到下一帧。 返回至本任务目录 ⑺“过渡动画帧”按钮：此按钮的功能是创建动画过程。其创建方法是：需绘出动作前后的两幅图像，然后单击该按钮即可。 ⑻“复制所选帧”按钮：单击该按钮，将复制当前帧为一个新的动画帧。 ⑼“删除所选帧”按钮：单击该按钮，删除当前选中的帧。 ⑽“转换为时间轴动画/转换为帧动画”按钮：在两种动画形式间切换。 返回至本任务目录 动画可以分为逐帧动画和渐变动画。逐帧动画需要制作每一帧动画的画面，而渐变动画只需制作动画的初始画面和最终画面，无需制作动画的中间过程画面。下面介绍这两种动画的制作方法。 制作逐帧动画 逐帧动画制作相对来讲比较麻烦，需要制作动画每一帧的画面。 制作渐变动画 (例如变淡的电话) ⑴打开动画所需的图片（随书光盘“第10章”→“素材”→“动画”），如图10-48所示。 ⑵在“动画”面板中，单击面板下方的“复制所选帧”按钮，复制的帧在第一帧的右侧，如图10-49所示。 图10-49 复制帧 图10-50设置不透明度 返回至本任务目录 ⑶保持选择动画的第二帧，然后在“图层”面板中，设置此帧的不透明度为8%（先将背景图层转换为普通图层），如图10-50所示，“动画”面板中帧效果如图10-51所示。 图10-51帧不透明度效果 图10-52“过渡”对话框设置 ⑷确认当前选择为第二帧，单击“动画”面板下方的“过渡动画帧”按钮（参见图10-51），打开“过渡”对话框，其设置如图10-52所示。单击“确定”按钮即可。“动画”面板效果如图10-53所示。 ⑸在“动画”面板中设置每一帧延迟时间（播放时间）为0.5秒。单击动画面板下方的“播放”按钮，开始播放动画 。 图10-53“动画”面板效果 第一步：打开随书光盘“第10章”→“素材”→“网页按钮”（透明背景），如图10-45所示。 返回至本任务目录 图10-45网页按钮 图10-46 帧与图层一一对应 第二步：选择“图层”面板，复制7个图层，参见图10-46。选择“动画”面板，复制7个帧，参见图10-46。 第三步：按帧与图层的一一对应关系，设置好帧的显示状态，每选择一帧只有一个图层显示，其他图层隐藏。选择第1帧，显示“图层1”（图层命名可以不与本图相同）；选择第2帧，显示“图层1副本”；选择第3帧，显示“图层1副本2”；依此类推。从下至上，每一层（帧）图像旋转45度，如图10-46所示。 第四步：在“动画”面板中单击某一帧的“选择帧延迟时间”按钮，弹出其下拉列表如图10-47所示，从中可以选择此帧播放的延迟时间，本任务中每一帧的延迟时间均为0.1秒。设置循环选项后，按“播放动画”按钮，预览效果。如果不满意，在“动画”面板中调整，也可以回到“图层”面板中重新选择或制作。 第五步：将动态按钮文件保存成为GIF格式，添加到网页文件中。 返回至本任务目录 图10-47选择帧延迟时间 任务二 雀尾花