This Domain(Admin5.com) is for Sale:

Flash动画Loading效果的制作(一)

时间:2007-11-14  来源:收集  作者:TUPS

  大家应该已经把握了一些基本的Flash动画制作要领。祝贺你,不过,不要骄傲,因为还有很多知识我们还没来得及介绍呢。好比今天这个“Loading”吧,它经常被用在Flash动画的开头,一个好的下载等待条会让原本枯燥乏味的等待变得生动有趣!我们先来看看今天这个动画的最终效果吧(图1)。 本文来自织梦

dedecms.com

图1

内容来自dedecms

  步骤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)。

dedecms.com

  步骤3下载进度数字制作 织梦内容管理系统

  对应层3,下面我们就要制作下载指示数字了。新建层4,要害帧的安插与层3完全一致。在第1帧中写入红色的5%,依次类推,在第69帧中写入100%。 织梦内容管理系统


图3 dedecms.com

  好了,现在播放一下动画,是否看到了一个不错的Loading效果呢?不要着急,现在还没有做完呢。在主场景中拖入组件mov_play放置在你要展示的动画前部,并且增加动作“ifFrameLoaded(1)”来真正实现一个Loading的效果。

内容来自dedecms

  那如何判定下载呢?在下一次的实例制作中,我们会给大家介绍的,下周见啦!

织梦好,好织梦



本文来自织梦

看完这篇,您有何感觉呢?

文章评论

共有位Admini5网友发表了评论 查看完整内容

推荐信息

24小时热门信息