5.3动态画册（课件）-高二《图形图像处理》同步教学（劳动版）

任务3 动态画册—任务引入 返 回 后 退 前 进 结 束 利用动画面板，由四张不同的鲜花照片以不同的形式渐显或渐隐，制作动态翻片的画册。 效果图 任务引入 任务3 动态画册—“动画”面板应用 返 回 后 退 前 进 结 束 任务目标 相关知识 1． 动画面板 2． 动作面板 3．切片工具 ◆掌握利用“动画”面板制作时间轴动画与帧动画的基本方法 ◆了解有关网页图片处理的“切片工具”用法 ◆掌握“动作”面板的应用技术 动画面板 返 回 后 退 前 进 结 束 执行【窗口】|【动画】命令，可以调出“动画”面板，以帧动画面板和时间轴动画面板两种形式存在。在“动画”面板中可以对动画的每一帧进行设置。在“动画”面板的底部，各控制按钮功能如图1和图2所示。 动画可以分为逐帧动画和渐变动画。逐帧动画需要制作每一帧动画的画面，而渐变动画只需制作动画的初始画面和最终画面，无需制作动画的中间过程画面。 领土 图1 图2 动作面板 返 回 后 退 前 进 结 束 为了减少重复性的操作，Photoshop提供了一个“动作”面板，可在其中记录所要重复的作图过程，需要制作同样效果而画面不同的作品时，播放即可，以减少工作量，提高效率。在系统中亦给出了一些常用的效果动作，可直接用于自己的相应作品中。 由图1经过复制旋转，将此过程进行录制，再多次应用该动作，可形成图2效果。再将图 2应用默认的动作——Image Effects.atn中的四分色，形成图3的效果。 图1 图2 图3 切片工具 返 回 后 退 前 进 结 束 “切片工具”包括在裁剪工具组中，相关的还有一个“切片选择工具”。“切片工具”可将图片分定成若干独立网页图像格式的小图片，每个切片可被制成动画、链接到URL地址或用于制作翻转按钮。“切片选择工具”用于选择切片，进行移动、删除等操作以调整切片。 这两个工具的使用非常简单，如选择“切片工具”在图像上拖动绘出矩形，放开鼠标后，图像分割效果如标识，此图切分成为5个部分。选择“切片选择工具”，在如图中心矩形内单击并向上拖动，放开鼠标后，相应的切片都跟随改变。 任务3 动态画册—任务实施 返 回 后 退 前 进 结 束 任务实施 一、制作思路 首先利用时间轴动画面板制作几个照片的切换；再利用帧动画面板制作照片切换的过渡效果。 二、注意事项 可以先设置第一帧的延迟时间，再复制所选帧，复制的每一帧延迟时间均为第一帧的设置值，免去了一帧一帧地设置延迟时间的麻烦。 任务3 动态画册—任务实施 返 回 后 退 前 进 结 束 任务实施 三、操作流程 步骤1：将素材中的四个鲜花照片移入一个文件中的不同图层中，如图1所示，并将背景图层转换为普通图层。执行【窗口】|【动画】命令，打开动画面板，并单击按钮切换到时间轴动画面板，如图2所示。 步骤2：执行“动画”面板控制菜单中的【文档 设置】命令，打开“文档时间轴设置”对话框，设置播放动画时间与帧速率如图3所示。执行控制菜单中的【从图层建立帧】命令，如图4所示，四个照片的切换动画制作完成。 图1 图2 图3 图4 任务3 动态画册—任务实施 返 回 后 退 前 进 结 束 任务实施 三、操作流程 步骤3：单击 按钮切换到“帧动画”面板，参见图5，选择第1帧，拖至“新建”按钮上，放开鼠标，复制第2帧，并选择相应的“图层0”。如图5所示，选择第2帧，设置图层不透明度为30%。 步骤4：如图6所示，重新选择第1帧，单击图中标记的“过渡动画帧”按钮，在打开的“过渡”对话框中，设置如图7所示的各项参数。确定设置，添加过渡帧效果如图8所示。 图5 图6 图7 图8 任务3 动态画册—任务实施 返 回 后 退 前 进 结 束 任务