Flash8.0案例实训全面培训教程----Flash 8.0按钮制作(第五章).ppt
《Flash8.0案例实训全面培训教程----Flash 8.0按钮制作(第五章).ppt》由会员分享,可在线阅读,更多相关《Flash8.0案例实训全面培训教程----Flash 8.0按钮制作(第五章).ppt(98页珍藏版)》请在三一文库上搜索。
1、Flash8.0案例实训全面培训教程,本书内 容 简 介,本书是根据编者多年的教学经验和学生的实际情况(学生对实际操作较感兴趣)编写的,全书精心挑选了53个案例进行详细讲解,再通过与这些案例配套的练习来巩固所学内容。本书采用实际与理论相结合的方法编写,学生可以在制作过程中学习理论,反过来理论又为实际操作奠定基础,使学生每做完一个案例就会有一种成就感,这样可大大提高学生的学习兴趣。 本书内容分为Flash 8.0基础知识、Flash 8.0图形绘制、Flash 8.0文字特效、Flash 8.0动画制作、Flash 8.0按钮制作、Flash 8.0综合制作六大部分。编者将Flash 8.0的基
2、本功能和新功能融入实例的讲解过程中,使读者可以边学边练,既能掌握软件功能,又能快速进入案例操作过程中。 本书内容实用,可作为高职高专院校及中等职业院校计算机专业教材,也可以作为网页动画设计者与爱好者的参考用书。,前 言,本书是根据编者多年的教学经验和对高职高专、中等职业学校及技工学校学生实际情况(强调学生的动手能力)的了解编写的,精心挑选了53个案例进行详细讲解,再通过这些案例的配套练习来巩固所学内容。本书采用实际操作与理论分析相结合的方法,让学生在案例制作过程中学习、体会理论知识,同时扎实的理论知识又为实际操作奠定坚实的基础,使学生每做完一个案例就会有一种成就感,这样大大提高了学生的学习兴趣
3、。 本书内容分为Flash 8.0基础知识、Flash 8.0图形绘制、Flash 8.0文字特效、Flash 8.0动画制作、Flash 8.0按钮制作、Flash 8.0综合制作六大部分。编者将Flash 8.0的基本功能和新功能融入实例的讲解过程中,使读者可以边学边练,既能掌握软件功能,又能快速进入案例操作过程中。本书内容丰富,可以作为网页动画设计者与爱好者及学生的工具书,通过本书可随时翻阅、查找需要的效果的制作内容。本书的每一章都有学时供老师教学和学生自学时参考,同时配有每一章的案例Flash效果文件,可通过网上下载使用(http:/ 参与本书编写工作的有伍福军、张祝强、张珈瑞、唐颖颖
4、、罗越、向隅,在此表示感谢! 本书不仅适用于高职高专及中等职业院校学生,也适于作为短期培训的案例教程,对于初学者和自学者尤为适合。,第5章 Flash 8.0按钮制作,培训内容:,5.1 按钮基础知识 5.1.1 按钮的介绍 5.1.2 基本按钮的制作 5.2 简单控制按钮的制作 5.2.1 案例一:简单按钮 5.2.2 案例二:动画按钮 5.2.3 案例三:“别碰我”文字制作 5.2.4 案例四:跟随光标的提示 5.2.5 案例五:调节音量 5.3 复杂控制按钮的制作 5.3.1 案例六:控制图片变化 5.3.2 案例七:左右声道均衡调节 5.3.3 案例八:用组件控制声音按钮 5.3.4
5、案例九:选择乐曲播放 5.3.5 案例十:使用按钮载入图片,知识点:,1. 简单按钮 2. 动画按钮 3.“别碰我”文字制作 4. 跟随光标的提示 5. 调节音量 6. 控制图片变化 7. 左右声道均衡调节 8. 用组件控制声音按钮 9. 选择乐曲播放 10. 使用按钮载入图片,说明:,本章主要介绍Flash 8.0按钮的制作,通过10个案例全面讲解了按钮的制作方法与技巧,学生对本章内容一定要掌握,它是制作交互动画的基础。,教学建议课时数:,一般情况下需18课时:理论6课时,实际操作12课时(可根据特殊情况做相应调整)。,5.1 按钮基础知识,5.1.1 按钮的介绍 1. 按钮简介 按钮是人机
6、进行信息交互的基础,它对鼠标单击事件进行响应。按钮可对按钮静止、将鼠标指针移到按钮上、按下鼠标左键3种事件作出响应。这3种事件对应着按钮的4种状态:弹起(按钮静止)、指针经过(将鼠标指针移动到按钮上)、按下(按下按钮)、点击(定义按钮响应区域)。这4种状态定义了按钮的4个关键帧。下面详细介绍按钮的这4种关键帧。 (1)【弹起】帧:在【弹起】帧中定义按钮的正常显示效果,也就是按钮未被鼠标单击时所显示的效果。 (2)【指针经过】帧:定义当鼠标指针移到按钮上但不单击它时按钮的效果。一般该帧相对于【弹起】帧应有所改变。比如:可以定义当鼠标指针移到按钮上时按钮变色或放大、缩小等,对于文字按钮,可以定义当
7、鼠标指针移到按钮上时文字变色或改变文字的字体等。 (3)【按下】帧:定义按钮时按下所出现的效果。对于图形按钮来说,按钮被按下时一般会定义得比未被按下时要小一些,这样,当按下按钮时,按钮会自动缩小,出现动态效果。 (4)【点击】帧:定义按钮的响应区域。在响应区域按下按钮时,系统才能响应按钮按下的事件。该区域在工作区中是不可见的。如要定义该帧,必须保证此区域包括按钮的弹起、指针经过和按下3种状态的区域;如不定义该帧,则系统会默认【弹起】帧状态为按钮的区域响应。,5.1 按钮基础知识,注意:按钮虽然有4种状态,但可根据需要定义这4种帧状态,也可只定义一部分,但一些基本的帧必须定义,一般而言,【弹起】
8、帧和【指针经过】帧必须定义。 2. 按钮的创建 (1) 创建图形按钮的步骤如下。 选择插入新建元件命令,弹出【创建新元件】对话框,按如图5.1所示设置。,图5.1, 单击确定按钮进入按钮编辑区,时间轴中将出现按钮的4个状态帧,如图5.2所示。,图5.2,5.1 按钮基础知识, 定义按钮的4个帧。在按钮中可以使用影片剪辑元件、图形元件或素材库中的组件对象。在这里我们利用绘图工具绘制按钮的4个帧。 定义【弹起】帧:利用前面所学知识在工作区域中绘制如图5.3所示的图形。 定义【指针经过】帧:用鼠标在【指针经过】帧处插入一个关键帧,此时【弹起】帧的图形被复制到【指针经过】帧的工作区。确保图形被选中,在
9、混色器面板中进行色彩调整,得到如图5.4所示的图形。 定义【按下】帧:用鼠标在【按下】帧处插入一个关键帧,此时【指针经过】帧帧的图形被复制到“按下”的工作区。确保图形被选中,在混色器面板中进行色彩调整,得到如图5.5所示的图形。 定义【点击】帧:用鼠标在【点击】帧处插入一个关键帧,并进行大小的调整,得到如图5.6所示的图形。该帧主要是定义按钮的有效单击范围,在有效范围里按下按钮时,系统才认为该事件已经发生。如果不定义该帧,则系统默认“弹起”帧为响应区域。,图5.3 图5.4 图5.5 图5.6,5.1 按钮基础知识, 单击图层左上角的场景1按钮,返回场景,按钮制作完毕。 (2) 创建文字按钮的
10、步骤如下。 选择插入新建元件命令,弹出【创建新元件】对话框,设置如图5.7所示。,图5.7, 单击确定按钮进入按钮编辑区,时间轴中将出现按钮的4个状态帧,如图5.8 所示。,图5.8,5.1 按钮基础知识, 定义按钮的4个帧。在按钮中可以使用影片剪辑元件、图形元件或素材库中的组件对象。在这里我们利用绘图工具绘制按钮的4个帧。 定义【弹起】帧:利用文字工具和前面所学知识在工作区域中输入如图5.9所示的图形。 定义【指针经过】帧:用鼠标在“指针经过”帧处插入一个关键帧,此时【弹起】帧的文字被复制到【指针经过】帧的工作区。确保文字被选中,在文字属性面板中进行色彩调整,得到如图5.10所示的文字。 定
11、义【按下】帧:用鼠标在【按下】帧处插入一个关键帧,此时【指针经过帧】帧的文字被复制到“按下”的工作区。确保文字被选中,在文字属性面板中进行色彩调整,得到如图5.11所示的文字。 定义【点击】帧:用鼠标在【点击】帧处插入一个关键帧,并进行大小的调整,得到如图5.12所示的文字。该帧主要是定义按钮的有效单击范围,在有效范围里按下按钮时,系统才认为该事件已经发生。如果不定义该帧,则系统默认【弹起】帧为响应区域。,图5.9 图5.10 图5.11 图5.12,5.1 按钮基础知识, 单击图层左上角的场景1按钮,返回场景,按钮制作完毕。 (3) 将按钮加入到场景中的方法:打开【库】面板,在场景中选中要插
12、入的层中的关键帧,将“库”中的按钮拖到场景中的舞台中即可。 (4) 预览按钮的两种方法:第一种,选择控制测试影片命令;第二种,在场景中浏览按钮效果,选择控制启动简单按钮命令。 5.1.2 基本按钮的制作 1. 为图形按钮添加文字 通过给前面制作的图形按钮添加“瞬间艺术”文字,来讲解怎样为图形按钮添加文字,方法如下。 (1) 在场景中双击“图形按钮”,进入按钮编辑状态,如图5.13所示。 (2) 单击图层左下角的【插入图层】按钮,添加一个新的图层,如图5.14所示。,图5.13 图5.14,5.1 按钮基础知识,(3) 单击“图层2”的【弹起】帧,此时选中【弹起】帧,利用文字工具和前面所学的知识
13、在图形上面输入如图5.15所示的文字。 (4) 在“图层2”的【指针经过】帧上单击鼠标右键,弹出快捷菜单,在快捷菜单中选择插入关键帧命令,插入一个关键帧。此时,该帧将复制【弹起】帧的文字,将文字修改成如图5.16所示的效果。,图5.15 图5.16,5.1 按钮基础知识,(5) 在“图层2”的【按下】帧上单击鼠标右键,弹出快捷菜单,在快捷菜单中选择插入关键帧命令,插入一个关键帧,此时,它将复制【指针经过】帧的文字,将该文字修改成如图5.17所示的效果。,图5.17,(6) 单击图层左上角的场景1按钮,返回场景,按钮修改完毕。,5.1 按钮基础知识,2. 使用按钮加载外部影片 可以通过按钮将所做
14、的其他影片加载到当前影片中进行播放,此功能在课件制作中使用频率非常高。在这里,我们来讲解怎样加载外部影片的方法。 (1) 选中场景中的按钮,打开【动作】面板,输入“on(press)”语句,将闪动的光标移到“”中间。 (2) 选择【动作】面板中的“loadMovie”语句,如图5.18所示。,图5.18,5.1 按钮基础知识,(3) 在“loadMovie()”的“()”中输入参数,如图5.19所示。,图5.19,“donghua”:是要加载的影片名称,注意要加载的影片名称一定要是英文或数字,不 能用中文命名,影片名字要用双引号。 “1”:表示加载的动画所处的层的位置。代码、函数、参数将在后面
15、做详细介绍。 (4) 关闭【动作】面板,制作完毕。 3. 为按钮添加电子邮件 在工作和学习中,电子邮件的使用非常频繁,在按钮中加入电子邮件对我们取用网上信息更为方便。其方法与按钮加载方法相同,只是要在URL框中输入E-mail地址,在添加地址前应先加入“mailto”。在【动作】面板中输入的语句如图5.20所示。,图5.20,5.2 简单控制按钮的制作,5.2.1 案例一:简单按钮,制作一个简单按钮。,本案例主要用到的工具或命令有:选择工具、椭圆工具、元件、柔化填充边缘、文字工具、填充浮动面板的设置等。,5.2 简单控制按钮的制作,(1) 运行Flash 8.0,新建一个名为“简单按钮”文件。
16、 (2) 单击插入新建元件命令,弹出【创建新元件】对话框,设置如图5.21所示。单击 按钮,【图层】面板如图5.22所示。,图5.21,图5.22,说明: 弹起是指鼠标指针没有移到按钮上时显示的状态。 指针经过是指鼠标指针移到按钮上时显示的状态。 按下是指在按钮上按下鼠标左键时显示的状态。 点击是指鼠标指针触发按钮的范围。,5.2 简单控制按钮的制作,(3) 单击并选中图层的弹起帧。 (4) 单击工具箱中的椭圆工具。将笔触颜色设置为 ,椭圆渐变填充浮动面板的设置如图5.23所示。在工作区绘制一个圆,如图5.24所示。,图5.23 图5.24,(5) 选择刚绘制的椭圆,选择修改形状柔化填充边缘命
17、令,弹出【柔化填充边缘】 对话框,设置如图5.25所示。单击按钮,得到如图5.26所示的椭圆。,图5.25,图5.26,5.2 简单控制按钮的制作,(6) 单击文字工具。在工作区中输入文字,大小、位置如图5.27所示。 (7) 在指针经过帧上单击鼠标右键,弹出快捷菜单,在快捷菜单中选择插入关键帧命令,此时,在指针经过帧处插入一个关键帧。 (8) 单击选择工具,选中如图5.28所示的部分,设置填充浮动面板如图5.29所示。此时,图形效果如图5.30所示。,图5.27 图5.28 图5.29 图5.30,(9) 单击【文字】工具,将文字改为如图5.31所示。将文字改为红色,如图5.32所示。 (1
18、0) 在按下帧上单击鼠标右键,弹出快捷菜单,在快捷菜单中选择插入关键帧命令,此 时,在按下帧处插入一个关键帧。 (11) 单击选择工具,选中如图5.33所示的部分,设置填充浮动面板如图5.34所示。此时, 图形效果如图5.35所示。,5.2 简单控制按钮的制作,图5.31 图5.32 图5.33 图5.34 图5.35,(12) 单击文字工具,将文字改为如图5.36所示。将文字改为深红色,如图 5.37所示。 (13) 在点击帧上单击鼠标右键,弹出快捷菜单,在快捷菜单中选择插入关键帧命令,此 时,在点击帧处插入一个关键帧。 (14) 单击时间轴左上角的场景1按钮,返回场景。 (15) 将“库”
19、中的“简单按钮”拖到舞台中并测试效果,如图5.38所示。将鼠标指针移到按 钮上时的效果如图5.39所示。 (16) 按下鼠标指针时的效果如图5.40所示。,图5.36 图5.37 图5.38 图5.39 图5.40,5.2 简单控制按钮的制作,本案例制作了一简单的按钮,主要讲解了按钮的制作原理,基本流程及各帧的作用。,利用前面所学知识制作如下效果的按钮。,5.2 简单控制按钮的制作,5.2.2 案例二:动画按钮,弹起 指针经过 按下,制作一个动画按钮。,本案例主要用到的工具与功能有:椭圆工具、文字工具、填充浮动面板的设置、创建补间动画、Alpha值的设置、柔化填充边缘等。,5.2 简单控制按钮
20、的制作,(1) 运行Flash 8.0,新建一个名为“简单按钮”的文件。 (2) 选择插入新建元件命令,弹出【创建新元件】对话框,设置如图5.41所示,单击 确定按钮。,图5.41,(3) 单击椭圆填充工具,将笔触颜色设置为 ,设置填充浮动面板,如图 5.42所示。 在工作区绘制一个圆,如图5.43所示。,图5.42,图5.43,5.2 简单控制按钮的制作,(4) 选中该椭圆,选择单击修改形状柔化填充边缘命令,弹出【柔化填充边缘】对话框,设置如图5.44所示,效果如图5.45所示。,图5.44 图5.45,(5) 单击时间轴左上角的场景1按钮,返回场景。 (6) 方法同第(3)、(4)步,制作
21、一个“黄白渐变球”的图形元件,如图5.46所示。 (7) 方法同第(3)、(4)步,制作一个“绿白渐变球”的图形元件,如图5.47所示。 (8) 方法同第(3)、(4)步,制作一个“粉红色白渐变球”的图形元件,如图5.48所示。 (9) 选中如图5.47所示的球,选择修改形状柔化填充边缘命令,弹出【柔化填充边 缘】对话框,设置如图5.49所示,效果如图5.50所示。,图5.46 图5.4 图5. 图5.49 图5.50,5.2 简单控制按钮的制作,(10) 将图5.50中不要的部分删除,如图5.51所示。 (11) 单击时间轴左上角的场景1按钮,返回场景。 (12) 选择插入新建元件命令,弹出
22、【创建新元件】对话框,设置如图5.52所示。单击确定按钮。 (13) 将“粉红色白渐变球”拖到工作区中,调整其大小及位置,如图5.33所示。,图5.51 图5.52 图5.53,(14) 在图层的第15帧处插入一个关键帧并调整大小,如图5.54所示。 (15) 创建补间动画,如图5.55所示。 (16)“图层1”第一帧的元件属性面板设置如图5.56所示。 (17) 单击时间轴左上角的场景1按钮,返回场景。,5.2 简单控制按钮的制作,图5.54 图5.5 图5.56,(18) 选择插入新建元件命令,弹出“创建新元件”对话框,设置如图5.57所示。 (19) 将“红白渐变球”图形元件放到弹起帧上
23、,位置大小如图5.58所示。 (20) 在指针经过帧上单击鼠标右键,弹出快捷菜单,在快捷菜单中选择插入关键帧 命令,此时,将插入一个关键帧。删除指针经过帧中的所有元件,将“黄白渐变 球”图形元件放到指针经过帧上,位置大小如图5.59所示。 (21) 在按下帧上单击鼠标右键,弹出快捷菜单,在快捷菜单中选择插入关键帧命 令,此时将插入一个关键帧。删除按下帧中的所有元件,将“绿白渐变球”图形 元件放到按下帧上,位置、大小如图5.60所示。,图5.57 图5.58 图5. 图5.60,5.2 简单控制按钮的制作,(22) 在点击帧上单击鼠标右键,弹出快捷菜单,在快捷菜单中选择命令将此时,插入一个关键帧
- 配套讲稿:
如PPT文件的首页显示word图标,表示该PPT已包含配套word讲稿。双击word图标可打开word文档。
- 特殊限制:
部分文档作品中含有的国旗、国徽等图片,仅作为作品整体效果示例展示,禁止商用。设计者仅对作品中独创性部分享有著作权。
- 关 键 词:
- Flash8.0案例实训全面培训教程-Flash 8.0按钮制作第五章 Flash8 案例 全面 培训 教程 Flash 8.0 按钮 制作 第五
链接地址:https://www.31doc.com/p-2843777.html