当前位置: 首页 > 图文教程 > Flash动画 > Flash动画制作 > Flash新手入门教程:图形、按钮和影片剪辑元件

Flash动画制作
巧用超级解霸在Flash V5.0中插入录像
教你用Flash MX来制作简单的课件界面
Flash MX 2004 ActionScript图文教程(二)
Flash MX 2004 ActionScript图文教程(三)
Flash MX 2004 ActionScript图文教程(四)
Flash MX 2004 ActionScript图文教程(五)
Flash MX 2004 ActionScript图文教程(六)
flash场景之间相互跳转的实现方法
Flash本地加密
FLASH -- 关于变量的问题FLASH -- 关于变量的问题
Flash5 画任意直线教程
Flash MX 视频导入功能详解
制作飞舞的蝴蝶
Flash MX 2004 ActionScript图文教程(七)
Flash MX 2004 ActionScript图文教程(八)
Flash MX 2004 ActionScript图文教程(九)
Flash MX 2004 ActionScript图文教程(十)
Flash教程 飞翔的文字
Flash MX 2004 ActionScript图文教程(十一)
制作Flash网站技巧拾零

Flash动画制作 中的 Flash新手入门教程:图形、按钮和影片剪辑元件


出处:互联网   整理: 软晨网(RuanChen.com)   发布: 2009-11-22   浏览: 455 ::
收藏到网摘: n/a

 

今天来看看Flash里的元件,Flash里有三种元件:图形,按钮和影片剪辑~记得以前就有朋友问,这三个有什么区别,特别是那个图形和影片剪辑的,要什么情况下用~那就让我们先初步来了解下吧~

在Flash中,按Ctrl+F8或是选择插入——新建元件,都能打开新建元件窗口,就会出现如下窗口供我们选择要新建哪种元件,点确定后,就会直接进入元件编辑页面里了~

 

还有一种情况,就是在场景里画好的图形,想把它转成元件,那就把图选起来,直接按F8或是选择修改——转按为元件,一样能出现这个选择窗口,只不过,这种情况下,转完后还是在场景中,不会直接进入到元件中,但此时,这个选中的图形已经是元件了~

 

三种元件的标志是不一样的,如图~

 

这三种元件中,按钮算是比较特殊的元件,图形元件和影片剪辑元件,就有些人会搞乱,那就先说下这两种元件吧~
图形元件:一般我们是用来放静态图用的,转成图形元件的图案,可以方便的在影片剪辑元件中或是场景中做动画补间~
影片剪辑元件:这个是很方便的一个元件,有时候,我们打开来一个FLASH源文件,发现只有主场景中一帧,会奇怪,怎么这一帧就有那么多动画呢,其实,问题就在于这个影片剪辑中了,这一帧包含的影片剪辑,内容可是很丰富的,也就是说,一个影片剪辑中,可以套上多个不同的影片剪辑和图形元件,是我们做动画减少场景中图层的一个必要手段~


图形元件虽说一般只用来存放静态图案,但,它也是可以做动态的,只是不如影片剪辑方便~

打个比方吧,在一个图形元件中,做好一个小圆移动的补间动画~这个动画在元件中测试是可以的~

 

我们把它放到场景中,再发布测试下,发现,它是不会动的,跟影片剪辑不一样,那就不能让它动么,那是可以的,只不过,要在场景中,把它的帧数延长才能动,而要它跟在元件中一模一样,则需要延长的帧数跟在元件中一样才行了~

 

而影片剪辑元件,刚很是方便啦,还是用上面的例子,在一个影片剪辑元件中做一个圆移动的补间动画~

 

再把这个影片剪辑放到场景中测试,发现,虽只有一帧,还是能完整播放完的~

 

再来看下按钮元件吧,按钮元件是三个元件中最特别的了,只有四帧:弹起、鼠标经过、按下、和点击~

 

按钮一般是我们用来加代码控制一个动画的播放停止结束等的,但也有用来做特效的~今天先弄个简单的控制的吧,把这三个元件都加一块练习比较下~

先看下效果,一个影片剪辑,一个图形元件,一个按钮元件组成的一个小动画,通过这个小动画比较了解下三个元件的不同~

 

新建一个空白的FLASH文档,按Ctrl+F8新建一个图形元件,在元件中做一个圆到四方形的移动形状补间(补间的前几天讲过的了,就不详说了,不清楚看前几天发的帖吧~)所谓的圆到四方形的移动补间,就是在第一帧画一个圆,然后在一定的帧,我这里是30帧插入关键帧,把圆删掉,在离圆一定距离的地方画个四方形,创建形状补间动画~

 

再按CTRL+F8新建一个影片剪辑元件,同样,做一个形状补间,就还做前些天做的那个五个圆的吧~

先在第一帧画五个圆,然后在30帧插入关键帧,把五个圆删掉画一个大圆,再创建形状补间~

 

 

接下来,新建一个按钮元件,在第一帧,即弹起这一帧画一朵花,这朵花就是这个按钮的形状啦~

 

按F6插入三个关键帧,然后点下第二帧鼠标经过这一帧,改变下花的颜色

 

再点下第三帧按下,把花用变形工具放大一点~

 

好了,回到场景中~按Ctrl+L打开库面板(可是直接选择窗口——库)

 

在图层1第一帧,把图形元件拉到场景中来,用鼠标点着库里的元件不放,拖到来即可~再把按钮元件也一块拖到来摆放好~

 

PS:几个元件是可以放在一个帧里的,不会受到影响,但若是单独做的补间,则不可以一帧放多个图形或元件,做好的元件才可以放同一帧里~

在31帧插入关键帧,把图形元件删掉,再把影片剪辑元件放到场景中来~

 

好了,该放的都放好了,下面,再来写上两锯代码控制下吧~

点下图层1第一帧,按F9打开动作面板(或是选择窗口——动作),输入代码stop();

也可以如图这样,选择stop(); 这个应该不用解释了吧,停止的意思,这样,一打开就停止在这一帧了~

 

核心提示:加在帧上的代码,帧上会出现一个字母a喔,如果不小心点错加到元件上就不会有这个了,所以有时候注意下就不会出错了

 

再在第31帧也插入代码stop();

 

好了,下面,点回第一帧,点一下这一帧的按钮元件,打开动作面板输入代码
on (release) {
play();
}
意思是单击按钮时播放

 

再点回31帧,点下31帧的按钮元件,输入代码
on (release) {
gotoAndPlay(1);
}
意思是单击按钮时跳转播放第一帧

 

好了,可以测试了~


核心提示:写上元件上的和写上帧上的是不一样的喔,所以,注意,不要点错了把写按钮上的代码写到帧上了,那样就会出错了~

通过这个小小的动画,不难发现,影片剪辑单独一帧,只要是停止在那的,它也会不停的播放着元件中的内容,相反,图形元件就不行了,所以,一般图形元件我们就只用来存放静态的图,方便用来做动画,因为,一个图形,转成元件后,放到别的元件或是场景中,属性里会有方便修改色调透明度等的选项,这些用来做一些效果是很棒的~而且,转成元件的图形,是属于组合状态的,这样在做动画的时候就不会轻意给修改了,再者,当你发现做的时候,有个地方没画对,想改变下,但已经做了N帧了,这时,如果这图形是元件的话,只要改变下元件中的内容,后面套用的就全部改变了,也就是所有帧都变了,不需要一帧一帧去改~非常方便~

一句两句是说不完的,以后慢慢从练习中熟悉吧~