FLASH loading制作

FLASH loading制作
[color=#333333] 几乎所有优秀的成熟的Flash作品都少不了Flash Loading的画面(也就是我们常说的Flash中的预载画面)。因为如果没有Actionscrip(以下简称AC)对整个动画作品进行控制的话,动画就会边下载边播放,严重地破坏作品欣赏的整体性。而制作一个好的预载画面,一来可以判断动画是否下载完全;二来可以让浏览者在等待中得以欣赏,尤其是一个好的预载动画往往会给浏览者一种震撼。下面我们就来分析一下Loading动画的制作方法。
==============================================================
真假Loading动画
Loading动画也有真假之分的吗?当然!许多Flash作品的Loading动画根本没有用AC对动画是否下载完了做出正确的判断,其做法一般在整个动画的前面加入一点动画,如写着Loading字样的动画,并且事先规定好了这段动画的播放时间。所以不论网络的带宽是多少,Loading动画的长度是不变的,这实际跟没有Loading是一样的。而要做真正的Loading动画,就必须要懂得AC。
利用AC制作Loading下载指示条
Loading下载指示条在Flash作品中是很常见的,利用这样的指示条可以实现真正的交互,给浏览者一个实时的信息。这种Loading的制作方法要求对AC熟练程度较高,限于篇幅这里就不进行深入的分析说明了,其做法的要点是:运用Flash5新增加的属性“_framesloaded”和“_totalfrmes”的比值来实现,并且把数值传递到一个“dynamic text”中输出。用这个比值来控制精度条的缩放,以达到“补血”的动画效果。用同样的方法,我们可以利用getbytesloaded()、getbylestotal()和gettimer()计算出带宽,剩下的具体步骤留给读者自己完成。
制作Loading动画演示效果
下面主要说使用简单的AC判断电影下载是否完全,和Loading动画演示效果的制作
FLASH loading制作
原理:制作时主场景动画留下前两帧放Loading判断和Loading动画,第三帧开始是主动画。因为MC可以自己独立播放,所以只需要制作一个MC动画,接着放在第一、二帧的判断循环中就可以了。
举例(预载画面只有一个Loading闪烁的制作方法):
1. 首先在电影的最后一帧定义个名叫“end“的标签;
2.然后定义第一帧的AC为ifFrameLoaded (“end”) { gotoAndPlay (3); },第二帧的AC为gotoAndPlay (1);
3. 接着开始制作闪烁的Loading MC。新建一个MC,命名为“Loading“,用文字工具在场景中输入文字,此例中输入“Loading……”,接着在第二帧插入一个空帧。由于MC的自身循环播放,所以就能产生闪烁的效果。
4. 然后把此MC拖入到主场景的第一个影帧中,此例完成。
Loading动画演示效果进阶制作
其实现在很多动画基本上都是运用了这个原理,只是在细节中表现手法不同,另外也加入了一些AC进行控制。各种效果不同的Loading,我们在ShowGood的作品中看到不少。例如《神啊,求求我吧》这个MTV的Loading,其主要是一个鼠标的MC跟随效果(图1)。要实现这种效果不难,这里就介绍一种简单的类似的实现方法。Loading的原理和刚才介绍的制作方法类似,用一、二帧做判断。不同的是,这里第四帧才是主动画,第三帧放按钮做个选择。制作方法如下:
1. 新建一个Flash文件,新建一个MC,命名为“Loading”,添加动画背景。
2. 这里Loading MC的制作有些不同,需要用两个MC来完成,要再新建一个MC作为鼠标跟随效果,命名为“mousem”。这里可以模仿ShowGood的旋转星星制作一个动画MC(留给读者自己制作)。
3. 接着我们把刚做好的mousem MC拖放到Loading MC中并加入AC:startDrag (“mousem”);,然后再把Loading MC拖入场景中。
注意:在MC的时间轴一定要在第三帧的地方插入一关键帧,也就是按F6键。
4. 接下来做第三帧。创做一个PLAY的按钮(图2),新建一层,然后在第三帧插入一关键帧,把按钮放入适当的位置并定义这个按钮的AC为:on (release) { gotoAndPlay (4);}。另外在该层第三帧加入一个AC:Stop();。
这样,一个可爱的Loading效果就做好了。
其他的Loading动画效果都是上面的派生。不过想做好一个动画还真不是件简单的事情,不仅要有好的创意和好的美工,还要有对一些常用AC的了解和运用。这些方面的内容只有留给读者们自己慢慢提高了[/color]

未经允许不得转载:Windy's Blog » FLASH loading制作

赞 (0)