如何建立一个动画按钮,使用快闪记忆体

时间: 15分钟。
难度级别:中级
要求:闪存八日
假定知识:基本actionscripting ,用行动窗口中,使用变量,创建符号。

  

目的:
我总是想,以动画按钮,从拥有actionscript并保持我的时间表明朗,但它是一种硬,直到我偶然发现这tweening发动机,从延长。 本教程中运用了tweening引擎,以动画按钮。 这确实是一个伟大的工具,我这样说是因为它花了我不少时间很少,使一个动画。

样品&简介
你可以检查出按钮动画在这里,你也许要看到它在行动上。 坦率地说,我碰到与生动活泼的一个按钮样的,我每次都必须建立一个网站;由于此扩展,现在的工具之一,我可以依靠的时候开始,一个新的项目。

在您开始:

请下载源文件: animated_button.flatweeningengine.mxp 。

用tweening引擎:

为起动器,安装" tweeningengine.mxp "延长(你只需要双击它,而它会引导你,以延长经理) 。 你将不得不打开/重开闪光灯。

建立新文件。 设定帧速率为35 。
作一个电影剪辑包含矩形与圆形弯道,另一项规模较小的,因为身高和同一个打火机,颜色除了第一次和alpha设定为50 ,然后放入文本为按钮。
说出这些公司的名字和名称也事例。 (我backofbutton , frontofbutton及其相应的事例:鲍勃和离岸价格) 。
再作电影剪辑包含所有上述提到的电影片断和文字进行编排。 命名为mybutton -例如姓名: m yb基因。

从现在起将只有少许的编码需要做,但是你不应该担心,它会在结尾加上一个优良动画后,正是六线。

前两项都是用进口tweening班和闪光灯过渡/缓和阶级和他们应插在行动窗口的第一帧内" mybutton "电影剪辑。

进口xtd.tweening .* ;
进口mx.transitions.easing .* ;
进口flash.filters.dropshadowfilter ;

我们到了一部分时,我们应该动画按钮。 守则娄即将大规模离岸价格,以缩小它, textcoloring将改变颜色的文字和backshadow将使按钮下落式阴影。

无功stripshrink =新吐温(离岸价格, " _yscale " , bounce.easeout , 95 , 0 , 10 ,假) ;
无功textcoloring =新colortween ( textline , strong.easeout , "当前" , " 663300 " , 8 ,虚假) ;
无功backshadow =新filtertween (鲍勃,新dropshadowfilter ( 1 , 90 , 0x000000 , .5 , 5 , 5 , 1 , 3 ) , "距离" , strong.easeout , "当前" , 10,20 ,假) ;

正如你可以看到有以下三种类型的tweens每一个很简单的了解后,更遑论该实例的影片剪辑,它是指,财产吐温会有所改变,缓和型,其出发值时,结束值时,会期如果吐温会自动启动与否。

 正如我们所选择的"假" ,为" autostart "财产, tweens会开始时,又为老鼠超过: this.onrollover =功能( ) ( stripshrink.start ( ) ; backshadow.start ( ) ; textcoloring.start ( ) ; ) ; 
  this.onrollout =功能( ) ( stripshrink.reverse ( regular.easein ) ; backshadow.reverse ( regular.easeout ) ; textcoloring.reverse ( regular.easeout ) ; ) ; 

当老鼠不再是我们的掣tweens将得到扭转,与不同的缓和功能。

闭幕

总结所有我所取得的,通过这个简单的动画,首先让我提醒你,有六码线,在15分钟或更短时间内,没有任何时限的修改有创造了一个按钮,动画制作等。

感谢您阅读本教程,希望您能找到有用的,这补习,以及工具,我用,使动画按钮。

这是一篇文章说,由teodora andra
免责声明:我们的网站是不负责所载资料由本条规定。 这篇文章根本没有反映看法,意见,思想或信仰的文章目录中的工作人员。

翻译预告:文章"如何建立一个动画按钮使用闪光"被翻译使用的自动翻译服务。 我们真诚地道歉,对任何翻译错误发生。 谢谢你的谅解。

Online: 670 users browsing the articles directory