1、第1页,共29页。元件类型元件类型 图形元件:可以静止也可以运动,但不图形元件:可以静止也可以运动,但不能添加交互式行为和声音控制能添加交互式行为和声音控制 影片剪辑元件:等同于一段完整的动画影片剪辑元件:等同于一段完整的动画文件,可以添加交互式行为和声音控制文件,可以添加交互式行为和声音控制 按钮元件:用于响应鼠标滑过、单击等按钮元件:用于响应鼠标滑过、单击等操作,包括操作,包括“弹起弹起”、“指针经过指针经过”、“按下按下”、“点击点击”4种状态。种状态。窗口窗口-公用库,有系统自带的公用库,有系统自带的“学习交学习交互互”、“按钮按钮”、“类类”三种元件三种元件第2页,共29页。认识按钮
2、元件认识按钮元件 选择菜单栏中的选择菜单栏中的“窗口窗口公用库公用库按钮按钮”命令,打开命令,打开“库库按钮按钮”面板(在面板(在Flash中可以同时打开多个库)。中可以同时打开多个库)。单击面板右侧的单击面板右侧的“宽库视图宽库视图”图标和图标和“窄库视图窄库视图”图标,可以在宽、窄两种图标,可以在宽、窄两种视图之间切换。视图之间切换。第3页,共29页。认识按钮元件认识按钮元件 按钮实际上是按钮实际上是4帧的交互影片剪辑。帧的交互影片剪辑。当为元件选择按钮行为时,当为元件选择按钮行为时,Flash会创建会创建一个一个4帧的时间轴。帧的时间轴。前前3帧显示按钮的帧显示按钮的3种可能状态;第种可
3、能状态;第4帧帧定义按钮的活动区域。定义按钮的活动区域。时间轴实际上并不播放,它只是对指针时间轴实际上并不播放,它只是对指针运动和动作做出反应,跳到相应的帧。运动和动作做出反应,跳到相应的帧。第4页,共29页。认识按钮元件认识按钮元件 第第1帧是帧是“弹起弹起”状态,代表鼠标指针没有经过按钮状态,代表鼠标指针没有经过按钮时该按钮的状态。时该按钮的状态。第第2帧是帧是“指针经过指针经过”状态,代表当鼠标指针滑状态,代表当鼠标指针滑过按钮时,该按钮的外观。过按钮时,该按钮的外观。第第3帧是帧是“按下按下”状态,代表单击按钮时,该按状态,代表单击按钮时,该按钮的外观。钮的外观。第第4帧是帧是“点击点
4、击”状态,定义响应鼠标单击的区状态,定义响应鼠标单击的区域。此区域在域。此区域在SWF文件中是不可见的。文件中是不可见的。第5页,共29页。练习练习1:创建按钮元件:创建按钮元件 创建按钮元件,创建按钮元件,“弹起弹起”、“指针经指针经过过”、“按下按下”三种状态分别如下图所三种状态分别如下图所示:示:第6页,共29页。练习练习1:创建按钮元件:创建按钮元件 插入插入-新建元件,元件类型选择新建元件,元件类型选择“按按钮钮”,名称为,名称为“我的第一个按钮我的第一个按钮”绘制按钮绘制按钮“弹起弹起”、“指针经过指针经过”、“按下按下”三种状态三种状态 点击点击“场景场景1”回到场景编辑窗口回到
5、场景编辑窗口 从库中将从库中将“我的第一个按钮我的第一个按钮”拉到舞台拉到舞台 Ctrl+enter预览,看看按钮正常状态、预览,看看按钮正常状态、鼠标经过、鼠标按下三种状态的变换鼠标经过、鼠标按下三种状态的变换第7页,共29页。元件操作元件操作 使用其他使用其他flash影片中的元件:导入其他影片中的元件:导入其他flash文件的库,文件文件的库,文件-导入导入-打开外部打开外部库库 使用公用库:窗口使用公用库:窗口-公用库公用库 复制元件:在库中选中要复制的元件,复制元件:在库中选中要复制的元件,右键,直接复制元件右键,直接复制元件第8页,共29页。制作一段完整的动画第9页,共29页。练习
6、练习1:制作文件夹按钮:制作文件夹按钮第10页,共29页。练习练习1:制作文件夹按钮(:制作文件夹按钮(1)1、制作图形元件、制作图形元件1和元件和元件2,元件,元件2中的中的渐变区域要设置透明度,如下图:渐变区域要设置透明度,如下图:2、新建按钮元件,在第、新建按钮元件,在第1帧将元件帧将元件1和和元件元件2拉进去,在变形面板设置两者倾拉进去,在变形面板设置两者倾斜度斜度第11页,共29页。练习练习1:制作文件夹按钮(:制作文件夹按钮(2)3、在第、在第2帧插入关键帧,修改元件帧插入关键帧,修改元件1和元件和元件2的倾斜的倾斜度度 4、第、第3帧移动元件帧移动元件2的位置的位置 5、设置热区
7、,并将按钮拉进场景,测试。、设置热区,并将按钮拉进场景,测试。第12页,共29页。练习练习1:制作文件夹按钮:制作文件夹按钮 弹起:弹起:指针经过:指针经过:按下:按下:点击:点击:第13页,共29页。练习练习2:影片加入按钮控制:影片加入按钮控制第14页,共29页。练习练习2:影片加入按钮控制:影片加入按钮控制 第第1帧将按钮拉进场景,选中第帧将按钮拉进场景,选中第1帧,帧,全局函数全局函数-时间轴控制,时间轴控制,stop 选中按钮,全局函数选中按钮,全局函数-影片剪辑控制影片剪辑控制-on,全局函数全局函数-时间轴控制时间轴控制-goto 最后最后1帧的动作与第帧的动作与第1帧一样,最后
8、帧一样,最后1帧帧的按钮动作与第的按钮动作与第1帧按钮动作一致帧按钮动作一致第15页,共29页。第16页,共29页。声音的类型声音的类型 在在Flash中,声音分事件声音和音频流两类,它们的不同中,声音分事件声音和音频流两类,它们的不同之处体现在动画的播放中。之处体现在动画的播放中。1.事件声音 加入事件声音的加入事件声音的Flash动画放置在网页中,必须等这个文件全部动画放置在网页中,必须等这个文件全部下载完毕后,才可以听到声音。无论在什么情况下,声音都会从下载完毕后,才可以听到声音。无论在什么情况下,声音都会从头到尾播放,不会中断。头到尾播放,不会中断。2.音频流 音频流可以作为音频流可以
9、作为Flash的背景音乐。它必须与动画播放同步,的背景音乐。它必须与动画播放同步,只需要下载影片开始的几帧就可以播放只需要下载影片开始的几帧就可以播放 第17页,共29页。声音的格式声音的格式 1MP3格式 MP3是经过压缩后的音频文件格式,用是经过压缩后的音频文件格式,用MP3格式存储的音乐文格式存储的音乐文件大小,一般只有件大小,一般只有MAV文件的文件的1/10,而且它的取样与编码优异,而且它的取样与编码优异,MP3虽然经过了压缩,但其音质仍然接近虽然经过了压缩,但其音质仍然接近CD的水平。的水平。2WAV格式 WAV是直接保持对声音波形的采样数据,没有对数据进行是直接保持对声音波形的采
10、样数据,没有对数据进行压缩,因此音质很好,但文件体积较大,所以在压缩,因此音质很好,但文件体积较大,所以在Flash动动画中应用画中应用WAV格式的声音素材,其声音素材都比较短,并格式的声音素材,其声音素材都比较短,并且在发布作品时还会通过相应的设置对其进行压缩,以降且在发布作品时还会通过相应的设置对其进行压缩,以降低动画的最终容量。低动画的最终容量。第18页,共29页。导入声音导入声音 方法一:使用菜单栏中的方法一:使用菜单栏中的“文件文件导入导入导入到库导入到库”命令,可以将声音导入到命令,可以将声音导入到库中。库中。方法二:使用菜单栏中的方法二:使用菜单栏中的“文件文件导入导入导入到舞台
11、导入到舞台”命令,同样也可以导入命令,同样也可以导入声音。声音。但是由于声音是不会在舞台上显示的,因但是由于声音是不会在舞台上显示的,因此也只能是被导入到库中,效果与方法一此也只能是被导入到库中,效果与方法一相同。相同。第19页,共29页。向文档中添加声音向文档中添加声音 1、将声音导入库、将声音导入库 2、插入、插入-时间轴时间轴-图层,为声音创建一图层,为声音创建一个层个层 3、选中需要添加声音的关键帧、选中需要添加声音的关键帧 4、将声音从库面板中拉到舞台、将声音从库面板中拉到舞台 5、点击添加了声音的关键帧,对属性、点击添加了声音的关键帧,对属性进行编辑进行编辑第20页,共29页。设置
12、设置“声音声音”属性属性 效果:效果:无:不使用效果无:不使用效果 左声道:只在左声道播放左声道:只在左声道播放 右声道:只在右声道播放右声道:只在右声道播放 从左到右淡出:将声音从左声道逐渐转移到右声道从左到右淡出:将声音从左声道逐渐转移到右声道 从右到左淡出:声音从右声道逐渐转移到左声道从右到左淡出:声音从右声道逐渐转移到左声道 淡入:在声音的持续时间内逐渐增加音量淡入:在声音的持续时间内逐渐增加音量 淡出:在声音的持续时间内逐渐减小音量淡出:在声音的持续时间内逐渐减小音量 自定义自定义第21页,共29页。编辑封套编辑封套第22页,共29页。同步方式同步方式 1事件事件 使用使用“事件事件
13、”方式,会将声音和一个事件的发生过程同步方式,会将声音和一个事件的发生过程同步起来。事件声音在显示其起始关键帧时开始播放,并独立起来。事件声音在显示其起始关键帧时开始播放,并独立于时间轴完整播放。于时间轴完整播放。即使即使SWF文件已经停止,声音播放也会继续。文件已经停止,声音播放也会继续。2开始开始“开始开始”方式与方式与“事件事件”方式的功能相近,但是如果声音方式的功能相近,但是如果声音已经在播放,则新声音实例不会播放。如果使用已经在播放,则新声音实例不会播放。如果使用“事件事件”方式后,出现了同一个声音多次重叠出现的不良现象,方式后,出现了同一个声音多次重叠出现的不良现象,那么可以将同步
14、方式改为那么可以将同步方式改为“开始开始”来解决这个问题。来解决这个问题。第23页,共29页。同步方式同步方式 3停止停止“停止停止”方式的作用,是使指定的声音静音。方式的作用,是使指定的声音静音。使用使用“事件事件”或者或者“开始开始”方式启动了声音之后,如果方式启动了声音之后,如果声音播放结束之前想强制静音,就可以使用声音播放结束之前想强制静音,就可以使用“停止停止”方方式。式。4数据流数据流“数据流数据流”方式的声音将会严格与时间轴同步方式的声音将会严格与时间轴同步如如果影片在播放,就播放声音;如果影片暂停,声音就果影片在播放,就播放声音;如果影片暂停,声音就会停止。会停止。音频流的一个示例就是音频流的一个示例就是MV的制作。的制作。如果不使用如果不使用“数据流数据流”方式,那么音乐很容易在播放过程方式,那么音乐很容易在播放过程中与动画、台词脱节。中与动画、台词脱节。第24页,共29页。练习练习3:为影片添加声音:为影片添加声音第25页,共29页。练习练习4:为按钮添加声音:为按钮添加声音第26页,共29页。设置声音属性设置声音属性第27页,共29页。请关闭计算机,关闭显示器,放好凳子再离开!第28页,共29页。谢谢!第29页,共29页。