变相怪杰 发表于 2015-1-15 22:44:10

动画教程之Flash深切进修:全Flash网站制造分析

此版本基于官方简体中文正式版制作,只需要执行一次快速安装即可使用,包含AdobeFlashProfessionalCS5.5、ExtendScriptToolkitCS5.5、PixelBenderToolkit2.6。
<P>经由一段工夫的Flash进修以后,良多伴侣入手下手对那些全Flash网站的制造产生乐趣。全Flash网站基础以图形和动画为主,以是对照合适做那些笔墨内容不太多,以立体、动画效果为主的使用。如:企业品牌推行、特定网上告白、收集游戏、本性网站等。

  制造全Flash网站和制造html网站相似,事前应先在纸上画出布局干系图,包含:网站的主题、要用甚么样的元素、哪些元素必要反复利用、元素之间的接洽、元素怎样活动、用甚么作风的音乐、全部网站能够分红几个逻辑块、各个逻辑块间的接洽怎样、和你是不是盘算用Flash建构全站或是只用其做网站的后期部分等等,都应在思索局限以内。

  完成全Flash网站效果多种多样,但基础道理是不异的:将主场景作为一个"舞台",这个舞台供应尺度的长宽比例和全部的版面布局,“演员”就是网站子栏目标详细内容,依据子栏目标内容布局大概会再派生出更多的子栏目。主场景作为"舞台"基本,基础坚持本身的内容稳定,别的"演员"身份的的子类、次子类内容依据必要被导进到主场景内。

  从手艺方面讲,假如你已把握了很多单个Flash作品的制造办法,再多懂得一些swf文件之间的挪用办法,制造全Flash网站其实不会太庞大。

  参考流程:网站布局计划―>Flash场景计划―>素材筹办―>分离制造―>全体整合源文件及数据下载
  1、全Flash网站和单个Flash作品制造的区分
  1、文件布局分歧
  单个Flash作品的场景、动画历程及内容都在一个文件内,而全Flash网站的文件由多少个文件组成,而且能够随开展的必要持续扩大。全Flash网站的文件动画分离在各自的对应文件内。经由过程Action的导进和跳转把持完成动画效果,因为同时能够加载多个SWF文件,它们将堆叠在一同显现在屏幕上。
  2、制造思绪分歧
  单个Flash作品的制造一样平常都在一个自力的文件内,企图好动画效果随工夫线的变更或场景的瓜代变更便可。全Flash网站制造则更必要全体的掌控,经由过程分歧文件的切换和把持来完成全Flash网站的静态效果,请求制造者有明白的思绪和优秀的制造习气。
  3、文件播放流程分歧
  单个Flash作品一般必要将以是的文件做在一个文件内,在寓目效果是必需等文件基础下载终了才入手下手播放。但全Flash网站是经由过程多少个文件分离在一同,在工夫流上更切合Flash软件产物的特征。文件能够做的对照小,经由过程连续载进别的文件更合适Internet的传布,如许同时制止了会见者因守候工夫太长而保持扫瞄。
2、经常使用手艺
  1、主要ActionScript代码把持
  这是全Flash网站完成的关头,特别是FlashMX新增了良多功效壮大的命令,关于这部分,请人人能够参看看看别的的材料,这里只先容部分制造全Flash网站必要利用的对照主要的ActionScript函数。
loadMovieNum("url",level[,variables])
loadMovie("url",level/target[,variables])
<P>功效申明:在播放本来加载的影片的同时将SWF或JPEG文件加载出去。参数申明:url要加载的SWF或JPEG文件的相对或绝对URL,不克不及包括文件夹或磁盘驱动器申明。level把swf文件以层的情势载进到Movie里,若载进0层,则载进的swf文件将代替以后播放的Movie,。2层高于1层。Target可用路径拾取器获得并交换方针MC,载进的影戏将具有方针MC的地位、巨细和扭转角度等属性。(团体以为用Target好些,在把持载进.swf地位时对照便利)variables可选参数,指定发送变量所利用的HTTP办法(GET/POST),假如没有则省略此参数。
  条理Level:Flash同意同时运转多个SWF文件,Flash一旦载进一个SWF文件,则占有了一个"条理",体系默许的是_Flash0或_Level0,以后的Movie则按按次放在level0---level16000里。第一个载进的SWF文件为_Flash0或_Level0,第二个假如加载到第一层时的称为_Flash1或_Level1,依此类推。注重条件是后面载进的文件没有加入,不然冲失落第一个SWF文件,第一个文件也从内存中加入。
  注重:假如你将内部的Movie加载到Leve0层大概Level0里,那末,原始的Movie就会被临时代替,要再用时还得从头Load一次,也就是说,一个Level在一个工夫里只能有一个Movie存在。在利用LoadMovie和UnLoadMovie时必需出格注重Level之间的干系,不然,当你但愿在一个工夫里只播放一个Movie而Unload失落前一个Movie时,就会呈现不用要的贫苦。
unloadMovieNum(level)
unloadMovie(level/"target")
功效申明:从FlashPlayer中删除已加载的影片。参数申明:同上
loadVariables("url",level/"target"[,variables])
功效申明:从内部文件中(比方文本文件,或由CGI剧本、ActiveServerPage(ASP)、PHP或Perl剧本天生的文本)读取数据,并设置FlashPlayer级别或方针影片剪辑中变量的值。参数申明:url变量所处地位的相对或绝对URLlevel指定FlashPlayer中吸收这些变量的级其余整数。Target指向吸收所加载变量的影片剪辑的方针路径。variables可选参数,指定发送变量所利用的HTTP办法(GET/POST),假如没有则省略此参数。
gotoAndPlay(scene,frame)
功效申明:转到指定场景中指定的帧并从该帧入手下手播放。假如未指定场景,则播放头将转到以后场景中的指定帧。参数申明:scene转到的场景的称号。frame转到的帧的编号或标签。


2、Loading的制造
  思索到收集传输的速率,假如index.swf文件对照年夜,在它被完整导进之前计划一个Loading引诱扫瞄者耐烦守候长短常有需要的。同时计划得好的loading在某些时分还能够为网站起必定的展垫感化。
  一样平常的做法是先将loading做成一个MC,在场景的最初地位设置标签如end,经由过程ifFrameLoaded来判别是不是已下载终了,假如已下载终了则经由过程gotoAndPlay把持全部Flash的播放。
  以一个Loading文件为例,在场景里到场拔出MC,
  ifFrameLoaded("end"){
    gotoAndPlay("入手下手播放的中央");
  }
  3、文本导进
  在我们制造全Flash网站的过程当中常常碰到必定量的笔墨内容必要表现,文本的内容体现与下面先容的流程是一样的,分歧的中央表现最初的体现效果和处置伎俩仍是有些分歧。
  办法1、文本图形法
  假如文本内容未几,有但愿将文本内容做的对照有静态效果,能够接纳此法。将必要文本做成多少个Flash的元件,在响应的地位布置好。文本图形法的文件载进与下面先容的处置伎俩对照相似,道理都差未几。详细静态效果就有待人人本人往思索,这里就未几先容。
  办法2、间接导进法
  文本导进法能够将自力的.txt文本文件,经由过程loadVariables导进到Flash文件内,修正时只必要修正txt文本内容就能够完成Flash相干文件的修正,十分便利。
  在文本框属性中设置Var:变量名(注重这个变量名)。
  为文本框地点的帧增加ActionScript代码:
  loadVariables("变量名.txt","");

  编写一个纯文本文件.txt(文件名随便),文本开首为“变量名=”,“=”前面写上正式的文本内容。
3、实例制造分析
  一样平常制造流程:
  网站布局计划―>Flash场景计划―>素材筹办―>分离制造―>全体整合
  1、本实例网站布局计划
  网站栏目:News、About、E-mail、Gallery、Cartoon、Animation
  子栏目About:Feiyingis、Member、Relationship、ContactUs

  红线部分组成主场景(舞台),每一个子栏目在首页里仅保存称号,属性为按钮。
  蓝线部分内容为次场景(演员),能够将次场景内容做在一个文件内,同时也能够做成多少个自力文件,依据必要导进到主场景(舞台)内。
2、首页场景index.swf的制造
  全Flash网站由主场景、子场景、次子场景……组成。
  和制造html网站相似,一样平常我们会制造一个主场景index.swf,次要内容包含:长宽比例、背景、栏目导航按钮、网站称号等“首页”信息。最初公布成一个html文件,大概本人做一个html页面,内容就是一个表格,内里写上index.swf的嵌进代码便可。
  主场景布置:

  蓝色线条部分为网站称号、版权等流动信息区,一般地点地位为Flash动画的边沿地位。
  橙色线条内容为网站栏目导航按钮,一般也是流动在某个地区。按钮能够依据必要做成静态或静态效果,乃至能够做成一个包括MC变更的Button。
  绿色线条部分为主场景导进子文件的演示地区。
  在子文件的装载方面次要用到:LoadMovieNum、UnloadMovieNum两个把持函数。
  这里我们以子栏目Cartoon的制造为例。主场景文件index中有一个按钮Cartoon,当我们点击Cartoon按钮时但愿导进cartoon文件夹下的200208.swf文件。以是我们在场景内选择Cartoon按钮,增加Action代码:
  on(release){
    loadMovieNum("cartoon/200208.swf",1);
    unloadMovieNum(2);
  }
  注重这里我们设置level为1。
3、次场景200208.swf的制造
  如今断定Cartoon子栏目必要导进的文件200208.swf,该文件企图包括5个子文件。以是200208.swf文件的界面只包括用于导进5个自力子文件的5个图形按钮和一个题目。


200208.swf
  从图上人人能够看到,200208.swf文件包括5个属性为button的小图标,分离为Bu_2_frog01到Bu_2_frog05。我们必要的效果是:点击它们则分离导进响应文件200208_frog01.swf到200208_frog05.swf文件。
  我们在场景内选择Bu_2_frog01,为这个按钮增加ActionScript:
  on(release){
    loadMovieNum("cartoon/200208_frog01.swf",2);
  }
  点击Bu_2_frog02,为这个按钮增加ActionScript:
  on(release){
    loadMovieNum("cartoon/200208_frog02.swf",2);
  }
  ……
  顺次将5个button分离设置好绝对应的action以便挪用响应的文件。
  注重:这里我们设置level为2,是为了保存并区分主场景1而设置的导进的条理数,假如必要导进下一级的层数,则层数增添为3,顺次类推。
4、二级次场景(200208_frog01~200208_frog05)制造
  这里的二级次场景是与下级联系关系的内容,是本例中三级布局中的最初一级。该级次要为全Flash网站详细内容部分,能够是具体的图片、笔墨、动画内容。这里必要毗连的是详细图片为内容,但一样必要做成与主场景比例一律的swf文件。比方:



200208_frog01

200208_frog02  该场景是最底层场景,为主体内容显现部分,详细动画效果人人能够依据必要做更深切。注重要在场景最初一帧处到场中断ActionScript代码:stop();如许能够中断场景动画的轮回举措。
  完全导进到主场景内的效果



5、About中的文本导进
  检察本例的About子栏目,在文件index.fla里设置About按钮的action:
  on(release){
    loadMovieNum("aboutus.swf",1);
    unloadMovieNum(2);
  }
  在aboutus.fla文件中做好显现文本的文本框,文本框属性设置为多行(Multiline),Var:aboutus(注重这个变量名)。

  为文本框地点的帧加ActionScript代码:
  loadVariables("aboutus.txt","");

  在aboutus.swf文件所属目次下编写一个纯文本文件about.txt,文本开首为“aboutus=”,“=”前面写上正式的文本内容。

  将文本文件完全导进到主场景内的效果


  4、注重事项
  1、注重一切子文件的长、宽属性
  全Flash网站从画面条理来看,十分相似Photoshop的层布局,我们能够把每一个子场景看作为一个层文件,子文件是在背景的长宽局限内呈现。为了便利定位,我们可让子文件与主场景坚持一致的长宽比例,如许十分便于版面布置。不然就必需用setProperty语句当心把持它们的地位。
  2、公布文件时注重将html选项公布为通明形式
  必要将每一个子文件公布为通明形式的缘故原由是不克不及让子文件带有背景底色,因为子文件的长宽比例与主场景基础是分歧的,假如子文件带有底色,就会粉饰主场景的内容。
  设置办法:在公布设置里勾选html选项,在html面板里选择windowsmode:TransparentWindowless,如图。


  3、利用文本导进时,注重文本文件开首的内容必需是“与文本框属性中Var界说名不异的字符串=注释”。别的必要导进文本的swf文件与被导进的txt文本文件最幸亏统一目次内。
  4、注重细心反省文件之间的挪用是不是准确,制止呈现“逝世链接”。


使用Flash创作的各个内容单元称为应用程序,即使它们可能只是很简单的动画。您也可以通过添加图片、声音、视频和特殊效果,构建包含丰富媒体的Flash应用程序。

admin 发表于 2015-1-17 18:32:26

它包含了下列常见的形式之一或者几种的组合:流媒体、声音、Flash、以及Java、Javascript、DHTML等程序设计语言。 

冷月葬花魂 发表于 2015-1-24 10:49:18

而作为富媒体营销概念中的重要手段,很长一段时间,或者说,在未来,富媒体技术的不断完善,Flash动画广告的优势会越来越明显。

第二个灵魂 发表于 2015-2-1 09:50:42

缺点方面~有些技术不能实现,不过FLASH技术在发展在进步,相信在以后FLASH可以取代,大部分的视频编辑软件,视频制作软件。

柔情似水 发表于 2015-2-7 04:35:00

Flash插件的最新版本允许设计者控制Box之外的元素和把Flash元素放在HTML或其它元素上面或下面,这就为交互性打开了一个崭新的世界。

变相怪杰 发表于 2015-2-20 17:12:51

矢量图形有一些固有的限制。例如,照片由于包含太多的信息而不能使用矢量图形这 种形式。但是对于由实体颜色形状构成的图像,Flash很管用。

分手快乐 发表于 2015-3-6 19:05:03

假设一个Web设计者需要让一页上的不同元素之间相互作用。如果其中的一些元素出现在Box内,而另一些在Box之外,那么设计者就很不幸。

谁可相欹 发表于 2015-3-13 07:24:18

目前动画广告在各类电视节目中有着广泛的应用,在影视及广告中占有重要地位。广州形动数码是国内领先的动画设计制作,

兰色精灵 发表于 2015-3-20 17:03:09

目前动画广告在各类电视节目中有着广泛的应用,在影视及广告中占有重要地位。广州形动数码是国内领先的动画设计制作,
页: [1]
查看完整版本: 动画教程之Flash深切进修:全Flash网站制造分析