您当时的方位:主页 > 运用软件 > Adobe Flash

Flash水晶按钮制造和运用

2014-11-04  

简介:本例介绍运用Flash制造水晶按钮以及水晶按钮的运用,教程具体讲解了制造进程,适宜新手朋友学习,感爱好的朋友能够到论坛提交作业~~
本文由 我国教程网 随意 原创,转载请保存此信息!

写给FLASH初学者的——水晶按钮制造教程及按钮的运用办法

自己学习Flash也才两个多月,还很菜的哈,这个教程实际上仅仅自己学习Flash的一点心得,写出来给初学Flash的朋友,或许关于初学者会有一点点协助吧。先看一下效果图吧:


下面开端制造:

1. 新建一个空白的Flash文档。
2. 按ctrl+F8,新建一个图形元件。挑选椭圆东西,无笔触,填充色选黑色,按住Shift键,在舞台上画一个正圆。用挑选东西在正圆上点一下,翻开特点面板,将宽和高都设成60,点窗口菜单,翻开对齐面板,点一下“相关于舞台”下面的小框框,然后点“水平中齐”和“垂直中齐”便是所谓的“全居中”了。再把图形扩大到400% ,将图层1命名为“球体”,上锁。 如下图:

     

 

 

 

   

3. 在球体层上面新建一图层,命名为“上光”,椭圆东西,笔触白色,无填充色,在舞台的球体中画一个椭圆形,并移动到球体正上方的方位。(先用挑选东西点一下 “上光”层的第1帧,然后按键盘上的方向键,能够很轻松精确的把这个画的椭圆移到适宜的方位)。如下图:

   

 

 

接着点“窗口”——混色器,在色彩混色器面板中点一下填充框,在“类型”中挑选“线性”。

左色标#FFFFFF,Alpha=100%,右色标#FFFFFF,Alpha=0%,便是让这个椭圆中的色彩从全白到通明突变。用颜料桶东西在椭圆中点一下,再用色彩突变东西进行调整,如下图:

   

 

 

用挑选东西,先在周围空白处点一下,再在椭圆的笔触上点一下,使其成为蚁线,按键盘上的Delete键,删去。将本层上锁


4. 在“上光”层上面新建一层,名为“下光”,用椭圆东西在球体的下方画一个椭圆形。用相同的办法设置突变,如下图:

   

 

接着也用相同的办法,删去这个椭圆的笔触线。将本层上锁。

5. 在最上面新建一图层,名“花”。椭圆东西:无笔触,填充色为白色,在下光中画个小椭圆,并用恣意变形东西调整好方向,移到下面左图所示的方位。

   

再用椭圆东西或直线东西(这次是赤色笔触,无填充色)画出如上面右图所示的形状。(用红笔触是为了显着,无填充色是由于画好后要进行突变)。

 

6. 在“花”图层的榜首帧点一下,看到图中红线条变成别离状况,翻开混色器面板,“类型”挑选“放射状”,仍是左色标全白#FFFFFF,Alpha=100%,右色标FFFFFF,Alpha=0%,用“颜料桶东西”在这五个图形中各点一下。再用“色彩突变东西”细心调整,如下图:

     


每一个图形都要各自调过哦!然后用上面的办法删去一切的笔触赤色线条 。现在是这样的:

   

 

 

至此一切的图形都画好了。看上去很不象是吧,呵呵,不要紧,下面接着来。

7. 这一步很要害。趁便说一下,我本来这个水晶按钮是在PS教程中学画的,在PS中画好这个“花”图后是用混合形式“叠加”,效果很好。但是在FLASH中没有混合形式,曾经我也用FLASH画过这个按钮的,画到这儿就没办法了。昨日学惯用FLASH画云彩时学到了运用滤镜的办法,我就试着在这儿用上看看,成果发现效果也不错。呵呵,罗嗦了哈。言归正传,下面接着来吧:

在时刻轴中把“上光”、“下光”和“花”图层解锁,留意“球体”层仍是要锁住的哦。用挑选东西框选舞台上的整个图形,这时能够看到上面的三个图层的榜首帧都成黑色的,图形中除了黑色的球体外都成麻点状。坚持这种状况(这时鼠标不关键其它当地),点菜单中的“修正”——“转换成元件”,称号改为“花”,类型选“影片编排”!!!接着翻开特点面板,点“滤镜”——含糊——含糊值设为2,质量设为高。把图形复原到100%看看吧,现在看起来是不是美观顺眼多了啊。

这时,时刻轴上的中心两层的榜首帧都是空的了,由于方才框选后转换为影片编排元件时现已都主动被合并到“花”层里了。把这两个图层删去了吧,藏着也没用了哈。现在你到库中看看,会发现多出来了一个名为“花”的影片编排。到库中把那个图形元件1改名为“黑按钮”现在榜首个黑色的水晶按钮现已做好了。

 

8. 前面的辛苦现已过了,下面就很轻松了。在库中右键点“黑色按钮”图形元件,跳出来的对话框中选“直接仿制”——称号改为“红按钮”,其他不变,点确认。双击库中的这个“红按钮”,一定要先双击这个红按钮哦,让它成为修改状况,对了,还要把时刻轴上的“花”层锁上,把“球体”层解锁,点一下“球体”图层的第 1帧,下面接着怎么做咱们心中都有数了吧,改动球体的色彩哈!点一下东西面板中的颜料桶,在跳出来的色彩样本中挑选自己喜爱的色彩,点一下,球体的色彩就跟着变了,也能够在混色器面板中更改色彩。看下图:

       

 

现在能够用相同的办法为所欲为的轻松做出各种不同色彩的水晶按钮了哈。

做好后要记住保存喔。

花的形状以及上、下光的形状咱们都能够自由发挥的,不一定要按这个姿态,自己觉得美观就行,我仅仅作个演示。有爱好的朋友能够学一下,关于初学者或许从中也会学到一些东西的。


二.下面介绍简略的FLASH中按钮的运用办法:

前面画好的“水晶按钮”实际上还仅仅按钮中的一个图形,或许说是一个配件,要运用它,首先要拼装“按钮“。

 

1.按Ctrl+F8——新建元件,称号改为:开端;类型:按钮,确认。这儿时刻轴就变成了下图的形状:

 

现在从库中把任一个刚画好的水晶按钮图形拖入到舞台中,相关于舞台全居中对齐。然后右键点击“指针通过”下面的空白框框——刺进空白要害帧,再从库中拖入一个不同色彩的水晶图形,相同全居中对齐。“按下”帧由于运用的时刻十分短,便是按钮左键按下的瞬间,所以只需在上面右键点击,刺进“要害帧”也便是仿制 “指针通过”里的图形就能够了。最终右键点“点击”——刺进空白要害帧,在舞台中心用矩形东西,无笔触,填充恣意色,画一个比水晶图形稍大些的方框,(这是鼠标点在这个方框内都能起到按钮的操控造用)。也相同相关于舞台全居中。在图层一上面新建图层二,点一下“弹起”帧,在舞台中赤色水晶图形下面写上赤色的Play,右键点击“指针通过”帧——刺进要害帧,把字的色彩改为和图形相同的蓝色,在“按下”帧刺进要害帧。这样这个“开端”按钮就拼装好了,如下图:

 

   

 

   

 

   

 

用相同的办法拼装一个“中止”按钮。

 

2.按钮操控场景的开端和中止的简略做法:

(1) 进入场景1,在场景的图层1第2帧刺进空白要害帧,将已做好的影片编排拖入场景(放在第2帧上),让第1帧成为空白帧。(当然也能够在图层1的榜首帧拖入一个图形,作为封面哈)。在第1帧上按F9,在呈现的动作面板上加代码 stop();

 

(2) 在图层1上面增加两个新图层,在图层二第1帧拖入开端按钮,在图层三第1帧拖入中止按钮,别离放在适宜的方位。在它们的第2帧别离刺进一般帧。


点一下场景中的赤色开端按钮,在特点中给开端按钮填上实例名 play_btn,

 

相同点一下场景中的中止按钮,在特点中给中止按钮填上实例名 stop_btn.


(3) 点一下场景上的开端按钮,按F9,在动作面板中给开端按钮上写代码:
On(release){
gotoAndStop(2);
}
点一下场景上的中止按钮,按F9,在动作面板上给中止按钮上写代码:
On(press){
gotoAndPlay(1);
}

 

(4) 在最上面增加新图层,在第1帧上写代码 stop(); 删去第2帧。

 

好了,测验影片吧。

提示:每次做动画时尽量把做好的影片编排归到一个影片编排之中,这样在场景中就只要一个影片编排,这样好操控。
榜首次学着写教程,不知道初学的朋友是不是能看得理解,有不理解的当地请跟帖上来问,版主们和我都会帮着回答的。谢谢您耐性看完这个很菜的FLASH教程。谢谢了