全Flash动画网站的实现详细教程

互联网   发布时间:2008-10-06 01:13:20   作者:佚名   我要评论
本人是设计出身,对语言根本不在行,但是做flash 站没有一点as基础,什么效果也出不来,经过一段时间的摸索,和若干业务的锻炼,现在积累了一点经验,不敢独享,把这些真正由实战中得来的东西送给和我一样对程序不在行设计师以及新手朋友,老鸟们请飘过
(福利推荐:【腾讯云】服务器最新限时优惠活动,云服务器1核2G仅99元/年、2核4G仅768元/3年,立即抢购>>>:9i0i.cn/qcloud

(福利推荐:你还在原价购买阿里云服务器?现在阿里云0.8折限时抢购活动来啦!4核8G企业云服务器仅2998元/3年,立即抢购>>>:9i0i.cn/aliyun

本人是设计出身,对语言根本不在行,但是做flash 站没有一点as基础,什么效果也出不来,经过一段时间的摸索,和若干业务的锻炼,现在积累了一点经验,不敢独享,把这些真正由实战中得来的东西送给和我一样对程序不在行设计师以及新手朋友。老鸟们请飘过。

在开始之前,我想说,做出一个优秀的flash 站的重要前提是什么?我认为首先是对美的理解再次是用户界面的合理性,曾经见过很多朋友做过的全站,充斥着各种动态效果以及技术模块,但是效果却不尽如人意,看起来很有土洋结合的味道,同时也看过很多国外的源文件,我发现里面用到的技术并非非常复杂的as程序。连我都可以轻易看懂。但是无论是界面配色以及动态效果都非常的不错。可以说一个flash 站是否有视觉冲击力是它价值的首要体现,而缺乏基本的美术功底,做出来的东西就必然缺乏美观。所以我认为,任何软件或者技术都是为了实现目的而服务的,在我们努力学习as语言的同时,也应该不断的加强自己的艺术修养,而这个对美判断的能力显然需要比学任何计算机语言都要付出更多的时间去积累和沉淀。否则就算熟透as3,驾驭了air。我们同样永远也做不出优秀的作品,在文章末尾,再继续探讨。

好的,这里开始

一: flash网站的基本布局

一般来说,这个结构是我最常用的flash全站结构,在flash中,我会根据不同的页面元素进行分类,然后分布在各个层中,并且起上相应的名字,便于操作,在源文件中建议养成良好的命名习惯,通常一个全站在成型之前,这个文件,我们会对他操作n次,所以为了提高工作效率以及方便日后调用,良好的结构非常重要。
如图所示,as脚本层放置在最上方,页面中的所有元素都根据实际的深度排列到相应的层中。bg也就是页面背景放置在最下方。

1:通常影片的场景大小,我设置成1600*1200,以适应各种显示器分辨率,帧率设置成30,根据需要也可以进行调整。关于在浏览器中适应浏览的问题,我放到最后说明。这里先放下。
2:loading通常放在第一帧,而且除了背景以外,并不安排其他元素在第一帧内,这样可以保证第一帧的数据量很小。便于loading 动画的正确显示。
3:每个大型的深层次mc,以及经常需要切换到内部的mc,比如页面的mc,导航部分的mc,等等,我通常会在场景外做一个入口,也就是一个色块,因为有的mc并非在内部的第一帧就有内容,在外层的时候他是空白的,所以为了便于操作,在内部的第一帧建立一个色块,便于随时双击进入操作。
4:不要把所有的动画和内容都安排在主时间轴里,这样的操作会让你在以后的施工中非常的难于调整,甚至无法增添内容。我认为,应该把内容分成大类,然后相应的做成原件,根据内容的树状结构,相应的安排mc的嵌套。然后在各个时间轴里,用写在某个位置的as来控制各个时间轴的衔接。
比如mc1和mc2都是内部有非常复杂动画的mc,我们要mc1动画完毕后开始mc2,这时候就不要把两个mc的内部动画放在一个时间轴内,最好是分别mc1,mc2各一帧,同时在mc1内部的最后一帧上写_parent.gotoandplay(mc2所在的帧)。

相关文章

  • flash如何制作形状补间动画?flash创建补间形状技巧

    flash一款功能强大的动画制作软件,制作动画很非常的方便,但动画过程使用的都是形状补间功能。今天小编就来给大家介绍一下flash形状补间动画制作方法,感兴趣的快来看看吧
    2022-05-11
  • flash cs6怎么做花朵成长的逐帧动画?

    flash cs6怎么做花朵成长的逐帧动画?flash中想要绘制一个花开的动画,该怎么画出各个图形然后做逐帧动画呢?下面我们就来看看详细的教程,需要的朋友可以参考下
    2021-03-09
  • Flash怎么将动画复制为ActionScript3.0并使用?

    Flash怎么将动画复制为ActionScript3.0并使用?Flash中制作的动画想要直接粘贴到另一个对象中,我们可以使用复制脚本代码的方式复制动画,下面我们就来看看详细的教程,需
    2017-12-08
  • flash怎么制作漫画人物行走的动画?

    flash怎么制作漫画人物行走的动画?flash中想要制作一段行走的动画,该怎么设计呢?下面我们就来看看详细的教程,很简单,需要的朋友可以参考下
    2017-04-18
  • flash逐帧动画制作全过程解析

    这篇教程是向程序员之家的朋友分享flash逐帧动画制作全过程,教程非常基础,很适合新手来学习,推荐过来,有兴趣的朋友可以过来学习
    2016-01-15
  • Flash正确的口型吻合动画技巧

    下面小编就为大家介绍利用Flash正确的口型吻合动画技巧,教程很不错,非常适合新手来学习,推荐到程序员之家,喜欢的朋友一起来学习吧
    2015-01-15
  • Flash动画制作技巧 图形元件相关知识介绍

    这篇教程是向程序员之家的朋友介绍Flash动画制作技巧:图形元件相关知识,教程很基础,但很实用,推荐到程序员之家,喜欢的朋友可以过来学习一下,希望能对大家有所帮助
    2015-01-05
  • Flash动画制作小黑人经典动画效果技巧介绍(图文)

    本教程是向大家介绍Flash动画制作小黑人经典动画效果技巧,教程很经典,介绍的非常详细,相信对学习Flash朋友有一定的帮助。转发过来,希望对大家有所帮助
    2014-08-05
  • Flash制作旋转的3D立体盒动画教程

    本教程是向大家介绍利用Flash制作旋转的3D立体盒动画教程,制作出来的效果非常好看,教程介绍的很详细,希望大家通过本篇教程能学习Flash制作3D动画的方法,这样以后就可以
    2014-07-22
  • Flash cs3制作人物行走动画技巧图文解析

    本教程向大家介绍了Flash cs3制作人物行走动画技巧,并做了详细的介绍,觉得教程很不错,转发过来,希望给朋友们带来帮助
    2014-07-15

最新评论

?


http://www.vxiaotou.com