Flash动画Loading效果的制作(一)
大家应该已经把握了一些基本的Flash动画制作要领。祝贺你,不过,不要骄傲,因为还有很多知识我们还没来得及介绍呢。好比今天这个“Loading”吧,它经常被用在Flash动画的开头,一个好的下载等待条会让原本枯燥乏味的等待变得生动有趣!我们先来看看今天这个动画的最终效果吧(图1)。 本文来自织梦
dedecms.com
图1
步骤1基本外形制作 内容来自dedecms
新建组件影片剪辑mov_wheel,进入组件编辑。这里就要用到我们前面学到的知识了,多次使用椭圆工具。首先绘制一个外侧圆环,渐变填充浅灰到深灰,再绘制内部的部分,填充色为深灰向浅灰过渡。最终达到如图2的效果,即是合格了。 织梦内容管理系统
新建图层,绘制一个与前面制作的组合图形中心一致的更大的圆,完全遮住下面的组合图形。观察图1,我们知道在圆盘上需要6个小圆区域,这里把大圆上位于这几个小圆位置的部分掏空,其余部分保留。设置该层为遮罩层。现在我们发现在图2的基础上,那几个小圆变成了背景色。
新建图层3,在被掏空的小圆位置绘制浅灰色空心圆环,现在圆环就有立体感多了。设置3个层的有效帧数都是72帧。接着设置第2、3两层都是动作渐变,动作均为顺时针旋转1周。
本文来自织梦
图2
本文来自织梦
步骤2下载进度小球制作 织梦内容管理系统
返回主场景,新建影片剪辑组件mov_play,将前面制作的组件mov_wheel拖入其中。设置该层有效帧为72帧。新建层2,拖于层1的下方,绘制一个和上方圆盘外围圆环大小基本一致的蓝色圆环。 织梦好,好织梦
新建层3,在有小圆的那个圈的时钟12点位置绘制一个彩色小球,将它设置为图形组件。由第1帧起,每隔4帧(如1、5、9……)就在这个圆径上粘贴一个小圆球,直到第69帧贴入最后一个小球,形成图3的状态(这里隐藏了层1)。
步骤3下载进度数字制作 织梦内容管理系统
对应层3,下面我们就要制作下载指示数字了。新建层4,要害帧的安插与层3完全一致。在第1帧中写入红色的5%,依次类推,在第69帧中写入100%。 织梦内容管理系统
图3 dedecms.com
好了,现在播放一下动画,是否看到了一个不错的Loading效果呢?不要着急,现在还没有做完呢。在主场景中拖入组件mov_play放置在你要展示的动画前部,并且增加动作“ifFrameLoaded(1)”来真正实现一个Loading的效果。
内容来自dedecms
那如何判定下载呢?在下一次的实例制作中,我们会给大家介绍的,下周见啦!
织梦好,好织梦
本文来自织梦
文章评论
共有位Admini5网友发表了评论 查看完整内容