第4讲flash按钮声音动作.ppt
《第4讲flash按钮声音动作.ppt》由会员分享,可在线阅读,更多相关《第4讲flash按钮声音动作.ppt(29页珍藏版)》请在第壹文秘上搜索。
1、元件类型元件类型 图形元件:可以静止也可以运动,但不图形元件:可以静止也可以运动,但不能添加交互式行为和声音控制能添加交互式行为和声音控制 影片剪辑元件:等同于一段完整的动画影片剪辑元件:等同于一段完整的动画文件,可以添加交互式行为和声音控制文件,可以添加交互式行为和声音控制 按钮元件:用于响应鼠标滑过、单击等按钮元件:用于响应鼠标滑过、单击等操作,包括操作,包括“弹起弹起”、“指针经过指针经过”、“按下按下”、“点击点击”4种状态。种状态。窗口窗口-公用库,有系统自带的公用库,有系统自带的“学习交学习交互互”、“按钮按钮”、“类类”三种元件三种元件认识按钮元件认识按钮元件 选择菜单栏中的选择
2、菜单栏中的“窗口窗口公用库公用库按钮按钮”命令,打开命令,打开“库库按钮按钮”面板(在面板(在Flash中可以同时打开多个库)。中可以同时打开多个库)。单击面板右侧的单击面板右侧的“宽库视图宽库视图”图标和图标和“窄库视图窄库视图”图标,可以在宽、窄两种图标,可以在宽、窄两种视图之间切换。视图之间切换。认识按钮元件认识按钮元件 按钮实际上是按钮实际上是4帧的交互影片剪辑。帧的交互影片剪辑。当为元件选择按钮行为时,当为元件选择按钮行为时,Flash会创建会创建一个一个4帧的时间轴。帧的时间轴。前前3帧显示按钮的帧显示按钮的3种可能状态;第种可能状态;第4帧帧定义按钮的活动区域。定义按钮的活动区域
3、。时间轴实际上并不播放,它只是对指针时间轴实际上并不播放,它只是对指针运动和动作做出反应,跳到相应的帧。运动和动作做出反应,跳到相应的帧。认识按钮元件认识按钮元件 第第1帧是帧是“弹起弹起”状态,代表鼠标指针没有经状态,代表鼠标指针没有经过按钮时该按钮的状态。过按钮时该按钮的状态。第第2帧是帧是“指针经过指针经过”状态,代表当鼠标指针状态,代表当鼠标指针滑过按钮时,该按钮的外观。滑过按钮时,该按钮的外观。第第3帧是帧是“按下按下”状态,代表单击按钮时,该状态,代表单击按钮时,该按钮的外观。按钮的外观。第第4帧是帧是“点击点击”状态,定义响应鼠标单击的状态,定义响应鼠标单击的区域。此区域在区域。
4、此区域在SWF文件中是不可见的。文件中是不可见的。练习练习1:创建按钮元件:创建按钮元件 创建按钮元件,创建按钮元件,“弹起弹起”、“指针经指针经过过”、“按下按下”三种状态分别如下图所三种状态分别如下图所示:示:练习练习1:创建按钮元件:创建按钮元件 插入插入-新建元件,元件类型选择新建元件,元件类型选择“按按钮钮”,名称为,名称为“我的第一个按钮我的第一个按钮”绘制按钮绘制按钮“弹起弹起”、“指针经过指针经过”、“按下按下”三种状态三种状态 点击点击“场景场景1”回到场景编辑窗口回到场景编辑窗口 从库中将从库中将“我的第一个按钮我的第一个按钮”拉到舞台拉到舞台 Ctrl+enter预览,看
5、看按钮正常状态、预览,看看按钮正常状态、鼠标经过、鼠标按下三种状态的变换鼠标经过、鼠标按下三种状态的变换元件操作元件操作 使用其他使用其他flash影片中的元件:导入其他影片中的元件:导入其他flash文件的库,文件文件的库,文件-导入导入-打开外部打开外部库库 使用公用库:窗口使用公用库:窗口-公用库公用库 复制元件:在库中选中要复制的元件,复制元件:在库中选中要复制的元件,右键,直接复制元件右键,直接复制元件制作一段完整的动画练习练习1:制作文件夹按钮:制作文件夹按钮练习练习1:制作文件夹按钮(:制作文件夹按钮(1)1、制作图形元件、制作图形元件1和元件和元件2,元件,元件2中的中的渐变区
6、域要设置透明度,如下图:渐变区域要设置透明度,如下图:2、新建按钮元件,在第、新建按钮元件,在第1帧将元件帧将元件1和和元件元件2拉进去,在变形面板设置两者倾拉进去,在变形面板设置两者倾斜度斜度练习练习1:制作文件夹按钮(:制作文件夹按钮(2)3、在第、在第2帧插入关键帧,修改元件帧插入关键帧,修改元件1和元件和元件2的倾斜度的倾斜度 4、第、第3帧移动元件帧移动元件2的位置的位置 5、设置热区,并将按钮拉进场景,测试。、设置热区,并将按钮拉进场景,测试。练习练习1:制作文件夹按钮:制作文件夹按钮 弹起:弹起:指针经过:指针经过:按下:按下:点击:点击:练习练习2:影片加入按钮控制:影片加入按
- 配套讲稿:
如PPT文件的首页显示word图标,表示该PPT已包含配套word讲稿。双击word图标可打开word文档。
- 特殊限制:
部分文档作品中含有的国旗、国徽等图片,仅作为作品整体效果示例展示,禁止商用。设计者仅对作品中独创性部分享有著作权。
- 关 键 词:
- flash 按钮 声音 动作
