导出和发布影片

1、导出和发布影片第1页，共60页，2022年，5月20日，2点21分，星期三教学目标知道Flash 影片导出的步骤理解Flash 影片的优化原则理解Flash 影片的发布格式掌握Flash 影片导出的两种方法掌握Flash 影片发布的基本方法了解发布Flash 影片的注意事项返回第2页，共60页，2022年，5月20日，2点21分，星期三课堂讲解6.1 影片的导出6.2 影片的发布返回第3页，共60页，2022年，5月20日，2点21分，星期三6.1 影片的导出返回基本知识案例6.1测试影片 案例6.2导出影片第4页，共60页，2022年，5月20日，2点21分，星期三基本知识当动画制作完成后，

2、可将动画文件作为其他格式的文件导出，供其他应用程序使用。SWF格式是Flash 动画最主要的导出格式，也是支持Flash 动画交互功能的惟一格式。影片的导出不需要对图形格式、颜色和背景音乐等进行设置，而是直接把当前Flash 动画的全部内容导出为Flash 支持的文件格式。Flash 文件有两种导出方式：导出影片和导出图像。影片的导出可分为以下三个步骤：优化动画文件测试动画文件导出动画文件。返回第5页，共60页，2022年，5月20日，2点21分，星期三案例6.1测试影片返回练习目的练习要求操作步骤案例小结注意事项与技巧 第6页，共60页，2022年，5月20日，2点21分，星期三练习目的了解

3、并掌握影片测试界面的组成、带宽显示的功能及各项目的含义 返回第7页，共60页，2022年，5月20日，2点21分，星期三练习要求1测试影片制作效果2带宽设置及查看动画下载性能返回第8页，共60页，2022年，5月20日，2点21分，星期三操作步骤（1）选择【控制】【测试影片】菜单命令，或按【Ctrl+Enter】组合键，打开如图6-1所示的影片测试界面，这个测试界面包括动画播放窗口和带宽特性显示窗口两个部分。（2）在影片测试界面中选择【视图】【带宽设置】菜单命令，弹出如图6-2所示的带宽显示图，该显示图用来查看动画的下载性能。（3）测试完后关闭测试窗口，返回编辑窗口。返回第9页，共60页，20

4、22年，5月20日，2点21分，星期三图6-1 影片测试界面 返回第10页，共60页，2022年，5月20日，2点21分，星期三图6-2 带宽显示图 返回第11页，共60页，2022年，5月20日，2点21分，星期三案例小结1在图6-2所示窗口左边的窗口中包含几个项目：“影片”用来显示动画的总体属性；“设置”用来显示当前使用的带宽；“状态”显示当前帧号、数据大小和已载入的帧数和数据量。2在图6-2所示窗口右边的窗口是带宽图形示意，浅色和深色的方块表示动画的帧，方块的大小表示该帧所需传输的数据量。如果方块超出了红线则表示该帧的数据量超出了限制，在播放时有可能在其对应帧的位置上产生停顿。红线的位置

5、可以选择【视图】【下载设置】菜单命令中的不同传输速率设定，如图6-3所示。 也可选择【视图】【下载设置】【自定义】菜单命令，弹出如图6-4所示的“自定义下载设置”对话框。返回第12页，共60页，2022年，5月20日，2点21分，星期三图 6-3 下载速率设置 返回第13页，共60页，2022年，5月20日，2点21分，星期三图 6-4 “自定义下载设置”对话框 返回第14页，共60页，2022年，5月20日，2点21分，星期三注意事项与技巧 1在Flash MX中有两个用于测试作品的菜单命令 选择【控制】【测试影片】菜单命令，是测试整个动画作品的播放。 选择【控制】【测试场景】菜单命令，是测

6、试当前场景的动画播放。2动画的优化是指减小文件的大小，加快动画的下载速率。动画优化的方法有以下几种：尽量减少文本中使用的字体和样式。尽量减少逐帧动画，而用渐变动画代替。对动画中所有相同的对象用同一个元件引用得到。对动画中各元素分层管理。对动画中的音频，设置合理的压缩模式和参数。建议使用MP3格式。返回第15页，共60页，2022年，5月20日，2点21分，星期三案例6.2导出影片返回练习目的练习要求操作步骤第16页，共60页，2022年，5月20日，2点21分，星期三练习目的掌握以SWF影片格式导出动画的方法 返回第17页，共60页，2022年，5月20日，2点21分，星期三练习要求将影片以S

7、WF影片格式导出 返回第18页，共60页，2022年，5月20日，2点21分，星期三操作步骤（1）选择【文件】【导出】【导出影片】菜单命令，打开如图6-5所示的“导出影片”对话框。（2）在“保存在”下拉列表中选择影片保存的文件夹；在“文件名”文本框中输入影片的文件名；在“保存类型”下拉列表中选择“Flash 影片（*.swf）”。（3）设置完成后，单击“保存”按钮。返回第19页，共60页，2022年，5月20日，2点21分，星期三图 6-5 “导出影片”对话框返回第20页，共60页，2022年，5月20日，2点21分，星期三案例小结1SWF格式的文件必须安装了Flash 播放器后才能播放。2导

8、出图像的方法与案例6.2类似，选择【文件】【导出】【导出图像】菜单命令，打开 “导出图像”对话框。该对话框的设置与“导出影片”对话框的设置方法相同。Flash 会把动画中的每一帧依次导出为多个图像。返回第21页，共60页，2022年，5月20日，2点21分，星期三6.2 影片的发布返回基本知识案例6.3 SWF格式发布 案例6.4HTML格式发布 案例6.5GIF格式发布 案例6.6JPEG格式发布 案例6.7 PNG格式发布 第22页，共60页，2022年，5月20日，2点21分，星期三基本知识用Flash MX制作的动画是FLA格式的，在动画制作完成后，需要将FLA格式的文件发布成能被Fl

9、ash MX播放器播放的SWF格式的文件用于网页播放。Flash MX可以发布SWF、HTML、GIF、JPEG、PNG、Windows放映文件、Macintosh放映文件和QuickTime等多种格式的动画文件，用户可以根据自己的需要来定义所要发布的文件的格式。返回第23页，共60页，2022年，5月20日，2点21分，星期三案例6.3 SWF格式发布返回练习目的练习要求操作步骤案例小结注意事项与技巧第24页，共60页，2022年，5月20日，2点21分，星期三练习目的了解并掌握SWF格式发布影片的方法了解并掌握“发布设置”对话框中各项目的含义及功能 返回第25页，共60页，2022年，5月

10、20日，2点21分，星期三练习要求1利用“发布设置”对话框将影片按SWF格式发布。2将影片压缩发布，JPEG品质设为：80。返回第26页，共60页，2022年，5月20日，2点21分，星期三操作步骤（1）选择【文件】【发布设置】菜单命令，弹出如图6-6所示的“发布设置”对话框。（2）在该对话框中，选择“Flash ”选项卡，弹出如图6-7所示的对话框。（3）根据要求完成设置后，单击“确定”按钮，然后选择【文件】【发布】菜单命令；或直接单击“发布”按钮，Flash MX会将动画文件发布到源文件所在的文件夹中。返回第27页，共60页，2022年，5月20日，2点21分，星期三图 6-6 “发布设置

11、”对话框返回第28页，共60页，2022年，5月20日，2点21分，星期三图 6-7 设置Flash 文件格式返回第29页，共60页，2022年，5月20日，2点21分，星期三案例小结1在图6-7对话框中，“版本”用于选择所输出的Flash 动画的版本，如果用户系统中没有安装高版本的插件，那么使用高版本输出的Flash 动画在此系统中不能被正常播放；如果使用低版本输出，那么 Flash 动画的一些新增功能无法正确运行。因此要正确选择版本。2“加载顺序”是指当动画被读入时所装载的每一层的先后顺序。3“JPEG品质”通过调整滑条，可以设置位图文件在Flash MX动画中的JPEG压缩比例和画质。在

12、文本框中输入的数值越大，位图质量越高，文件体积也越大。4“音频流”用于设置流式声音，它是边下载边播放的声音，它适合于播放长时间的声音，比如背景音乐。单击“设置”按钮，会弹出如图6-8所示的对话框。5“音频事件”用于设置事件声音，它是必须等到下载完成后才能播放的声音，它适合于播放短时间的声音。返回第30页，共60页，2022年，5月20日，2点21分，星期三图6-8 “声音设置”对话框 返回第31页，共60页，2022年，5月20日，2点21分，星期三注意事项与技巧 1SWF格式是Flash MX自身的动画格式，它是输出动画的默认格式。2图6-7设置Flash 文件格式对话框中的“选项”各复选框

13、含义如下：生成大小报告：生成Flash MX动画运行的过程中传输数据的报告文件。防止导入：防止生成的动画文件被他人导入到新的动画文件中。在选中此项后，对话框中的“密码”文本框被激活，可加入导入此动画文件时所需的密码。省略跟踪动作：调试Flash MX动画的脚本时经常要使用跟踪动作，调试完毕后，在发布时，忽略此动作可以避免查找并删除跟踪动作的过程。允许调试：允许在Flash MX外部跟踪动画文件。当选中此项后，对话框的“密码”文本框也被激活，可以在此设置密码。压缩影片：选中此项将在发布动画时对视频进行压缩处理，使文件便于在网上快速传输。返回第32页，共60页，2022年，5月20日，2点21分，

14、星期三案例6.4HTML格式发布返回练习目的练习要求操作步骤案例小结注意事项与技巧第33页，共60页，2022年，5月20日，2点21分，星期三练习目的了解并掌握HTML格式发布影片的方法了解并掌握“发布设置”对话框中各项目的含义及功能 返回第34页，共60页，2022年，5月20日，2点21分，星期三练习要求1利用“发布设置”对话框将影片按HTML格式发布。2设置回放时显示菜单和循环播放，Flash对齐设为“居中”。返回第35页，共60页，2022年，5月20日，2点21分，星期三操作步骤（1）用同案例6.3的方法打开“发布设置”对话框。在该对话框中，选择“HTML”选项卡，弹出如图6-9所

15、示的对话框。（2）根据要求，设置完成后，单击“确定”或“发布”按钮。返回第36页，共60页，2022年，5月20日，2点21分，星期三6-9 设置HTML文件格式返回第37页，共60页，2022年，5月20日，2点21分，星期三案例小结1在该对话框中，“模板”用于选择所使用的设计模板，这些模板文件均位于Flash 应用程序文件夹的“HTML”文件夹中。2“尺寸”设置影片的宽度和高度值，其中包括“匹配影片”、“像素”、“百分比”三种选项。3“回放”用于对发布的影片进行设置，其中包含以下几个项目：“开始时暂停”表示影片一开始处于暂停状态，只有当用户单击动画中的“播放”按钮或从快捷菜单中选择【Pla

16、y】菜单命令后，动画才开始播放。“循环”使动画反复进行播放。“显示菜单”使用户在浏览器中单击鼠标右键时可以看到快捷菜单。“设置字体”项被选中后，可用反锯齿系统字体取代用户系统中未安装的字体。4“品质”用于设置动画的品质，其中包括“低”、“中”、“自动降低”、“自动升高”、“高”和“最佳”五个选项。返回第38页，共60页，2022年，5月20日，2点21分，星期三案例小结5“窗口模式”的设置用于安装有Flash ActiveX的IE浏览器，可利用IE的透明显示、绝对定位及分层功能。6“HTML对齐”用于决定动画窗口在浏览器窗口中的位置。7“缩放”的下拉列表中，可以使用比例参数值定义影片在指定宽度

17、和高度边界中的放置方式。8“Flash 对齐”决定动画在动画窗口中的对齐情况。9“显示警告信息”复选框被选中会在标签设置出错时显示警告信息。返回第39页，共60页，2022年，5月20日，2点21分，星期三注意事项与技巧 要在Web浏览器中播放Flash 影片，必须创建HTML格式文档。返回第40页，共60页，2022年，5月20日，2点21分，星期三案例6.5GIF格式发布返回练习目的练习要求操作步骤案例小结第41页，共60页，2022年，5月20日，2点21分，星期三练习目的了解并掌握GIF格式发布影片的方法了解并掌握“发布设置”对话框中各项目的含义及功能 返回第42页，共60页，2022

18、年，5月20日，2点21分，星期三练习要求1利用“发布设置”对话框将影片按GIF格式发布。2设置“尺寸”匹配影片，回放设置为“静态”，选项设置为“优化颜色”和“平滑”。返回第43页，共60页，2022年，5月20日，2点21分，星期三操作步骤（1）用同案例6.3的方法打开“发布设置”对话框。在该对话框中，选择“GIF”选项卡，弹出如图6-10所示的对话框。（2）根据要求，设置完成后，单击“确定”或“发布”按钮。返回第44页，共60页，2022年，5月20日，2点21分，星期三图6-10 设置GIF文件格式 返回第45页，共60页，2022年，5月20日，2点21分，星期三案例小结1在图6-10

19、对话框中，“尺寸”用于设置动画的尺寸，单位为像素。也可用默认设置“匹配影片”。2“回放”用于控制动画的播放效果。“静态”导出的动画为静止状态；“动画”可导出连续播放的动画，此时如果选中“不断循环”单选按钮，动画可一直循环播放，如果选中“重复”单选按钮，可设置重复播放的次数。3“选项”由多个复选框组成。“优化颜色”用于除去动画中不用的颜色；“抖动纯色”使纯色产生渐变色效果；“交错”在文件没有完全下载完之前显示图片的基本内容，在网速较慢时加速下载；“删除渐变”使用渐变色中的第1种颜色代替渐变色；“平滑”用于减少位图的锯齿，提高画面质量，但是平滑处理后会增加文件的大小。4“透明”用于设置动画背景的透

20、明度。5“抖动”用于确定像素的合并形式。抖动可以提高画面的质量，但会增加文件的大小。6“调色板类型”下拉列表中可设置一种调色板用于图像的编辑。7“最多颜色”是在如果选择最适色或接近网页最适色时该文本框变为可选，在文本框中可填入0-255间的数值，可以去除超过这一设定值的颜色。当设定的数值较小时，可以生成体积较小的文件，但画面的质量会变差。返回第46页，共60页，2022年，5月20日，2点21分，星期三案例6.6JPEG格式发布返回练习目的练习要求操作步骤案例小结注意事项与技巧第47页，共60页，2022年，5月20日，2点21分，星期三练习目的了解并掌握JPEG格式发布影片的方法了解并掌握“

21、发布设置”对话框中各项目的含义及功能。 返回第48页，共60页，2022年，5月20日，2点21分，星期三练习要求1利用“发布设置”对话框将影片按JPEG格式发布。2设置JPEG“尺寸”为匹配影片，品质设置为：80。返回第49页，共60页，2022年，5月20日，2点21分，星期三操作步骤（1）用同案例6.3的方法打开“发布设置”对话框。在该对话框中，选择“JPEG”选项卡，弹出如图6-11所示的对话框。（2）根据要求，设置完成后，单击“确定”或“发布”按钮。返回第50页，共60页，2022年，5月20日，2点21分，星期三图6-11 设置JPEG文件格式返回第51页，共60页，2022年，5月20日，2点21分，星期三案例小结1在该对话框中，“尺寸”中可以设置导入的位图图像的大小。图像质量越好，则文件越大。2“品质”通过调整滑条，可以设置位图文件在Flash MX动画中的JPEG压缩比例和画质。在文本框中输入的数值越大，位图质量越高，文件体积也越大。3“渐进”复选框如果被选中，在浏览器中可以渐进显示图像。如果网络速度较慢，这一功能可以加快图片的下载速度。返回第52页，共60页，2022年，5月20日，2点21分，