解析Flash Web过渡动画层的表现-新闻中心-精英教育网

解析Flash Web过渡动画层的表现

　来源：精英教育网综合　更新时间：2008-3-14　http://www.edu5a.com

精英教育阅读提示：先来谈谈开场动画。开场动画时间一般比较长，反映在时间轴上就是好长好复杂的一段帧结构。第一帧一般是loading画面，最后一帧一般是网站的主框架。这里就存在一个如何安排帧的问题。记得以前见有人在论坛上发帖说Flash web最好不要分场景，其实他的说法是片面的，对于没有过渡动画的Flash web来说，完全可以这么做，可对于大量过渡动画的Flash web就另当别论。

■ 最新课程推荐

更多课程>>

学校

培训课程

开课时间

上课地点

精英价

报名

北师大

平面设计创意全科班

电话预约

北京师范大学

￥1300

理工文化

平面设计取证班

电话预约

理工大学教学

￥1078

金同方

CAD绘图全天班

电话预约

人大总部

￥568

金同方

苹果平面设计全天班

电话预约

人大总部

￥960

理工文化

平面设计提高班

电话预约

理工大学教学

￥2891

　　早期的Flash web大都含有丰富的过渡动画，有的还给每个子栏目的过渡也添加了绚丽的动画效果。总的来说动画层可以分为三种：

　　1　开场动画

　　2　栏目过渡动画

　　3　点缀动画

　　先来谈谈开场动画。开场动画时间一般比较长，反映在时间轴上就是好长好复杂的一段帧结构。第一帧一般是loading画面，最后一帧一般是网站的主框架。这里就存在一个如何安排帧的问题。记得以前见有人在论坛上发帖说Flash web最好不要分场景，其实他的说法是片面的，对于没有过渡动画的Flash web来说，完全可以这么做，可对于大量过渡动画的Flash web就另当别论。如果你不分场景，必然造成代码和动画混杂在一起。而一般来说，控制网站主要功能的代码都在过渡动画之后的帧上，在后续的代码编写过程中，你每次可能都要把时间轴拉到几百甚至是上千帧之后，这也非常的麻烦。笔者的建议是：把过渡动画做在一个场景中，然后复制过渡动画最后一帧的网站框架帧到第二个场景中，主要的功能代码也都将集中在这个场景，这样就有效的把动画和代码进行了分离，编写代码时时间轴看上去也舒服些。还有一种比较常见的做法是，给过渡动画加上一个skip按钮，如果浏览者点击了这个按钮，马上就会loadMovieNum(main.swf,0)进一个新的main.swf，而这个main.swf就网站的主框架了。这种做法与前一种其实类似，只不过它把动画和主框架从分在两个场景变成了分在两个SWF，而且还能让浏览者自己选择是否观看过渡动画，有更大的灵活性。

　　再来谈谈栏目过渡动画。栏目过渡动画主要指在你点击一个导航按钮打开一个新的栏目时所显示的一段动画，还拿最新版龙城闪客举例，它在打开一个新的子栏目时会先把上一个栏目变成很多小方块，然后飞到左边的神秘空间中，这时又从神秘空间里发出一道神秘的光线，并在这道光线的沐浴中出现新栏目的加载画面。我没有破解过最新版的龙城闪客，不知道他到底是怎么安排这个动画的，但我有自己的想法。如果这个过渡动画是集成到主框架的，那过渡动画中最好不要写代码，而是在主场景中通过侦测过渡动画的当前帧和总帧数来确定何时加载子栏目SWF;如果每个子栏目的过渡动画效果不同，那最好把每个子栏目SWF处理成一个独立的网站，其结构应该遵循在“开场动画”中提到的规则。

　　点缀动画没什么好说的，你把它想象成在HTML网页中起美化作用的GIF动画就好了，当然它比GIF动画更生动，使用也更灵活，还可以具有交互性。

　　总之我的主要思想就是尽量把动画和代码分开，以便自己以后方便查找和修改代码。同时保证网站结构工整。

　　如对于本文有任何疑问、意见以及建议，请在文章底部的留言板上留言。

下一篇：解析Flash Web结构之数据显示层

　　前面讲Flash　Web背景层的时候已经提到了数据显示层。由于笔者基本不使用组件，所以对笔者来说，数据显示层主要是指TextField，或者用MC简单包装的TextField。它们是网站信息的主体部分，一般都是动态的调用外部信息。当然，由于我用MC进行了包装，它们也可以作为按钮使用，比较常见的就是标题列表，比如我主站上三个子站最新发布列表。

　　就像我前面说过的，数据显示层要尽量的精简体积，它是一个Flash web浏览效率的关键，不适合做大量的效果，尤其是位图效果。而它的结构也要尽量清晰且工整，便于代码控制。对于Flash...[查看详情]

关键词：设计制作 Flash Web 过渡动画


	北师大　火星时代共举影视动画培训之鼎		北大BEC培训官方报名网站现在报名独享93折!		2008美国夏令营启航！美之旅官方报名网站		2008留学第一站留学资讯尽在精英留学站！

上一篇：解析Flash Web的四层结构
下一篇：解析Flash Web结构之数据显示层

　相关新闻

·题库：网络设计师训练实战测试试题	·位图转矢量图有哪些方法和技巧？
·Flash对联广告及关闭按钮的制作	·用Fireworks也能为照片做精美边框
·透明的flash是这样制作出来的	·只有八行代码的动态自适应文本框
·玩转 Dreamweaver8.0:速记 CSS 属性	·玩转Dreamweaver8：CSS层叠样式表
·DreamweaverASP实现分页技术	·Dreamweaver网页制作技巧：使用模板
·Flash技巧代码：播放进度控制	·Photoshop常用快捷键大放送
·Photoshop辅助线与标尺应用技巧	·Photoshop概念命令总体说明
·Adobe正式停止开发FreeHand 19年寿命终结	·Adobe ColdFusion 8 Beta 公开发布

◇ 重点栏目导航

教育江湖	英语培训	多语种	职业认证
计算机	企业管理	商学院	考研新闻
在职研修	高考新闻	出国留学	远程学习

◇ 精英服务承诺

教育顾问：010-51660910
QQ交流：138660910