模块8：创建按钮
教学时间 课程内容 教学目标 教学重点 教学难点 教学方法 教学资源 第 10 周 模块8：创建按钮 计划课时 3 课时+实训3课时 序号 10 按钮的四种状态；创建文本按钮；创建图形按钮。 熟练掌握文本按钮及图形按钮的创建方法，并且能够灵活应用 掌握文本按钮及图形按钮的创建方法，并且能够灵活应用。 掌握文本按钮及图形按钮的创建方法，并且能够灵活应用。 讲授演示法，任务驱动学习法和协作学习法 多媒体机房、投影仪、电子教学平台、视频演示教程、案例源文件、素材、ppt等。 教学过程 备注 复习旧课 总结上周学生的实训情况。展示几个学生的作品，指出存在的问题。 导入新课 教师播放几个Flash影片，由此引入课题。 问题的提出：如何制作按钮元件？ 讲述新课 8.1 创建按钮 按钮实际上是一个四帧的交互影片剪辑。当为元件选择按钮行为时，Flash会创建一个四帧的时间轴。前三帧显示按钮的三种可能状态，第四帧则定义按钮的活动区域。如果要使一个按钮具有交互性，可以把该按钮元件的一个实例放在舞台上，然后给该实例指定动作。必须将动作指定给文档中按钮的实例，而不是指定给按钮时间轴中的帧。 8.2 按钮的四种状态 按钮元件时间轴上的每一帧都表示一种状态，这4种状态的功能如下： 第一帧：弹起状态，表示指针没有经过按钮时该按钮的状态。 第二帧：指针经过状态，表示当指针滑过按钮时，该按钮的外观。 第三帧：按下状态，表示单击按钮时，该按钮的外观。 第四帧：点击状态，定义响应鼠标单击的区域。点击区域在SWF文件中是不可见的。如果没有在“点击”帧指定动作，则显示在“弹起”帧中的对象就作为响应鼠标事件的动作。 可以用影片剪辑元件或按钮组件创建按钮。两类按钮各有所长，应该根据需要使用。使用影片剪辑创建按钮，可以添加更多的帧到按钮或教学过程 添加复杂的动画。但是，影片剪辑按钮的文件大小要大于按钮元件。 可以在按钮中使用图形元件或影片剪辑元件，但不能在按钮中使用另一个按钮。如果要把按钮制成动画按钮，则可以使用影片剪辑元件。 实例1基本按钮的制作 插入新元件，元件类型为按钮，即可见如下界面 一般在以上四种状态下放置四个不同的元件，即可制作出一个按钮效果。 实例2、用文字、图片、图形等作按钮在实例3的基础上演示文字作按钮，即在上面蓝色长方形的位置替换成文字就是文字按钮，演示一下即可，其中“点击”如果是实心的区域，比较容易选中 8.3按钮的进一步制作应用 1、 简单的动态按钮 技术分析：小球是在鼠标放在按钮时下落的，所以动作发生在按钮四种状态的“指针经过”状态，小球下落又是个运动状态，所以在“指针经过”状态放的不是图片之类的，而是一个影片剪辑（相当于一个小电影） 主要步骤：①新建一个影片剪辑，在里面做小球下落并且透明度改变的动画 ②新建一个按钮元件，在“弹起”状态中画上一个红色的长方形，在“指针经过”状态中放入我们已经做好的关于小球运动的影片剪辑 2、 动态按钮引申 技术分析：这个动态按钮的制作基本原理同上例，只是按钮元件的第一种状态中是空帧，就是没放上去时不显示，也就是我们所说的隐形按钮，拖入到场景中按钮元件呈现出半透明状态。 课堂小结 备注 注 意 ——在给动画作品添加按钮的时候应该放到单独一层，这样便于修改。 布置作业 实训十三：按钮制作 教学反思 教学过程 备注 第11周 声音导入
教学时间 课程内容 教学目标 教学重点 教学难点 教学方法 教学资源 第 12 周 模块9：使用音频 计划课时 3 课时+实训3课时 序号 5 将声音添加到时间轴上；为关键帧添加声音； 为按钮添加声音；MTV制作 为元件添加声音 MTV制作 讲授演示法，任务驱动学习法和协作学习法 多媒体机房、投影仪、电子教学平台、视频演示教程、案例源文件、素材、ppt等。 教学过程 备注 复习旧课 总结上周学生的实训情况。展示几个学生的作品，指出存在的问题 导入新课 请各位同学观看两个影片，并思考两个影片中突出部分是什么？这部分在影片中起到了什么作用？ 讲述新课 8.1 声音的导入 1、Flash中控制音频的主要方法: ? ? ? ? ? 让声音独立于时间轴循环播放 为动画配音乐 为按钮添加某种声音 设置声音渐入渐出等效果 通过动作控制音效的回放 2、导入到Flash中的声音文件格式： Flash中不能自己创建或录制声音，编辑动画所使用的声音素材都要从外部以文件的形式导入到Flash中。 直接导入 Flash 应用的声音文件，主要包括 WAV 和 MP3 两种格式。如果系统上安装了 QuickTime 4 或更高版本，则还可以导入 AIFF 格式和只有声音的 QuickTime 影片格教学过程 式。 3、导入声音操作步骤： ? 选择“文件”→“导入”→“导入到库”。 ? 在“导入”对话框中，定位并打开所需的声音文件 ? Flash将音频文件存放在元件库中。打开库，按下播放按钮可以试听。 注: 1)在库中的声音文件有上下两个波形，表示此声音文件为双声道文件。如果只显示一个波形，则表示文件为单声道的声音 2)如果在导入mp3声音文件时显示“读取文件时出现问题，一个或多个文件没有导入”,可以将该文件使用音频转换软件重新压缩或转换为wav文件后再导入。 练习8-1: 1) 打开素材文件8-1源文件.fla； 2) 导入声音music.mp3； 3) 打开库测试声音； 4) 插入新层；在新层第1关键添加声音。 8.2 为影片添加声音 在影片中添加声音操作步骤： 1、将声音文件导入到电影中。 2、单击插入→层命令为声音创建一个新层。在该图层上要开始播放声音的帧处创建一个关键帧。 3、点击要添加声音的关键帧，在属性面板声音下拉列表框中选择一个声音文件 4、从“同步”弹出菜单中选择需要的选项: ? 事件: 声音的播放和事件的发生同步。声音在它的起始关键帧开始播放，并不受时间轴控制。即使影片播放完毕，声音也继续播放，直到此声音文件播放完毕为止。采用该方式的声音文件必须完全下载后才能够播放。该方式的声音文件最好短小，常用于制作按钮声音或各种音效。 ? 开始：与事件选项的功能相似，所不同的是，如果声音正在播放，使用此选项则不会播放新的声音。 ? 停止：停止播放指定的声音。 ? 数据流：声音和时间轴保持同步。声音文件可以一边下载一边播放，当影片播放完毕，声音也随之终止。主要用于制作背景音乐或MTV 5. 选择播放次数： ? 选择“重复”：需要输入一个值，以指定声音应循环的次数 ? 选择“循环”：连续重复播放声音 注：1) 声音在到达时间轴中的终点就会停下来。可以通过在声音图层备注 教学过程 中加入更多的帧来延长声音的播放时间。 2) 在编辑过程中按Enter键可以测试声音。也可按Ctrl+Enter键通过测试影片方法测试。 练习8-2： 1)打开素材文件8-2源文件.fla 2)导入声音文件：晴天.mp3、雨声.mp3、鸟叫.wav、闪电雷声.wav、青蛙.WAV 3)根据画面，将声音文件添加到时间轴相应的位置 8.3 声音的效果设置和编辑 1. 在时间轴上，选择包含声音文件的第一个帧 2. 在声音属性面板中,从“效果”弹出菜单中选择声音效果选项： 3. 如果选择自定义或点击＂编辑＂按钮，可以打开声音编辑控件，使用此控件可以改变声音开始播放和停止播放的位置或调整音量的大小． 打开练习8-2制作的Flash文件设置声音效果： 1）将雷电声设置为淡出 2) 设置雨声效果为自定义声音,开头由小到大,结尾由大到小 3) 改变晴空声音的起始点与终点 4) 降低青蛙声音的音量 8.4 给按钮附加声音 在Flash中通过给按钮符号的不同状态附加声音，可以为按钮加入声效。 为按钮添加声音的操作步骤： ? ? ? 使用“文件”→“导入”命令，导入要附加到按钮上的声音文件。 从库面板或舞台上选择按钮，单击右键，从弹出的快捷菜单中选择“编辑”命令，进入按钮的编辑状态 在按钮的时间轴新建一个层，专门用于附加声音。 备注 练习8-4：给按钮附加声音 1) 打开素材文件8-4源文件.fla；导入素材文件夹中的声音文件 2）从公用库中拖出一个按钮，制作点击时发出声音效果 3）制作点击小孩动画发出笑声效果 4) 制作点击播放按钮播放音乐/点击停止按钮,停止播放音乐 5) 在按钮的经过或按下状态上放置电影元件与声音，制作鼠标经过或点击按钮出现动画与声音效果。 8.5 声音的压缩与属性设置
Flash动画教案复习课程 - 图文
