若相依 发表于 2015-1-15 21:05:08

FLASH教程之Flash制造粉嫩的花瓣随风舞动-Flash实例教程

Flash8支持一种新的编码格式(On2的VP6),这种编码格式与Flash7的视频编码格式相比,有了很大的提高。
点击这里前往Flash教程栏目。

  常识点:
  a、突变色,形变化画的使用。
  b、元件的as标识符。
  c、attachMovie的使用。
  d、movieClip的各项属性的利用。
  e、滤镜的使用。

[全屏浏览]

< 使用剖析:
  本题最后是匡助伴侣做一个视觉效果,做一朵花开放的效果出来。剖析一下,花是由一片片花瓣构成,做完每片花瓣的舒展动画,然后复制多少个这个动画,让其围绕一圈播放,那末就能够构成一层花瓣绽放的效果,然后做多层这类效果,终极就能够构成一朵花的效果。注重必需利用flash8.0以上的播放器。

  那末成绩很复杂,起首要做花瓣。

  创建一个空MC,定名为"huanban01",用钢笔工具画一个花瓣,注重花瓣的表面要利用绿线,而花瓣内要利用中央突变色添补。花瓣的巨细把持在长度100象素摆布。注重该花瓣元件的界说点中央应当在花瓣的根部。(这是为了未来复制的时分,花瓣能够根部为中央举行围绕)拜见图pic01.jpg:
  


  在1-30帧之间,做一个花瓣舒展的动画,实在就是在第1帧把花瓣减少,然后用形变化画让其缩小。拜见图pic02.jpg:



  在30-160帧之间,做一个花瓣稍微舞动的效果,也很复杂,只是让花瓣的形状略微有一点变更便可。你也能够做的长一些,好比30-400帧之间,多做几个关头帧。在最初一帧上加上as:

  gotoAndPlay(30);
  如许,花瓣在稍微舞动以后会跳回到30帧持续舞动,如许一个花瓣便完成了,你能够把这个元件拖加入景中,寓目一下播放效果。


  每一个花瓣的外形不成能一样,因而,我们有需要多做几个花瓣,你能够反复上述步骤,做出"huanban02","huanban03",让它们的形状和"huanban01"有所区分,稍微舞动的频次也有所区分。

  接上去一步,我们必要把元件库里的这几个花瓣加上标识符,以便未来挪用。元件库里鼠标右键点元件"huanban01",在菜单里选择"链接...”,弹出对话框,勾选“为actionscript导出”,“在第一帧导出”,然后在标识符一栏里写上"huanban01",点断定。拜见图pic03.jpg:
  


  "huanban02","huanban03"一样加上标识符。注重元件的标识符是独一的,不成反复,每个元件加上标识符以后,运转时就能够将他们随时挪用出来利用了。

  上面必要做一层花瓣,新建一个MC,定名为“花瓣层1”,帧上也许拜见图pic05.jpg:



  在第1帧里写上:

  quan=random(3)+10;
  n=1;
  quan这个变量是用来盘算该层花瓣一共有几个,假如写quan=10,那末该层花瓣就一共有10片,random(3)是一个随机函数,它的感化是随机天生0-2的随机整数,那末quan的实践值应当为10-12的随机整数。n=1,是计数器,不赘述。在第2帧里写上:


  for(i=1;i<=quan;i++){
  temp=random(3)+1;
  this.attachMovie("huaban0"+temp,"huaban"+n,n)
  lik=this["huaban"+n]
  lik._rotation=360/quan*i+random(10)-5;
  lik._alpha=random(10)+60;
  lik._xscale=random(20)+100;
  lik._yscale=random(20)+100;
  temp=random(2);
  if(temp==0){
  lik._yscale=-lik._yscale;
  }
  n++
  

  }
  this.attachMovie("huaban0"+temp,"huaban"+n,n)的感化就是随机从库里抽出"huaban01","huaban02","huaban03"元件,定名为,"huaban"+n的实例,复制到本元件内
  lik=this["huaban"+n]是用lik变量锁定该复制的实例,便利前面操纵。
  lik._rotation=360/quan*i+random(10)-5;的感化就是把花瓣围绕散布,+random(10)-5的目标是为了让花瓣的扭转角度有必定偏向,不至于宁靖均。
  lik._alpha=random(10)+60;的感化是让花瓣的通明度在60-70之间取随机值。
  lik._xscale=random(20)+100;的感化是让花瓣的长度在100%到120%之间取取随机值。
  lik._yscale=random(20)+100;的感化是让花瓣的宽度在100%到120%之间取取随机值。
  temp=random(2);
  if(temp==0){
  lik._yscale=-lik._yscale;
  }
  以上语句的感化是随机让花瓣以中轴举行翻转。n++;计数器+1。在第90帧写上:

  stop();
  云云,该层花瓣已完成,能够把该MC拖进场景,察看效果


  花是由多层花瓣构成的,因而,有需要多做几个,能够把下面“花瓣层1”元件复制多少个,修正个中的参数,让其天生花瓣的数量,是非,通明等等有必定区分。分离拉进场景

  源文件下载:test05.rar

  此时,基础已竣工。上面必要做的是组装花朵。新建一个MC,定名为“花”,按下图所示,分离将几个花瓣层组件分派到分歧的层中,将他们叠放在一同。最初在最下层放一其中心点。(你也能够放一个花蕊甚么的)拜见图pic04.jpg:



  将本元件拖进场景总,播放,效果大抵如test06.swf所示:

  源文件下载:test06.rar

  这时候的花看起来还对照立体化,短少细节,因而,我们必要给花增添效果,让其看起来更丰厚。起首进进“花”组件中,给每层花瓣都增添两种滤镜,分离是投影和发光。大抵的设置以下。拜见图pic06.jpg,pic07.jpg:





  然后,进进场景中,给“花”组件也增添一种滤镜“调剂”色彩,大抵设置以下。拜见图pic08.jpg:



  经由如许一改,花朵的效果就丰厚良多了,大抵效果如test07.swf所示:

  源文件下载:test07.rar

  教程后思索题:
  1、为何非要在每个“花瓣层”上增添投影和发光,假如只在“花“组件上增添这两种滤镜,效果会怎样?
  2、有没大概再做一花瓣倒退腐败的效果?
  3、假如想做花蕊,可不成以用相似的办法来做?

flash是Macromedia公司的一个的flash动画制作软件。我们可以从Macromedia公司的主页上下载flash的试用版。

再见西城 发表于 2015-1-24 11:46:29

所以不要使用不必要的高祯率 - 否则老的、慢的计算机在显示动画时会阻塞。

飘灵儿 发表于 2015-2-1 10:48:48

向量图有一个特点,就是放大后的图像是不会改变的. 点阵图 向量图Flash的应用,还有再不断在完善的Action Script脚本语言。

莫相离 发表于 2015-2-7 07:20:40

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

精灵巫婆 发表于 2015-2-21 11:14:04

flash 有这么多的优势,那么它的优缺点和设计方面的关系是什么?

若天明 发表于 2015-3-6 21:18:22

FLASH网站建设的页面非常美观,互动性很强。在企业网站中,FLASH动画作用主要在于突出企业品牌的效应,彰显企业形象的实力。

小魔女 发表于 2015-3-13 22:09:54

flash的优缺点可以如何运用呢?

小女巫 发表于 2015-3-20 21:19:18

用户在观看广告的时候,无法通过正常点击鼠标来查看广告的尺寸、字节数、所链接的URL广告本身信息。
页: [1]
查看完整版本: FLASH教程之Flash制造粉嫩的花瓣随风舞动-Flash实例教程