第5讲4:_FLASH逐帧动画、形状补间动画和动作补间动画的设计、制作与发布.ppt
《第5讲4:_FLASH逐帧动画、形状补间动画和动作补间动画的设计、制作与发布.ppt》由会员分享,可在线阅读,更多相关《第5讲4:_FLASH逐帧动画、形状补间动画和动作补间动画的设计、制作与发布.ppt(45页珍藏版)》请在淘文阁 - 分享文档赚钱的网站上搜索。
1、 对对对对于于于于要要要要将将将将FlashFlashFlashFlash动动动动画画画画应应应应用用用用于于于于实实实实际际际际的的的的动动动动画画画画设设设设计计计计者者者者来来来来说说说说,FlashFlashFlashFlash动动动动画画画画制制制制作作作作完完完完成成成成后后后后,对对对对其其其其进进进进行行行行测测测测试试试试和和和和优优优优化化化化是是是是相相相相当当当当重重重重要要要要的的的的工工工工作作作作。测测测测试试试试FlashFlashFlashFlash动动动动画画画画是是是是为为为为了了了了了了了了解解解解FlashFlashFlashFlash动动动动画画画画
2、是是是是否否否否完完完完全全全全按按按按照照照照设设设设计计计计者者者者的的的的思思思思路路路路产产产产生生生生预预预预期期期期的的的的动动动动画画画画效效效效果果果果,或或或或者者者者将将将将其其其其发发发发布布布布到到到到网网网网络络络络后后后后是是是是否否否否仍仍仍仍能能能能有有有有同同同同样样样样优优优优质质质质的的的的效效效效果果果果;优优优优化化化化动动动动画画画画主主主主要要要要是是是是为为为为了了了了使使使使FlashFlashFlashFlash动动动动画画画画体体体体积积积积更更更更小小小小,更更更更便便便便于于于于网网网网络络络络下下下下载载载载和和和和观观观观看看看看,
3、这这这这是是是是设设设设计计计计FlashFlashFlashFlash动动动动画画画画必必必必须须须须考考考考虑虑虑虑的的的的一一一一个因素。个因素。个因素。个因素。动画的输出与发布 测试Flash动画 FlashFlashFlashFlash动动动动画画画画制制制制作作作作完完完完成成成成后后后后,常常常常常常常常需需需需要要要要对对对对其其其其进进进进行行行行测测测测试,测试试,测试试,测试试,测试FlashFlashFlashFlash动画时应考虑以下几个方面:动画时应考虑以下几个方面:动画时应考虑以下几个方面:动画时应考虑以下几个方面:Flash动画是否按照设计思路产生了预期的效果。
4、Flash动画的体积是否处于最小状态,能不能更小一些。在网络环境下,是否能正常地下载和观看动画。最好在多台电脑上测试Flash动画,因为每台电脑的运行速度不同,一个好的Flash动画能够在运行速度不同的电脑上和网络上具有相同的效果。既可以测试单独场景的下载性能,也可以测试整个动画既可以测试单独场景的下载性能,也可以测试整个动画既可以测试单独场景的下载性能,也可以测试整个动画既可以测试单独场景的下载性能,也可以测试整个动画的下载性能。测试动画文件的具体操作如下:的下载性能。测试动画文件的具体操作如下:的下载性能。测试动画文件的具体操作如下:的下载性能。测试动画文件的具体操作如下:(1 1 1 1
5、)打开要测试的)打开要测试的)打开要测试的)打开要测试的FlashFlashFlashFlash动画,按动画,按动画,按动画,按【Ctrl+EnterCtrl+EnterCtrl+EnterCtrl+Enter】键播放动画,键播放动画,键播放动画,键播放动画,将打开如图将打开如图将打开如图将打开如图18-118-118-118-1所示的动画测试界面(该界面因动画不同而不同),所示的动画测试界面(该界面因动画不同而不同),所示的动画测试界面(该界面因动画不同而不同),所示的动画测试界面(该界面因动画不同而不同),这时即可测试这时即可测试这时即可测试这时即可测试FlashFlashFlashFla
6、sh动画的播放情况了。这个正在播放的文件是一个动画的播放情况了。这个正在播放的文件是一个动画的播放情况了。这个正在播放的文件是一个动画的播放情况了。这个正在播放的文件是一个SWFSWFSWFSWF文件。文件。文件。文件。每个.fla文件被播放一次后都会自动在.fla文件所在位置生成一个SWF文件,以后只需直接双击该文件即可播放动画。图18-1 图18-2 (2 2 2 2)选择)选择)选择)选择 视图视图视图视图 下载设置下载设置下载设置下载设置 菜单命菜单命菜单命菜单命令,在弹出的如图令,在弹出的如图令,在弹出的如图令,在弹出的如图18-18-18-18-2 2 2 2所示的子菜单中选择所示
7、的子菜单中选择所示的子菜单中选择所示的子菜单中选择一个下载速度来确定一个下载速度来确定一个下载速度来确定一个下载速度来确定FlashFlashFlashFlash模拟的数据流速模拟的数据流速模拟的数据流速模拟的数据流速率,如率,如率,如率,如“14.4KB/s”14.4KB/s”14.4KB/s”14.4KB/s”、“28.8KB/s”28.8KB/s”28.8KB/s”28.8KB/s”、“56KB/s”56KB/s”56KB/s”56KB/s”、“DSL”DSL”DSL”DSL”、“T1”T1”T1”T1”或或或或“用户设置用户设置用户设置用户设置”等。等。等。等。(3 3 3 3)如果要
8、自定义一个下载速度,可以选择)如果要自定义一个下载速度,可以选择)如果要自定义一个下载速度,可以选择)如果要自定义一个下载速度,可以选择“自定义自定义自定义自定义”命令,打开如图命令,打开如图命令,打开如图命令,打开如图18-318-318-318-3所示的对话框,在其中即可自己设置所示的对话框,在其中即可自己设置所示的对话框,在其中即可自己设置所示的对话框,在其中即可自己设置一个下载速度。一个下载速度。一个下载速度。一个下载速度。(4 4 4 4)在观看)在观看)在观看)在观看SWFSWFSWFSWF文件时,选择文件时,选择文件时,选择文件时,选择 视图视图视图视图 带宽设置带宽设置带宽设置
9、带宽设置 菜菜菜菜单命令可以显示如图单命令可以显示如图单命令可以显示如图单命令可以显示如图18-418-418-418-4所示的带宽显示图,以查看动画的所示的带宽显示图,以查看动画的所示的带宽显示图,以查看动画的所示的带宽显示图,以查看动画的下载性能。再次选择该命令可以隐藏该显示图。下载性能。再次选择该命令可以隐藏该显示图。下载性能。再次选择该命令可以隐藏该显示图。下载性能。再次选择该命令可以隐藏该显示图。图18-4图18-3 在带宽显示图中,各部分的作用如下:在带宽显示图中,各部分的作用如下:在带宽显示图中,各部分的作用如下:在带宽显示图中,各部分的作用如下:窗口右边显示动作各帧的数据量。矩
10、形条越长,说明该帧的数据量越大,最下面的红色水平线是动画传输率告警线,其位置由传输条件决定,当色条高于红色水平线时,说明在播放到这一帧时可能会产生停顿。影片:显示动画的舞台大小、播放速度、文件大小和总的帧数。设置:显示当前设置的网络传输条件。状态:显示当前在右边窗口中被选中的动画某一帧(被选中的帧其色条颜色为绿色)的位置、数据量及整个动画已经下载的数据量。(5 5 5 5)选择)选择)选择)选择 视图视图视图视图 模拟下载模拟下载模拟下载模拟下载 菜单命令,可以打开或菜单命令,可以打开或菜单命令,可以打开或菜单命令,可以打开或隐藏带宽显示图下方的隐藏带宽显示图下方的隐藏带宽显示图下方的隐藏带宽
11、显示图下方的SWFSWFSWFSWF文件。如果隐藏了文件。如果隐藏了文件。如果隐藏了文件。如果隐藏了SWFSWFSWFSWF文件,则文文件,则文文件,则文文件,则文档在不模拟档在不模拟档在不模拟档在不模拟WebWebWebWeb连接的情况下就开始下载,如图连接的情况下就开始下载,如图连接的情况下就开始下载,如图连接的情况下就开始下载,如图18-518-518-518-5所示。所示。所示。所示。图18-5 (6 6 6 6)单击图表上的条形区域会在左侧窗口中显示对)单击图表上的条形区域会在左侧窗口中显示对)单击图表上的条形区域会在左侧窗口中显示对)单击图表上的条形区域会在左侧窗口中显示对应帧的设
12、置,并停止文档下载。应帧的设置,并停止文档下载。应帧的设置,并停止文档下载。应帧的设置,并停止文档下载。(7 7 7 7)选择)选择)选择)选择 视图视图视图视图 数据流图表数据流图表数据流图表数据流图表 菜单命令可以显示哪菜单命令可以显示哪菜单命令可以显示哪菜单命令可以显示哪些帧会引起暂停。些帧会引起暂停。些帧会引起暂停。些帧会引起暂停。(8 8 8 8)最后关闭测试窗口返回到)最后关闭测试窗口返回到)最后关闭测试窗口返回到)最后关闭测试窗口返回到FlashFlashFlashFlash动画的制作场景动画的制作场景动画的制作场景动画的制作场景中,测试完毕。中,测试完毕。中,测试完毕。中,测试
13、完毕。另外还有一种比较简单的动画测试方法,就是通过控另外还有一种比较简单的动画测试方法,就是通过控另外还有一种比较简单的动画测试方法,就是通过控另外还有一种比较简单的动画测试方法,就是通过控制器来测试。选择制器来测试。选择制器来测试。选择制器来测试。选择 窗口窗口窗口窗口 工具栏工具栏工具栏工具栏 控制器控制器控制器控制器 菜单命令,菜单命令,菜单命令,菜单命令,打开如图打开如图打开如图打开如图18-618-618-618-6所示的控制器。利用其中的按钮可以实现动画所示的控制器。利用其中的按钮可以实现动画所示的控制器。利用其中的按钮可以实现动画所示的控制器。利用其中的按钮可以实现动画的停止、播
14、放、前进、倒退等。的停止、播放、前进、倒退等。的停止、播放、前进、倒退等。的停止、播放、前进、倒退等。图18-6优化Flash动画 动画制作过程中的优化动画制作过程中的优化 对元素的优化对元素的优化 对文本的优化对文本的优化 对色彩的优化对色彩的优化 FlashFlashFlashFlash动画文件越大,其下载和播放速度就越动画文件越大,其下载和播放速度就越动画文件越大,其下载和播放速度就越动画文件越大,其下载和播放速度就越慢,需要的时间也越长,为了减小慢,需要的时间也越长,为了减小慢,需要的时间也越长,为了减小慢,需要的时间也越长,为了减小FlashFlashFlashFlash动画的体积,
15、动画的体积,动画的体积,动画的体积,加快动画的下载速度,在导出动画之前,需要对动画加快动画的下载速度,在导出动画之前,需要对动画加快动画的下载速度,在导出动画之前,需要对动画加快动画的下载速度,在导出动画之前,需要对动画文件进行优化。优化动画主要包括在动画制作过程的文件进行优化。优化动画主要包括在动画制作过程的文件进行优化。优化动画主要包括在动画制作过程的文件进行优化。优化动画主要包括在动画制作过程的优化、对元素的优化、对文本的优化和对色彩的优化。优化、对元素的优化、对文本的优化和对色彩的优化。优化、对元素的优化、对文本的优化和对色彩的优化。优化、对元素的优化、对文本的优化和对色彩的优化。动画
16、制作过程中的优化 在动画制作过程中的优化主要有以下几个方面:在动画制作过程中的优化主要有以下几个方面:在动画制作过程中的优化主要有以下几个方面:在动画制作过程中的优化主要有以下几个方面:制作动画时尽量使用补间动画,尽可能减少逐帧动画的使用,因为补间动画中的过渡帧是系统计算得到的,而逐帧动画的过渡帧是通过手动添加对象得到的,因此补间动画的数据量远远小于逐帧动画。如果制作相同的动画效果,逐帧动画的体积要比渐变动画大得多。最好将动画中所有相同的对象转换为元件,这样可以使多个相同内容的对象只保存一次,而可以使用多次,有效地减少动画的数据量。调用素材时尽量使用矢量图,而不使用位图,因为位图比矢量图的体积
17、大得多,很容易使Flash动画变得臃肿不堪。对元素的优化 对元素的优化主要有以下几个方面:对元素的优化主要有以下几个方面:对元素的优化主要有以下几个方面:对元素的优化主要有以下几个方面:减少矢量图形的形状复杂程度。最好少用特殊形状的矢量线条,如虚线、斑马线、点线等。避免过多地导入外部素材,特别是位图,它会明显地增加动画大小。导入声音文件时最好使用体积较小的MP3格式。对动画中的各元素最好分层管理。尽量使用矢量线条代替矢量色块,因为矢量线条的数据量比矢量色块小。对文本的优化 对文本的优化主要有以下几个方面对文本的优化主要有以下几个方面对文本的优化主要有以下几个方面对文本的优化主要有以下几个方面
18、:使用文本时不宜使用过多种类的字体和样式,因为使用过多的字体和样式不但会增大动画的数据量,而且不易统一风格。尽量不要将文字打散。对色彩的优化 如果对动画画面的影响不大,建议最好使用单如果对动画画面的影响不大,建议最好使用单如果对动画画面的影响不大,建议最好使用单如果对动画画面的影响不大,建议最好使用单色,减少渐变色的使用。色,减少渐变色的使用。色,减少渐变色的使用。色,减少渐变色的使用。输出动画 测试完动画的下载性能并优化后,就可以将动测试完动画的下载性能并优化后,就可以将动测试完动画的下载性能并优化后,就可以将动测试完动画的下载性能并优化后,就可以将动画导出到其他应用程序中了,以便将其应用于
19、网页或画导出到其他应用程序中了,以便将其应用于网页或画导出到其他应用程序中了,以便将其应用于网页或画导出到其他应用程序中了,以便将其应用于网页或多媒体等领域。导出动画文件的具体操作如下:多媒体等领域。导出动画文件的具体操作如下:多媒体等领域。导出动画文件的具体操作如下:多媒体等领域。导出动画文件的具体操作如下:(1 1 1 1)打开要导出的)打开要导出的)打开要导出的)打开要导出的FlashFlashFlashFlash动画,选取某帧或场景中的某动画,选取某帧或场景中的某动画,选取某帧或场景中的某动画,选取某帧或场景中的某个对象。个对象。个对象。个对象。图18-7 (2 2 2 2)选择)选择
20、)选择)选择 文件文件文件文件 导出导出导出导出 导出影片导出影片导出影片导出影片 菜单命令,打菜单命令,打菜单命令,打菜单命令,打开如图开如图开如图开如图18-718-718-718-7所示的所示的所示的所示的“导出影片导出影片导出影片导出影片”对话框。对话框。对话框。对话框。图18-8 (3 3 3 3)在)在)在)在“保存在保存在保存在保存在”下下下下拉列表框中指定文件要导出的拉列表框中指定文件要导出的拉列表框中指定文件要导出的拉列表框中指定文件要导出的路径。路径。路径。路径。(4 4 4 4)在在在在“文文文文件件件件名名名名”文文文文本本本本框框框框中中中中输输输输入入入入文文文文件
21、件件件名名名名称称称称,在在在在“保保保保存存存存类类类类型型型型”下下下下拉拉拉拉列列列列表表表表框框框框中中中中选选选选择择择择保保保保存存存存类类类类型型型型,默默默默认认认认情情情情况况况况下下下下为为为为.swfswfswfswf格格格格式。式。式。式。(5 5 5 5)单击)单击)单击)单击 按钮,将按钮,将按钮,将按钮,将打开如图打开如图打开如图打开如图18-818-818-818-8所示的所示的所示的所示的“导出导出导出导出Flash Player”Flash Player”Flash Player”Flash Player”对话框。对话框。对话框。对话框。“导出导出导出导出F
22、lash Player”Flash Player”Flash Player”Flash Player”对话框中各选项的含义如下对话框中各选项的含义如下对话框中各选项的含义如下对话框中各选项的含义如下 :版本:在该下拉列表框中可选择以何种方式保存导出的Flash动画。加载顺序:在该下拉列表框中可选择需要的加载顺序,包括“由下而上”和“由上而下”两个选项。动作脚本版本:在该下拉列表框中可选择需要的版本,由于动作脚本2.0是Flash MX 2004新增的功能,因此如果需要以较低版本打开,最好还是选择动作脚本1.0。选项:在该栏中选中其中的复选框可以进行相应的操作,建议选中复选框,以减小动画的体积。
23、各选项的含义如下:选项:在该栏中选中其中的复选框可以进行相应的操作,建议选中复选框,以减小动画的体积。各选项的含义如下:创建一个文本文件,并记录最终导出动画文:创建一个文本文件,并记录最终导出动画文:创建一个文本文件,并记录最终导出动画文:创建一个文本文件,并记录最终导出动画文件的大小。件的大小。件的大小。件的大小。:防防防防止止止止发发发发布布布布的的的的动动动动画画画画文文文文件件件件被被被被其其其其他他他他人人人人下下下下载载载载到到到到FlashFlashFlashFlash中进行编辑。中进行编辑。中进行编辑。中进行编辑。:设定忽略当前动画中的跟踪命令。:设定忽略当前动画中的跟踪命令。
24、:设定忽略当前动画中的跟踪命令。:设定忽略当前动画中的跟踪命令。:允许对动画进行调试。:允许对动画进行调试。:允许对动画进行调试。:允许对动画进行调试。:减少文件的大小。:减少文件的大小。:减少文件的大小。:减少文件的大小。JPEG品质:用于调整JPEG的品质好坏,品质越高越好,但体积也会相应增大。在后面的滚动条上左右拖动滑块即可调整JPEG的品质,越向右品质越高。按钮:单击该按钮将打开如图18-9所示的“声音设置”对话框,在其中可以对导入的音频格式重新设置,建议使用MP3格式。图18-9 导出Flash动画后,可以在导出的位置找到该动画,在“打开”对话框中单击按钮即可打开该动画,如图18-1
25、0所示。图18-10 (6 6 6 6)设置完成后单击)设置完成后单击)设置完成后单击)设置完成后单击 按钮即可将该文件导出。按钮即可将该文件导出。按钮即可将该文件导出。按钮即可将该文件导出。发布Flash动画 设置发布动画的格式设置发布动画的格式 FlashFlash文件的发布设置文件的发布设置 HTMLHTML文件的发布设置文件的发布设置 将将FlashFlash动画发布到网上动画发布到网上 利用利用利用利用“发布发布发布发布”命令即可对制作好的命令即可对制作好的命令即可对制作好的命令即可对制作好的FlashFlashFlashFlash动画动画动画动画文件进行发布。文件进行发布。文件进行
- 配套讲稿:
如PPT文件的首页显示word图标,表示该PPT已包含配套word讲稿。双击word图标可打开word文档。
- 特殊限制:
部分文档作品中含有的国旗、国徽等图片,仅作为作品整体效果示例展示,禁止商用。设计者仅对作品中独创性部分享有著作权。
- 关 键 词:
- 教育 专题 _FLASH 动画 形状 动作 设计 制作 发布
限制150内