下载LOAD制作 源文件下载 素材下载
由于我们有很多的朋友在制作FLASH动画作品的时候,添加了一些背景音乐在动画作品中,因为,音乐文件即使是经过了压缩处理,那么,它的音乐文件也是很大的。这样,无疑会增大了我们制作完成后的作品容量。也就是说:在网络中打开作品的时候,会受到网速的限制,出现断续的现象。为了解决这个问题,我们下面介绍一种,在已经完成的作品上添加一个Loading下载动画的过程。
如果在同一场景前(也就是场景1中)添加loading下载动画过程,由于我们事先完成的作品比较大,向后移动所有的时间帧容易引起误错,在这里给大家介绍一种简单的,在下新增加的场景2中制作loading下载动画过程的方法,本实例中只显示进度条和下载的百分比。
当然,关于制作loading下载动画过程的方法有很多,大家可以根据自己的需要,任意采用一种方法都可以实现下载的效果。
1.首先打开Flash MX软件,在文件菜单下,选择打开,将你上次保存的原文件打开。在文件菜单下,选择另存为,给文件起名为(你那里下雪了吗?9)
2.选择修改菜单下的场景,打开场景对话框,点击场景面板右下角+按钮,增加一个场景2。这个“场景2”就是我们用来做loadding下载动画过程的场景。托动场景2到场景1的上面。然后。将场景面板关闭。(图12-1)

3.在场景2中的图层1上,分别插入图层2、图层3、图层4、图层5。 从上到下分别命名为:action、进度条、按钮、动画和背景图层。(图12-2)
|
 |
4.选中action图层第1帧,打开下面的属性面板,在<帧标签>处,输入"play"(加上帧标签play)。(图12-3)
5.在action图层第1帧上,点鼠标右键,选择动作。在场景2的下面,将打开动作-帧面板,在动作-帧面板的右侧,点击视图选项按钮,在下拉的菜单中选择专家模式,在专家模式下,将下面的脚本代码拷贝并粘贴到动作-帧面板中(也可以拷贝原文件中的脚本代码)。
total = _root.getBytesTotal();// 将电影总字节数赋值给total变量
loaded = _root.getBytesLoaded();// 将已经下载的字节数赋值给loaded变量
load = int(loaded/total*100);// 取整计算已下载的字节数的百分比并赋值给变量load
loadtxt = "loading"+load+"%";// 把已下载的字节数赋值给动态文本变量loadtxt
_root.进度条.gotoAndStop(load);// 进度条同时按百分比数跳转到相应的帧上去;
在动作-帧面板的上面,选择第5个语法检查按钮,将出现此脚本中没有错误的提示。(图12-4)

6.在action图层的第6帧,插入一个关空白关键帧,将下面的脚本代码,拷贝并粘贴到动作-帧面板中(也可以拷贝原文件中的脚本代码)。
if (loaded == total) {
gotoAndStop(6); //如果下载字节数=总字节数,跳转到6帧停止
} else {
gotoAndPlay("play");
} //否则跳转到标签名"play"的帧,继续下载
在动作-帧面板的上面,选择第5个语法检查按钮,将出现此脚本中没有错误的提示。
7.选择插入菜单下的新建元件,名称为进度条,行为影片剪辑,确定。
(1)在进度条影片剪辑的编辑场景中,将图层1改名为填充色。在填充色图层的第1帧,选择工具栏中的矩形工具,在窗口菜单下的混色器面板中,设置填充样式为线性,填充颜色任意,在编辑长中画一个无边框的矩形条。
(2)选中编辑场景中的矩形条,在下面的属性面板中,设置矩形条的大小为300*25。并利用对齐面板,将矩形条对齐编辑场景的中心。
(3)在填充色图层的第100帧,插入关键帧。选中第1帧,在下面的属性面板中。将补间设置为形状。
选中编辑场景中的矩形条,在下面的属性面板中,将矩形条的宽设置为3。打回车看动画效果,矩形条会
由左向右不断的延伸。
(4)插入图层2,改名为边框线。在边框线图层的第1帧,选择工具栏中的矩形工具,在编辑场景的矩形条上,画一个有边框、无填充色的矩形边框线。矩形边框的大小,以正好框住编辑场景中的矩形条为准。选中编辑场景中的矩形边框,在属性面板把笔触高度调整为2,边框线的颜色任意。
|
8.选择场景2中的进度条图层第1帧,打开窗口菜单下的库面板,将库面板中的矩形条影片剪辑元件,拖拽到编辑场景中,并摆放到合适的位置上。然后选中编辑场景中的进度条影片剪辑元件,打开下面的属性面板,在影片剪辑下的实例名称中输入进度条。并在第6帧插入普通帧。(图12-5)
9.选中进度条图层,选择工具栏中的文本工具,在下面的属性面板中,设置文本类型为动态文本,字体为Arial, 变量名为loadtxt,单行,字体的大小和颜色任意,在场景2中的合适位置,输入一个动态文本框.(图12-6)
|
 |

10.在按钮图层的第6帧,插入一个空白关键帧,选择窗口菜单下的公用库中的按钮面板,找到一个自己喜欢的播放按钮,并拖放到场景2中的合适位置,调整按钮的大小。也可以自己做一个你自己喜欢的或者与你的作品风格一致的按钮。
11.在场景2中的按钮元件上,点鼠标右键,选择动作,在场景2中打开动作-按钮面板,将下面的脚本代码,拷贝并粘贴到动作-按钮面板中(也可以拷贝原文件中的脚本代码)。
on (release) {
gotoAndPlay("场景 1", 1);//释放按钮,跳转并播放场景1的第1帧
}
12.制作下载动画
(1)首先选择插入菜单下的新建元件,名称为立方体背景,行为图形,确定。
(2)在立方体背景的编辑场景中,可以导入一张你喜欢的背景图片,也可以用我们现在库面板中的背景图片。
(3)选择插入菜单下的新建元件,名称为立方体,行为影片剪辑,确定。
(4)将图层1改名为立方体。在立方体图层的第1帧,在文件菜单下选择导入,将SWF文件导入到编辑场景中。(也以使用3d软件自己制作一个形体导入)选中立方体图层的第1帧,选择修改下的分离,将场景中第1帧的元件打散。利用这方法分别把立方体图层的每一个关键帧打散。
(5)插入图层2,改名为面1:选中立方体图层的第1帧,把立方体图层第1帧的图形复制到面1图层第1帧的当前位置。方法是:选中立方体图层的第1帧,选择编辑菜单下的拷贝,回到面1图层的第1帧,选择编辑菜单下的粘贴到当前位置。这样就把立方体图层第1帧的图形,复制并粘贴到了面1图层第1帧的当前位置上了。
(6)在面1图层的第2帧插入空白关键桢,利用上面的方法,将立方体图层第2帧上,场景中刚才矩形所在的面(我们把它设置为面1的那个面)拷贝并粘贴到面1图层的第2帧的当前位置上。
(7)在面1图层的第3帧插入空白关键桢,利用上面的方法,将立方体图层第3帧上,场景中刚才矩形所在的面,拷贝并粘贴到面1图层的第3帧的当前位置上。
(8)在面1图层的第4帧插入空白关键桢,利用上面的方法,将立方体图层第4帧上,场景中刚才矩形所在的面,拷贝并粘贴到面1图层的第4帧的当前位置上。(图12-7)(面1只有4帧。)

(9)点黑立方体图层,插入图层3,改名为背景1。将库中的背景图形元件拖拽到编辑场景中。在面1图层上单击鼠标右 键,选择遮罩层。选择控制菜单下的测试场景,就可以看到运动的正方体上,我们选择的面1贴上图片了。 然后,将面1和背景1空白关键帧以后的延长帧删除。选择控制菜单下的测试场景,在编辑场景中,可以看到我们刚才做的面1的效果。
(10)点黑立方体图层,插入图层4,改名为面2。由于第2帧上没有我们要选择的面2,那么我们就在面2图层的第2帧,插入空白关键帧。根据面1图层的相同制作方法,先在面2图层建立空白关键桢,然后,将立方体图层上场景中 面2的图形,复制并粘贴到面2图层的当前空白关键帧上,依次做完面2的所有帧内容。(面2有8个帧)(图12-8)

| (11)点黑立方体图层,插入图层5,改名为背景2。在面2的第2帧上插入空白关键帧。将库中的背景图形元件拖拽到 编辑场景中。在面1图层上单击鼠标右键,选择遮罩层。 选择控制菜单下的测试场景,在编辑场景中,可以看到我们刚才做的面2的效果。
做到这里,大家应该明白以下的做法了哦。大家特别需要注意的是:一定要在面的图层上先建空白关键桢,然后把立方体图层里相应的帧、相应的面,用编辑菜单下的粘贴到当前位置,粘贴到面图层相应的帧上。这里大家最好作一个面就测试一下,以免弄错,后面就不好改了。
(12)同理作好所有的面,这里大家不要把立方体图层马上删掉,等我们最后在主场景测试完成没有错误了,再将立方体 图层删除。(图9)
13.回到场景2中,在动画图层的第1帧,打开窗口菜单下的库面板,将库面板中的立方体影片剪辑元件,拖拽到编辑场景中,并摆放到合适的位置上。可以,利用窗口菜单下的变形面板,进行大小的调整。在第6帧插入普通帧。
14.在背景图层的第1帧,打开窗口菜单下的库面板,将库面板中的gif过度背景元件,拖拽到编辑场景中,选中场景2中的背景图片,在下面的属性面板中,设置图片的大小为550*400。并利用对齐面板,将场景2中的背景图片对齐场景中心。 |
 |
现在,我们的Loading下载过程已经制作完成。如果我们要看下载动画的效果,可以选择控制菜单下的测试影片,在测试 影片的情况下,选择查看菜单下的显示数据流,等候一会,我们就可以看到下载的进度条和Loading%的显示了。(图10)