《Flash动画制作简明教程素材与教学课件12.ppt》由会员分享,可在线阅读,更多相关《Flash动画制作简明教程素材与教学课件12.ppt(31页珍藏版)》请在得力文库 - 分享文档赚钱的网站上搜索。
1、第12章 动画的输出与发布 测试Flash作品 优化Flash作品 导出Flash作品 发布Flash作品 上传Flash作品 12.1 测试Flash作品 在本地电脑上,在本地电脑上,FLashFLash动画的播放效果是否同预动画的播放效果是否同预期一样。期一样。FlashFlash动画的体积是否已经是最小状态,是不是还动画的体积是否已经是最小状态,是不是还可以更小。可以更小。是否能在网络环境下正常地下载和观看是否能在网络环境下正常地下载和观看FlashFlash动画。动画。测试动画的目的是为了检查Flash作品在本地电脑和Internet上的播放效果。测试Flash动画时,我们应考虑以下几
2、个方面:下面我们以第9章制作的“浪花一朵朵”动画为例,介绍测试动画的具体方法:选择模拟下载速度 启动或关闭模拟下载功能 1.打开素材文档,按快捷键【Ctrl+Enter】测试动画,在动画播放窗口中选择“视图”“下载设置”菜单,选择一个模拟下载速度,本例选择“56K(4.7KB/s)”。2.选择“视图”“模拟下载”菜单,可启动或关闭模拟下载功能。启动模拟下载功能后,动画的播放情况便是根据设置的传输速率,在网络上的实际播放情况。下载信息图表 3.选择“视图”“带宽设置”菜单,再选中“视图”“数据流图标”菜单,将出现一个图表,我们可以通过图表右侧窗格查看各帧数据下载情况,此时选择任意一帧,播放将停止
3、,可从左边窗格中查看该帧详细信息。数据流图表 4.选择“视图”“数据流图表”菜单,可查看哪个帧需要比较多的时间传输。5.测试完毕后,可记下矩形条超过红线的帧,并返回动画文档,对相关帧做相应的修改,以方便在网络上播放,关闭动画播放界面即可返回动画文档。12.2 优化Flash作品 12.2.1 制作手法优化 在制作动画时,我们便应该养成优化动画的习惯,这主要包括以下几方面内容:多使用元件:多使用元件:多使用元件:多使用元件:在动画中,同一对象只要被使用两在动画中,同一对象只要被使用两次以上,就最好将其转换为元件。重复使用元件次以上,就最好将其转换为元件。重复使用元件并不会使文件增大。并不会使文件
4、增大。尽量使用补间动画:尽量使用补间动画:尽量使用补间动画:尽量使用补间动画:补间动画中的过渡帧是通过补间动画中的过渡帧是通过系统计算得到,数据量相对较小,逐帧动画需要系统计算得到,数据量相对较小,逐帧动画需要用户一帧一帧地添加对象,相对补间动画来说,用户一帧一帧地添加对象,相对补间动画来说,会增大文件体积。会增大文件体积。优化帧:优化帧:优化帧:优化帧:避免在同一个关键帧上放置多个包含动避免在同一个关键帧上放置多个包含动画片断的对象,例如放置多个影片剪辑。这样会画片断的对象,例如放置多个影片剪辑。这样会增加增加FlashFlash处理文件的时间。处理文件的时间。优化图层:优化图层:优化图层:
5、优化图层:不要将包含动画片断的对象与其他静不要将包含动画片断的对象与其他静态对象安排在同一个图层里。应该将包含动画片态对象安排在同一个图层里。应该将包含动画片断的对象安排在各自专属的图层内,以便加速断的对象安排在各自专属的图层内,以便加速FlashFlash动画的处理过程。动画的处理过程。少用位图制作动作:少用位图制作动作:少用位图制作动作:少用位图制作动作:矢量图可以任意缩放而不影矢量图可以任意缩放而不影响动画画质和大小,位图图像一般只作为静态元响动画画质和大小,位图图像一般只作为静态元素或背景图,素或背景图,FlashFlash并不擅长处理位图图像的动作,并不擅长处理位图图像的动作,应尽量
6、避免使用位图制作动作。应尽量避免使用位图制作动作。文档尺寸越小越好:文档尺寸越小越好:文档尺寸越小越好:文档尺寸越小越好:文档尺寸越小,文档尺寸越小,FlashFlash文件体文件体积便越小。可以在制作动画时使用小文档尺寸,积便越小。可以在制作动画时使用小文档尺寸,将动画发布成将动画发布成HTMLHTML格式时再将文档尺寸设置得格式时再将文档尺寸设置得大一点。大一点。12.2.2 优化动画元素 位图导入优化:位图导入优化:位图导入优化:位图导入优化:制作动画时,尽量少导入位图,制作动画时,尽量少导入位图,如果必须导入,则导入前最好使用别的软件将位如果必须导入,则导入前最好使用别的软件将位图尺寸
7、修改得小一些,并使用图尺寸修改得小一些,并使用JPEGJPEG格式。格式。声音导入优化:声音导入优化:声音导入优化:声音导入优化:使用声音时,最好导入使用声音时,最好导入MP3MP3格式格式的声音,并参考我们前面介绍的内容优化输出声的声音,并参考我们前面介绍的内容优化输出声音。音。多用结构简单的矢量图形:多用结构简单的矢量图形:多用结构简单的矢量图形:多用结构简单的矢量图形:矢量图形储存大小同矢量图形储存大小同其尺寸没有关系,而是同结构有关,结构越复杂,其尺寸没有关系,而是同结构有关,结构越复杂,储存尺寸越大,同时还会影响储存尺寸越大,同时还会影响FlashFlash处理动画的速处理动画的速度
8、。度。下面是优化动画元素需要注意的地方:少用虚线:少用虚线:少用虚线:少用虚线:绘制图形时,尽量少用虚线,多用实绘制图形时,尽量少用虚线,多用实线,此外,尽量减少线段节点数。绘制好图形后,线,此外,尽量减少线段节点数。绘制好图形后,可以使用可以使用“优化优化”或或“平滑平滑”命令优化图形,减命令优化图形,减少图形的节点。少图形的节点。少用渐变色:少用渐变色:少用渐变色:少用渐变色:渐变色会增加矢量图形的体积,绘渐变色会增加矢量图形的体积,绘制图形时尽量多使用纯色填充。制图形时尽量多使用纯色填充。不要应用太多字体和样式:不要应用太多字体和样式:不要应用太多字体和样式:不要应用太多字体和样式:尽量
9、不要使用太多不尽量不要使用太多不同的字体和样式,使用的字体越多,同的字体和样式,使用的字体越多,FlashFlash文件就文件就越大,尽可能使用越大,尽可能使用FlashFlash内定的字体。内定的字体。尽量不要将字体打散:尽量不要将字体打散:尽量不要将字体打散:尽量不要将字体打散:字体打散后,会使文件增字体打散后,会使文件增大。大。12.2.3 优化文本 制作动画时,如果使用文本,需要注意以下几个方面:12.3 导出Flash作品 12.3.1 导出swf动画影片 swf格式是Flash默认的播放格式,也是用于在网络上传输、播放,或制作网页时嵌入动画的格式。下面介绍导出动画的方法:选择“导出
10、影片”菜单 1.打开 素材文档,然后选择“文件”“导出”“导出影片”菜单。“导出影片”对话框 2.在打开的“导出影片”对话框的“保存类型”下拉列表框中可以设置导出影片的格式,本例保持默认的swf类型;在“保存在”列表框中选择文件保存路径,并在“文件名”文本框中为导出文件取一个名称,完成后单击“保存”按钮。“导出Flash Player”对话框 3.在打开的“导出Flash Player”对话框中设置相关参数后,单击“确定”按钮,即可将将动画导出为swf格式的文件。版本:版本:版本:版本:可以选择以何种版本导出可以选择以何种版本导出swfswf影片。影片。加载顺序:加载顺序:加载顺序:加载顺序:
11、设置在动画中加载图层的顺序,可选设置在动画中加载图层的顺序,可选择择“由下而上由下而上”或或“由上而下由上而下”。选项:选项:选项:选项:选择该区中的选择该区中的 复选框,则导出的复选框,则导出的swfswf文件不能被导入到其他文件不能被导入到其他FlashFlash文件中;选择文件中;选择 复选框可以让复选框可以让FlashFlash播放器自己压缩影片,播放器自己压缩影片,默认情况下被选中。默认情况下被选中。密码:密码:密码:密码:选择选择 复选框后,可以在此输入密复选框后,可以在此输入密码,这样在别的文档中导入该码,这样在别的文档中导入该swfswf动画文件时,需动画文件时,需要输入密码。
12、要输入密码。“导出Flash Player”对话框中各参数的含义如下:JPEGJPEG品质:品质:品质:品质:用于调整动画中所有位图的输出品质,用于调整动画中所有位图的输出品质,品质越高,图像越清晰,但品质越高,图像越清晰,但swfswf影片体积也会增大。影片体积也会增大。拖动滚动条可调整品质。拖动滚动条可调整品质。音频流:音频流:音频流:音频流:单击该选项后的单击该选项后的“设置设置”按钮,可以在按钮,可以在打开的对话框中调整动画中所有打开的对话框中调整动画中所有“数据流数据流”声音声音的压缩的压缩 。音频事件:音频事件:音频事件:音频事件:用来调整动画中所有用来调整动画中所有“事件事件”声
13、音的声音的压缩。压缩。:若要让:若要让“音频流音频流”、“音频事件音频事件”设设置覆盖对个别声音的设置,选择此复选框。如果置覆盖对个别声音的设置,选择此复选框。如果取消选择此复选框,则导出取消选择此复选框,则导出swfswf文件时会增大文件文件时会增大文件大小。大小。:设备声音是一种以设备的本机音频格:设备声音是一种以设备的本机音频格式(如式(如 MIDI MIDI 或或 MFiMFi)编码的声音。一般情况下,)编码的声音。一般情况下,不要选择此项。不要选择此项。12.3.2 导出GIF动画图像 下面我们以导出“天鹅飞翔.fla”为例,说明在Flash中导出GIF动画图像的方法:“导出影片”对
14、话框 1.打开 素材文档,然后选择“文件”“导出”“导出影片”菜单,在“导出影片”对话框“保存类型”下拉列表框中选择“GIF动画”类型,然后选择文件保存路径,输入文件名称,完成后单击“保存”按钮。“导出GIF”对话框 2.在打开的“导出GIF”对话框中设置相关参数,本例中我们保持参数默认不变,单击“确定”按钮,完成GIF动画图形的导出。尺寸:尺寸:尺寸:尺寸:设置导出的设置导出的GIFGIF动画高和宽。动画高和宽。分辨率:分辨率:分辨率:分辨率:设置导出的设置导出的GIFGIF动画分辨率。动画分辨率。颜色:颜色:颜色:颜色:设置导出的设置导出的GIFGIF动画的颜色,默认动画的颜色,默认“标准
15、颜标准颜色色”是是256256色。颜色越多,图像越清楚,相应的图色。颜色越多,图像越清楚,相应的图像会越大。像会越大。:当在网络上查看当在网络上查看GIFGIF图像时,交错图像会图像时,交错图像会迅速地以低分辨率出现,然后在继续下载过程中迅速地以低分辨率出现,然后在继续下载过程中再过渡到高分辨率。再过渡到高分辨率。:勾选该复选框会去除文档背景颜色,只勾选该复选框会去除文档背景颜色,只显示关键的图像内容。显示关键的图像内容。“导出GIF”对话框中各参数的含义如下:勾选该复选框可以消除勾选该复选框可以消除GIFGIF图像的锯齿。图像的锯齿。:勾选该复选框可以补偿当前色板中没勾选该复选框可以补偿当前
16、色板中没有的颜色,该选项对于有复杂混色或渐变色动画有的颜色,该选项对于有复杂混色或渐变色动画图像非常有用。但这会使文件增大。图像非常有用。但这会使文件增大。动画:动画:动画:动画:设置设置GIFGIF动画重复播放次数,动画重复播放次数,0 0次表示一直次表示一直不停地播放。不停地播放。12.3.3 导出静态图像 在Flash中利用“导出图像”命令,可以导出各种格式的图像,其具体操作方法如下:选中第313帧 1.打开 素材文档,然后选择“文件”“导出”“导出图像”菜单,打开“导出图像”对话框。“导出图像”对话框 “导出位图”对话框 2.在“导出图像”对话框中设置导出图像的格式、保存路径、文件名,
17、本例选择“位图(*.bmp)”,将图像导出为bmp格式,完成后单击“保存”按钮。3.在打开的“导出位图”对话框的“包含”下拉列表中选择“完整文档大小”选项,将“宽”设为“150”像素,将“高”设为“109”像素,将“颜色深度”设为“8位彩色”,然后单击“确定”按钮,完成位图的导出。12.4 发布Flash作品 12.4.1 设置发布格式 发布Flash作品前,可以设置将Flash动画发布为何种文件格式,还可具体对某种发布格式进行详细设置。下面以发布一个Flash动画为例进行说明:“格式”选项卡 1.打开 素材文档,然后选择“文件”“发布设置”菜单,在打开的“发布设置”对话框中的“格式”选项卡,
18、中可以选择动画发布格式。2.选中某格式后,对话框顶部会出现该格式的选项卡按钮,用来设置该格式的发布选项。例如单击“Flash”选项卡按钮,切换到用于设置swf影片格式的“Flash”选项卡,该选项卡中的设置与12.3.1节介绍的相同,这里不再介绍。“HTML”选项卡 3.再单击“HTML”选项卡按钮,切换到“HTML”选项卡。将动画发布为网页主要有两个作用:一是可以测试动画在网页中的播放效果;二是在做网站的时候,可以直接使用这个网页。模板:模板:模板:模板:用于选择网页使用的模板,单击后面的用于选择网页使用的模板,单击后面的“信息信息”按钮,会显示选中的模板信息。按钮,会显示选中的模板信息。检
19、测检测检测检测FlashFlash版本:版本:版本:版本:选择该复选框,则网页中的动画选择该复选框,则网页中的动画影片会自动检测浏览者使用的影片会自动检测浏览者使用的Flash PlayerFlash Player播放器播放器版本,并以浏览者的播放器版播放影片。通常不版本,并以浏览者的播放器版播放影片。通常不用选择此项。用选择此项。尺寸:尺寸:尺寸:尺寸:设置网页中影片的宽度和高度。设置网页中影片的宽度和高度。回放:回放:回放:回放:用来设置影片在网页中的播放情况。用来设置影片在网页中的播放情况。品质:品质:品质:品质:该选项可以让影片在播放品质和播放速度该选项可以让影片在播放品质和播放速度之
20、间取得一个平衡点。由之间取得一个平衡点。由“低低”到到“最佳最佳”。“HTML”选项卡中各参数的含义如下:窗口模式:窗口模式:窗口模式:窗口模式:用于设置影片同网页中其他内容的关用于设置影片同网页中其他内容的关系。系。HTMLHTML对齐:对齐:对齐:对齐:用来设置影片在浏览器窗口中的位用来设置影片在浏览器窗口中的位置。置。缩放:缩放:缩放:缩放:如果在前面的如果在前面的“尺寸尺寸”选项中设置了与动选项中设置了与动画原始大小不同的尺寸,则通过该选项可以将影画原始大小不同的尺寸,则通过该选项可以将影片放在指定的网页区域内。片放在指定的网页区域内。FlashFlash对齐:对齐:对齐:对齐:设置如
21、何在应用程序窗口内放置影片设置如何在应用程序窗口内放置影片内容,以及在必要时将影片裁减到与窗口相同的内容,以及在必要时将影片裁减到与窗口相同的尺寸。尺寸。显示警告信息:显示警告信息:显示警告信息:显示警告信息:设计网页时,设置设计网页时,设置HTMLHTML标签代标签代码出现错误时是否发出警告信息。码出现错误时是否发出警告信息。12.4.2 发布动画 设置好发布格式后,单击“发布设置”对话框底部的“发布”按钮,即可完成动画的发布。发布的影片和网页 动画发布后,发布的影片或网页等将保存在动画文档所在的文件夹中,双击这些文件即可播放发布的影片。12.5 上传Flash作品 下面以将“浪花一朵朵.swf”上传到TOM网站的Flash频道为例,说明上传动画的方法:登录用户 单击“上传作品”按钮 1.打开TOM网站的Flash频道,网址为“http:/”,在打开的网页中输入用户名和密码,然后单击“登录”按钮。用户服务协议 2.单击“上传作品”链接,打开注册用户服务协议的页面,仔细阅读后,单击“我同意”按钮。“上传作品”页面 3.在“上传作品”页面中进行设置后,单击“确定上传”按钮。弹出提示框 4.弹出对话框提示上传成功,单击“确定”按钮即可完成上传。
限制150内