案例20-图像展示.pptVIP

1.理解按钮元件的4个状态 2.学会创建按钮 3.学会测试按钮 重点 1.理解按钮元件的4个状态 2.学会创建按钮 3.学会测试按钮 难点 1.理解按钮元件的4个状态 2.学会创建按钮 回顾复习 1、欣赏“【案例19】动感宝宝照相馆”，回顾此案例的制作过程是什么？ 回顾复习 回顾复习 回顾复习 因为“ 模拟指针钟 1” 影片剪辑元件共 120 帧。为了可以使 图形实例能正常播放，则选中“ 图层 1”图层第 120 帧，按F5 键，使“ 图层 1”图层第 1 帧到第 120 帧内容均一样。 情境引入 “【案例19 】动感宝宝照相馆”通过制作“宝宝照片”影片剪辑元件，自动在动画中展示宝宝的靓照，本节课我们将学习如何通过按钮控制宝宝靓照的播放。 任务一：制作 “5.3 【案例 20】图像展示”所展示的案例动画 【案例效果】 “图像展示” 动画播放后， 屏幕显示 4 个按钮和一个图象框，如图 1 所示（ 还没有右边的宝宝图像）。当鼠标指针经过红色文字“ 图像 1”按钮时，会发现文字的颜色变为蓝色；单击图像 1”按钮时，会发现“ 图像 1”文字颜色变为绿色，同时在按钮右边一幅宝宝图像，如图 2 所示。当鼠标指针经过“ 图像 2”、 “ 图像 3”、 “ 图像 4” 和“ 图像 5” 文字按钮和单击“ 图像 2”、 “ 图像 3”、 “ 图像 4” 和“ 图像 5” 文字按钮时， 会发现文字的颜色发生了变化， 同时在文字按钮右边会显示另一幅宝宝图像，如图3所示。 思考问题: 1、按钮有哪几种状态？各自代表什么含义？ 2、此案例中，按钮的4种状态分别对应何种 颜色？ 3、创建按钮的步骤是什么？ 4、如何测试按钮？ 3、 创建按钮 （ 1） 单击“ 插入” → “ 新建元件” 菜单命令， 调出“ 创建新元件” 对话框。在该对话 框内，选择 “ 按钮”复选框，在“ 名称”文本框中输入元件的名字（ 例如：“ 按钮 1”）。 单击该对话框内的确定” 按钮， 切换到按钮元件的编辑状态， 此时时间轴的“ 图层 1” 图层中显示 4 个连续的帧， 如图 5所示。用户需要在这四个帧中分别创建相应的按 钮外观， 可以导入图形、图像、文字， 影片剪辑或图形元件实例等， 但不能在一个 按钮中再使用按钮元件。最好使用“ 信息” 面板将按钮图形精确定位， 使图形的中心 与十字标记对齐， 并记下它的坐标值。要制作动画按钮， 可以使用动画的影片剪辑 或图形元件。 （ 2） 用鼠标单击选中第 l 帧（ 弹起） ， 再制作按钮“ 弹起” 状态的外观。 （ 3）单击选中第 2 帧（ 指针经过），再按 F6 键，使第 2 帧成为关键帧并复制了 第 l 帧的按钮外观， 改变第 2 帧的对象， 作为鼠标指针经过时的按钮外观。另外， 可以按 F7 键， 使第 2 帧成为空白关键帧， 重新创建一个新对象， 作为鼠标指针经 过时的按钮外观。 （ 4） 单击选中第 3 帧， 按照上述方法， 制作鼠标按下状态的按钮外观。然后，单 击选中第 4 帧， 绘制一个图形， 用来确定鼠标事件的响应范围。 （ 5）单击元件编辑窗口中的 按钮，回到主场景。可以看到“ 库”面板中已有了刚刚 制作的按钮元件。从“ 库” 面板中将它拖曳到工作区中， 即可创建按钮实例。 *／20 上课地点：407机房 教学总结 教学反思 教学评价 5.3 【案例20】图像展示 教学目的 教学重点 教学难点 回顾复习 情境引入 教学过程（基础篇） 教学过程（提高篇） 教学过程（升华篇） 学习目的 制作“ 三原色” 影片剪辑元件 制作“ 宝宝照片” 影片剪辑元件 制作“模拟指针钟”和“光斑”剪辑元件 制作主场景动画 单击选中“ 红圆”影片剪辑实例，在其“ 属性”面板内的“ 混合”下拉列表框中选择“ 增加” 选项。单击选中“ 绿圆” 影片剪辑实例， 在其“ 属性” 面板内的“ 混合” 下拉列表框中也选择“ 增加” 选项。 2、 “ 三原色” 影片剪辑实例元件，如下两张图片有何不同？如何设置影片剪辑实例的“ 属性” 面板？ 选择不同的混合模式，可以更改舞台上一个影片剪辑实例对象与位 于它下方的各个对象的组合方式，可以混合重叠影片剪辑中的颜色， 创造独特的效果，创建复合图像。 3、制作“模拟指针钟”元件实例时，如何设置动画的播放 模式？ 单击选中右下角的“ 模拟指针钟 1”影片剪辑实例，在它的“ 属性”面板内 的“ 实例行为”下拉列表框中选择“ 图形”选项，使“ 属性”面板切换到图形 实例的“ 属性”面板。在“ 图形选项” 下拉列表框中选择“ 循环” 选项， 在 “ 第一帧”