导出和发布影片优秀课件.ppt

《导出和发布影片优秀课件.ppt》由会员分享，可在线阅读，更多相关《导出和发布影片优秀课件.ppt（60页珍藏版）》请在淘文阁 - 分享文档赚钱的网站上搜索。

1、导出和发布影片第1页，本讲稿共60页教学目标u知道Flash 影片导出的步骤u理解Flash 影片的优化原则u理解Flash 影片的发布格式u掌握Flash 影片导出的两种方法u掌握Flash 影片发布的基本方法u了解发布Flash 影片的注意事项返回第2页，本讲稿共60页课堂讲解6.1 影片的导出6.2 影片的发布返回第3页，本讲稿共60页6.1 影片的导出返回v基本知识v案例6.1测试影片 v案例6.2导出影片第4页，本讲稿共60页基本知识v当动画制作完成后，可将动画文件作为其他格式的文件导出，供其他应用程序使用。SWF格式是Flash 动画最主要的导出格式，也是支持Flash 动画交互功

2、能的惟一格式。v影片的导出不需要对图形格式、颜色和背景音乐等进行设置，而是直接把当前Flash 动画的全部内容导出为Flash 支持的文件格式。Flash 文件有两种导出方式：导出影片和导出图像。v影片的导出可分为以下三个步骤：优化动画文件测试动画文件导出动画文件。返回第5页，本讲稿共60页案例6.1测试影片返回v练习目的v练习要求v操作步骤v案例小结v注意事项与技巧 第6页，本讲稿共60页练习目的v了解并掌握影片测试界面的组成、带宽显示的功能及各项目的含义 返回第7页，本讲稿共60页练习要求1测试影片制作效果2带宽设置及查看动画下载性能返回第8页，本讲稿共60页操作步骤（1）选择【控制】【测

3、试影片】菜单命令，或按【Ctrl+Enter】组合键，打开如图6-1所示的影片测试界面，这个测试界面包括动画播放窗口和带宽特性显示窗口两个部分。（2）在影片测试界面中选择【视图】【带宽设置】菜单命令，弹出如图6-2所示的带宽显示图，该显示图用来查看动画的下载性能。（3）测试完后关闭测试窗口，返回编辑窗口。返回第9页，本讲稿共60页图6-1 影片测试界面 返回第10页，本讲稿共60页图6-2 带宽显示图 返回第11页，本讲稿共60页案例小结1在图6-2所示窗口左边的窗口中包含几个项目：“影片”用来显示动画的总体属性；“设置”用来显示当前使用的带宽；“状态”显示当前帧号、数据大小和已载入的帧数和数

4、据量。2在图6-2所示窗口右边的窗口是带宽图形示意，浅色和深色的方块表示动画的帧，方块的大小表示该帧所需传输的数据量。如果方块超出了红线则表示该帧的数据量超出了限制，在播放时有可能在其对应帧的位置上产生停顿。红线的位置可以选择【视图】【下载设置】菜单命令中的不同传输速率设定，如图6-3所示。也可选择【视图】【下载设置】【自定义】菜单命令，弹出如图6-4所示的“自定义下载设置”对话框。返回第12页，本讲稿共60页图 6-3 下载速率设置 返回第13页，本讲稿共60页图 6-4 “自定义下载设置”对话框 返回第14页，本讲稿共60页注意事项与技巧 1在Flash MX中有两个用于测试作品的菜单命令

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

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

7、影片”对话框的设置方法相同。Flash 会把动画中的每一帧依次导出为多个图像。返回第21页，本讲稿共60页6.2 影片的发布返回v基本知识v案例6.3 SWF格式发布 v案例6.4HTML格式发布 v案例6.5GIF格式发布 v案例6.6JPEG格式发布 v案例6.7 PNG格式发布 第22页，本讲稿共60页基本知识v用Flash MX制作的动画是FLA格式的，在动画制作完成后，需要将FLA格式的文件发布成能被Flash MX播放器播放的SWF格式的文件用于网页播放。vFlash MX可以发布SWF、HTML、GIF、JPEG、PNG、Windows放映文件、Macintosh放映文件和Qui

8、ckTime等多种格式的动画文件，用户可以根据自己的需要来定义所要发布的文件的格式。返回第23页，本讲稿共60页案例6.3 SWF格式发布返回v练习目的v练习要求v操作步骤v案例小结v注意事项与技巧第24页，本讲稿共60页练习目的v了解并掌握SWF格式发布影片的方法v了解并掌握“发布设置”对话框中各项目的含义及功能 返回第25页，本讲稿共60页练习要求1利用“发布设置”对话框将影片按SWF格式发布。2将影片压缩发布，JPEG品质设为：80。返回第26页，本讲稿共60页操作步骤（1）选择【文件】【发布设置】菜单命令，弹出如图6-6所示的“发布设置”对话框。（2）在该对话框中，选择“Flash”选

9、项卡，弹出如图6-7所示的对话框。（3）根据要求完成设置后，单击“确定”按钮，然后选择【文件】【发布】菜单命令；或直接单击“发布”按钮，Flash MX会将动画文件发布到源文件所在的文件夹中。返回第27页，本讲稿共60页图 6-6 “发布设置”对话框返回第28页，本讲稿共60页图 6-7 设置Flash 文件格式返回第29页，本讲稿共60页案例小结1在图6-7对话框中，“版本”用于选择所输出的Flash 动画的版本，如果用户系统中没有安装高版本的插件，那么使用高版本输出的Flash 动画在此系统中不能被正常播放；如果使用低版本输出，那么 Flash 动画的一些新增功能无法正确运行。因此要正确选

10、择版本。2“加载顺序”是指当动画被读入时所装载的每一层的先后顺序。3“JPEG品质”通过调整滑条，可以设置位图文件在Flash MX动画中的JPEG压缩比例和画质。在文本框中输入的数值越大，位图质量越高，文件体积也越大。4“音频流”用于设置流式声音，它是边下载边播放的声音，它适合于播放长时间的声音，比如背景音乐。单击“设置”按钮，会弹出如图6-8所示的对话框。5“音频事件”用于设置事件声音，它是必须等到下载完成后才能播放的声音，它适合于播放短时间的声音。返回第30页，本讲稿共60页图6-8“声音设置”对话框 返回第31页，本讲稿共60页注意事项与技巧 1SWF格式是Flash MX自身的动画格

11、式，它是输出动画的默认格式。2图6-7设置Flash 文件格式对话框中的“选项”各复选框含义如下：生成大小报告生成大小报告：生成Flash MX动画运行的过程中传输数据的报告文件。防止导入防止导入：防止生成的动画文件被他人导入到新的动画文件中。在选中此项后，对话框中的“密码”文本框被激活，可加入导入此动画文件时所需的密码。省略跟踪动作省略跟踪动作：调试Flash MX动画的脚本时经常要使用跟踪动作，调试完毕后，在发布时，忽略此动作可以避免查找并删除跟踪动作的过程。允许调试允许调试：允许在Flash MX外部跟踪动画文件。当选中此项后，对话框的“密码”文本框也被激活，可以在此设置密码。压缩影片压

12、缩影片：选中此项将在发布动画时对视频进行压缩处理，使文件便于在网上快速传输。返回第32页，本讲稿共60页案例6.4HTML格式发布返回v练习目的v练习要求v操作步骤v案例小结v注意事项与技巧第33页，本讲稿共60页练习目的v了解并掌握HTML格式发布影片的方法v了解并掌握“发布设置”对话框中各项目的含义及功能 返回第34页，本讲稿共60页练习要求1利用“发布设置”对话框将影片按HTML格式发布。2设置回放时显示菜单和循环播放，Flash对齐设为“居中”。返回第35页，本讲稿共60页操作步骤（1）用同案例6.3的方法打开“发布设置”对话框。在该对话框中，选择“HTML”选项卡，弹出如图6-9所示

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

14、在浏览器中单击鼠标右键时可以看到快捷菜单。“设置字体”项被选中后，可用反锯齿系统字体取代用户系统中未安装的字体。4“品质”用于设置动画的品质，其中包括“低”、“中”、“自动降低”、“自动升高”、“高”和“最佳”五个选项。返回第38页，本讲稿共60页案例小结5“窗口模式”的设置用于安装有Flash ActiveX的IE浏览器，可利用IE的透明显示、绝对定位及分层功能。6“HTML对齐”用于决定动画窗口在浏览器窗口中的位置。7“缩放”的下拉列表中，可以使用比例参数值定义影片在指定宽度和高度边界中的放置方式。8“Flash 对齐”决定动画在动画窗口中的对齐情况。9“显示警告信息”复选框被选中会在标签

15、设置出错时显示警告信息。返回第39页，本讲稿共60页注意事项与技巧 v要在Web浏览器中播放Flash 影片，必须创建HTML格式文档。返回第40页，本讲稿共60页案例6.5GIF格式发布返回v练习目的v练习要求v操作步骤v案例小结第41页，本讲稿共60页练习目的v了解并掌握GIF格式发布影片的方法v了解并掌握“发布设置”对话框中各项目的含义及功能 返回第42页，本讲稿共60页练习要求1利用“发布设置”对话框将影片按GIF格式发布。2设置“尺寸”匹配影片，回放设置为“静态”，选项设置为“优化颜色”和“平滑”。返回第43页，本讲稿共60页操作步骤（1）用同案例6.3的方法打开“发布设置”对话框。

16、在该对话框中，选择“GIF”选项卡，弹出如图6-10所示的对话框。（2）根据要求，设置完成后，单击“确定”或“发布”按钮。返回第44页，本讲稿共60页图6-10 设置GIF文件格式 返回第45页，本讲稿共60页案例小结1在图6-10对话框中，“尺寸”用于设置动画的尺寸，单位为像素。也可用默认设置“匹配影片”。2“回放”用于控制动画的播放效果。“静态”导出的动画为静止状态；“动画”可导出连续播放的动画，此时如果选中“不断循环”单选按钮，动画可一直循环播放，如果选中“重复”单选按钮，可设置重复播放的次数。3“选项”由多个复选框组成。“优化颜色”用于除去动画中不用的颜色；“抖动纯色”使纯色产生渐变色

17、效果；“交错”在文件没有完全下载完之前显示图片的基本内容，在网速较慢时加速下载；“删除渐变”使用渐变色中的第1种颜色代替渐变色；“平滑”用于减少位图的锯齿，提高画面质量，但是平滑处理后会增加文件的大小。4“透明”用于设置动画背景的透明度。5“抖动”用于确定像素的合并形式。抖动可以提高画面的质量，但会增加文件的大小。6“调色板类型”下拉列表中可设置一种调色板用于图像的编辑。7“最多颜色”是在如果选择最适色或接近网页最适色时该文本框变为可选，在文本框中可填入0-255间的数值，可以去除超过这一设定值的颜色。当设定的数值较小时，可以生成体积较小的文件，但画面的质量会变差。返回第46页，本讲稿共60页

18、案例6.6JPEG格式发布返回v练习目的v练习要求v操作步骤v案例小结v注意事项与技巧第47页，本讲稿共60页练习目的v了解并掌握JPEG格式发布影片的方法v了解并掌握“发布设置”对话框中各项目的含义及功能。返回第48页，本讲稿共60页练习要求1利用“发布设置”对话框将影片按JPEG格式发布。2设置JPEG“尺寸”为匹配影片，品质设置为：80。返回第49页，本讲稿共60页操作步骤（1）用同案例6.3的方法打开“发布设置”对话框。在该对话框中，选择“JPEG”选项卡，弹出如图6-11所示的对话框。（2）根据要求，设置完成后，单击“确定”或“发布”按钮。返回第50页，本讲稿共60页图6-11 设置

19、JPEG文件格式返回第51页，本讲稿共60页案例小结1在该对话框中，“尺寸”中可以设置导入的位图图像的大小。图像质量越好，则文件越大。2“品质”通过调整滑条，可以设置位图文件在Flash MX动画中的JPEG压缩比例和画质。在文本框中输入的数值越大，位图质量越高，文件体积也越大。3“渐进”复选框如果被选中，在浏览器中可以渐进显示图像。如果网络速度较慢，这一功能可以加快图片的下载速度。返回第52页，本讲稿共60页注意事项与技巧 vJPEG格式是输出高压缩的24位图像。GIF更适合于导出图形，JPEG更适合于导出图像。返回第53页，本讲稿共60页案例6.7 PNG格式发布返回v练习目的v练习要求v

20、操作步骤v案例小结v注意事项与技巧第54页，本讲稿共60页练习目的v了解并掌握PNG格式发布影片的方法v了解并掌握“发布设置”对话框中各项目的含义及功能。返回第55页，本讲稿共60页练习要求1利用“发布设置”对话框将影片按JPEG格式发布。2设置“尺寸”匹配影片，选项设置为“优化颜色”和“平滑”返回第56页，本讲稿共60页操作步骤（1）用案例6.3的方法打开“发布设置”对话框。在该对话框中，选择“PNG”选项卡，弹出如图6-12所示的对话框。（2）根据要求，设置完成后，单击“确定”或“发布”按钮。返回第57页，本讲稿共60页图6-12 设置PNG文件格式 返回第58页，本讲稿共60页案例小结1在该对话框中，“尺寸”中可以设置导入的位图图像的大小。2在“位深度”下拉列表中，可以指定在创建图像时每个像素所用的位数，如果要选用上千种颜色，要选24位。位数越高，文件越大。3“选项”复选框的含义与GIF格式中的设置相同。返回第59页，本讲稿共60页注意事项与技巧 vPNG格式是Macromedia Fireworks的默认文件格式。返回第60页，本讲稿共60页