仓酷云

 找回密码
 立即注册
搜索
热搜: 活动 交友 discuz
查看: 622|回复: 8
打印 上一主题 下一主题

[学习教程] 带来一篇FLASH教程Flash制造动画之把握基础按钮常识

[复制链接]
不帅 该用户已被删除
跳转到指定楼层
楼主
发表于 2015-1-15 22:44:10 | 只看该作者 回帖奖励 |倒序浏览 |阅读模式

马上注册,结交更多好友,享用更多功能,让你轻松玩转社区。

您需要 登录 才可以下载或查看,没有帐号?立即注册

x
使用Flash创作的各个内容单元称为应用程序,即使它们可能只是很简单的动画。您也可以通过添加图片、声音、视频和特殊效果,构建包含丰富媒体的Flash应用程序。
成绩1:怎样制造按钮?为何我制造的笔墨按钮,很不简单点击到?
办理思绪
在按钮编纂区的工夫轴上只要四个帧,第4帧的”点击”是按钮的反响区,这个地区在舞台中是看不到的,可是他却起到了按钮反响的感化。我们扩展按钮的反响区,既能够容易的用鼠标点击到这个按钮了。
详细步骤
1、运转FlashMX2004,文档属性默许。
2、新建一个元件,定名为“按钮”,范例设定为按钮元件。
3,进进按钮编纂区,工夫轴下面一共有四个帧。这四个帧的感化已在第一章中向人人先容过了。如图所示。
<Pstyle="TEXT-INDENT:2em">

按钮元件的工夫轴
4、在第1帧中单击工具栏内里的矩形工具绘制一个蓝色的矩形。
5、前往加入景1,从“库”中把这个按钮拖动到舞台中。
6、公布测试效果,我们看到当鼠标放到这个按钮下面的时分,鼠标变成小手外形,申明制造的这个按钮乐成。
7、在实践的创作中,由于舞台中的元件良多,为了辨别元件的品种,必要在按钮下面写上申明,那末我们就来实践制造一下。
8、双击“库”中按钮元件,进进按钮编纂区。
9、在图层面板中新建图层2,单击文本工具键进“button”,调剂地位。如图所示。

[1]200605/2184_2.html>[2]200605/2184_3.html>[3]200605/2184_4.html>[4]200605/2184_5.html>[5]200605/2184_6.html>[6]200605/2184_2.html>下一页




到场笔墨图层
10、前往加入景1测试,按钮下面已有了一个标记名字,按钮的功效没有遭到影响。如图所示。
<Pstyle="TEXT-INDENT:2em">

按钮效果
11、这类按钮的制造办法是最为复杂的,它不触及到反响区的成绩。由于蓝色的矩形部分已在舞台中显现出来,只需点击蓝色地区都能够实行按钮的感化。在一些Flash作品中因为全体视觉效果的请求,常常呈现一些只要笔墨,没有背景的按钮。如许就触及到了成绩中所提到的反响区的成绩。
12、进进按钮元件编纂区,在第1帧中键进笔墨“PLAY”,制造一个播放按钮。如图所示。


键进笔墨
13、前往加入景1公布测试按钮效果,发明鼠标不是很容易的就会点击到按钮。其缘故原由是按钮的反响只限定在笔墨的线条下面。
14、办理这个成绩,能够接纳两种办法
200605/2184.html>上一页200605/2184.html>[1][2]200605/2184_3.html>[3]200605/2184_4.html>[4]200605/2184_5.html>[5]200605/2184_6.html>[6]200605/2184_3.html>下一页


。第一种办法,进进按钮元件编纂区,在第4帧中使用矩形工具画一个矩形,放在“PLAY”的下方,以扩展它的反响区。由于第4帧“点击”中的内容在公布作品的时分是看不见的,以是我们可使用恣意色彩。如图所示。
<Pstyle="TEXT-INDENT:2em">

在“点击”帧拔出矩形
14、公布测试效果,由于按钮反响区的扩展,就很容易的点击到按钮了。请参考源文件点击这里下载源文件
15、别的一种办法是新建一个图层,在按钮元件编纂区的第1帧画一个通明的矩形,由于矩形固然是通明的,在舞台中是看不见的,可是它还会起到一个外形的感化,如许在第1帧扩展了按钮的反响地区。如图所示。


拔出通明矩形
16、这类制造办法也能够制造出十分好用的笔墨按钮。请参考源文件点击这里下载源文件
200605/2184_2.html>上一页200605/2184.html>[1]200605/2184_2.html>[2][3]200605/2184_4.html>[4]200605/2184_5.html>[5]200605/2184_6.html>[6]200605/2184_4.html>下一页


>
注重――对按钮的测试,我们用【把持】菜单内里的【播放】命令大概利用快速键“Enter”是没法测试的。我们要单击【文件】菜单下的【公布】命令大概利用组合快速键“Ctrl+Enter”来举行公布测试。
提醒――伴侣们广泛对按钮的四个帧内里的最初一个帧的感化不是很了解,这个帧就是按钮的反响区,在场景中是看不到的,制造隐形按钮就要使用这个帧。
技能――按钮是一部作品中不成或缺的主要构成部分,制造按钮时,招考虑到全体作品的作风。
试一试――我们向人人先容了笔墨按钮的制造办法,人人无妨试一试,由于这类按钮在每一个作品中都要利用的。
剖析――呈现这个成绩的基本缘故原由有两个:第一,伴侣们对按钮制造的不器重性,以为按钮只是一个从属的器材,关于作品全体的主体体现没有太多的感化,以是也无视了按钮的细克制作;第二,伴侣们对第4帧“点击”的常识的不懂得

出格提醒
按钮作为一个Flash动画作品中完成交互感化的前言,起到了十分主要的感化。由于本文所附源文件中并没有触及到按钮的把持成绩,以是只能使用鼠标安排到按钮上展现的小手外形来测试按钮。

出格申明
经由过程对这个成绩的注释,我们懂得了基础按钮的制造办法和如何制造笔墨按钮。我在浏览闪吧承办的“衡雅杯”环保FLASH竞赛的时分,发明很多伴侣制造的笔墨按钮都没有接纳扩展反应区的手腕。以致磨练浏览者利用鼠标的天真水平,对作品的浏览带来第一印象的腻烦感。
相干成绩
◎一部Flash作品必要利用那些需要的按钮?
因为按钮的使用非常普遍,以是在Flash作品中能够用按钮制造十分风趣的效果。关于把持一部完全得FLASH动画作品而言,一样平常必要两个按钮:播放(PLAY)和前往(REPLAY)。以用于影片的播放和重放。
◎可使用图形来作为按钮吗?
由于按钮中的帧在操纵上与其他元件的帧没有甚么年夜的区分,以是我们能够使用图形来作为按钮,还能够接纳其他的情势来制造按钮。鄙人面的成绩中我们将向人人具体地先容。
◎怎样用按钮来把持影片?

200605/2184_3.html>上一页200605/2184.html>[1]200605/2184_2.html>[2]200605/2184_3.html>[3][4]200605/2184_5.html>[5]200605/2184_6.html>[6]200605/2184_5.html>下一页


方才我们说到了一部完全的作品必要两个按钮,一个播放按钮一个前往按钮.那末这两个按钮是如何完成对影片的把持的呢?这就触及到了Flash的ActionScript。按钮与Flash剧本言语(ActionScript)的接洽长短常严密的。上面我们就制造一个影片把持按钮。我们新建一个FlashMX2004文档,在舞台的工夫轴上制造出一段复杂的动画效果。如图所示。
<Pstyle="TEXT-INDENT:2em">

制造一段突变动画
要克制动画一入手下手就主动播放,如许播放按钮才会起到感化。单击工夫轴上的第1帧,翻开舞台上面的“举措”面板,双击“影片把持”下的“stop”命令,是动画在第一帧就中断。在最初一帧一样到场“stop”。如图所示。


增加“stopa();”
然后新创建一个按钮元件,依照我们方才做的办法制造出两个按钮,分离是“play”和“relplay”。在工夫轴中新建一图层,把“play”按钮从把持拖动到第1帧的符合地位,“replay”拖动到第30帧的符合地位。分离单击两个按钮,翻开举措面板,在“play”和“replay”按钮下面加如把持命令:
“play”按钮下面的命令:
on(release){
play();
}

200605/2184_4.html>上一页200605/2184.html>[1]200605/2184_2.html>[2]200605/2184_3.html>[3]200605/2184_4.html>[4][5]200605/2184_6.html>[6]200605/2184_6.html>下一页


如图所示。
<Pstyle="TEXT-INDENT:2em">

“play”按钮的ActionScript
“replay”按钮下面的命令:
on(release){
gotoAndPlay(1);
}
如图所示。
<Pstyle="TEXT-INDENT:2em">

“replay”按钮的ActionScript
如许就到达了把持影片的感化了,请参考源文件点击这里下载源文件
这是我们第一次打仗FlashMX2004的ActionScript,本书第三部分中会作具体地先容。之以是在此节中先容ActionScript,一是按钮与ActionScript的接洽十分亲切;二是给人人一个开端的印象
200605/2184_5.html>上一页200605/2184.html>[1]200605/2184_2.html>[2]200605/2184_3.html>[3]200605/2184_4.html>[4]200605/2184_5.html>[5][6]


若你要观看网页上的多媒体内容,flashplayer几乎是网络上的标准。为此播放器所制作的动画或图像十分常见。
柔情似水 该用户已被删除
沙发
发表于 2015-1-17 18:34:27 | 只看该作者
flash制作的动画文件比较小,可以在网络上快速传播!
冷月葬花魂 该用户已被删除
板凳
发表于 2015-1-24 19:44:45 | 只看该作者
关于位图和矢量图形的区别,可参看Flash教程。
活着的死人 该用户已被删除
地板
发表于 2015-2-2 13:55:57 来自手机 | 只看该作者
FLASH动画在如今的很多网站中都比较常见,其所独有的视觉效果和感染力成为各行各业宣传企业形象、推广产品的最佳平台。
透明 该用户已被删除
5#
发表于 2015-2-7 23:49:00 | 只看该作者
都着重在优点方面,请尽量答的详细、深入一些,谢谢!拿了我全部的爱问分了已经
再见西城 该用户已被删除
6#
发表于 2015-2-24 01:50:49 | 只看该作者
矢量图形相对于位图的另一个优势是可以随意缩放的能力。这是对动画进程的奖赏,对用户来说也是一个很酷的特征。在Flash之前,Web上没有这种功能。
小魔女 该用户已被删除
7#
发表于 2015-3-7 10:30:42 | 只看该作者
FLASH在网站建设过程中既然有这么多的问题,那为什么我们还继续使用FLASH,不可否认FLASH的问题的确存在,但也不可忽视FLASH在网站建设中。
深爱那片海 该用户已被删除
8#
发表于 2015-3-15 01:58:42 | 只看该作者
Rich Media并不是一种具体的互联网媒体形式,而是指具有动画、声音、视频和/或交互性的信息传播方法。 
只想知道 该用户已被删除
9#
发表于 2015-3-21 19:58:56 | 只看该作者
Flash动画制作,是指利用Flash软件对动画进行设计,以产生千变万化的效果。随着互联网的兴起。
您需要登录后才可以回帖 登录 | 立即注册

本版积分规则

QQ|Archiver|手机版|仓酷云 鄂ICP备14007578号-2

GMT+8, 2024-5-11 23:18

Powered by Discuz! X3.2

© 2001-2013 Comsenz Inc.

快速回复 返回顶部 返回列表