当前位置: 电脑软硬件应用网 > 设计学院 > 图像处理 > 正文
Flash动画Loading效果的制作(一)
Flash动画Loading效果的制作(一)
2005-12-30 19:01:20  文/45IT收集   出处:电脑软硬件应用网   

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

 

图1

  步骤1基本外形制作

  新建组件影片剪辑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

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

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


 

  • 上一篇文章:

  • 下一篇文章:
  • 最新热点 最新推荐 相关文章
    解决Fla文件编译SWF后体积过大
    Flash代码收集及常见问题解决方法
    网页不能播放flash的解决
    flash9.ocx 加载错误解决方法
    IE(浏览器)无法显示Flash文件
    新鲜玩法 Flash动画用电视观看
    Flash制作地室中的幽灵火焰
    用Flash制作即指即现的广告条
    经典!给FLASH初学者的10点制作经验
    javascript的下雨效果,比flash的…
    关于45IT | About 45IT | 联系方式 | 版权声明 | 网站导航 |

    Copyright © 2003-2011 45IT. All Rights Reserved 浙ICP备09049068号