仓酷云

标题: 来看看:Flash教程:周全把握按钮相干内容-Flash动画基本 [打印本页]

作者: 再见西城    时间: 2015-1-15 20:58
标题: 来看看:Flash教程:周全把握按钮相干内容-Flash动画基本
Flash特别适用于创建通过Internet提供的内容,因为它的文件非常小。Flash是通过广泛使用矢量图形做到这一点的。
  成绩1:怎样制造按钮?为何我制造的笔墨按钮,很不简单点击到?

  办理思绪

  在按钮编纂区的工夫轴上只要四个帧,第4帧的”点击”是按钮的反响区,这个地区在舞台中是看不到的,可是他却起到了按钮反响的感化。我们扩展按钮的反响区,既能够容易的用鼠标点击到这个按钮了。

  详细步骤

  1、运转FlashMX2004,文档属性默许。

  2、新建一个元件,定名为“按钮”,范例设定为按钮元件。

  3,进进按钮编纂区,工夫轴下面一共有四个帧。这四个帧的感化已在第一章中向人人先容过了。如图所示。


来看看:Flash教程:周全把握按钮相干内容-Flash动画基本
登录/注册后可看大图

  .1.34按钮元件的工夫轴

  4、在第1帧中单击工具栏内里的矩形工具绘制一个蓝色的矩形。

  5、前往加入景1,从“库”中把这个按钮拖动到舞台中。

  6、公布测试效果,我们看到当鼠标放到这个按钮下面的时分,鼠标变成小手外形,申明制造的这个按钮乐成。

  7、在实践的创作中,由于舞台中的元件良多,为了辨别元件的品种,必要在按钮下面写上申明,那末我们就来实践制造一下。

  8、双击“库”中按钮元件,进进按钮编纂区。

  9、在图层面板中新建图层2,单击文本工具键进“button”,调剂地位。如图所示。


来看看:Flash教程:周全把握按钮相干内容-Flash动画基本
登录/注册后可看大图

  .1.35到场笔墨图层

  10、前往加入景1测试,按钮下面已有了一个标记名字,按钮的功效没有遭到影响。如图所示。


来看看:Flash教程:周全把握按钮相干内容-Flash动画基本
登录/注册后可看大图

  .1.36按钮效果

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

  12、进进按钮元件编纂区,在第1帧中键进笔墨“PLAY”,制造一个播放按钮。如图所示。


来看看:Flash教程:周全把握按钮相干内容-Flash动画基本
登录/注册后可看大图

  .1.37键进笔墨

  13、前往加入景1公布测试按钮效果,发明鼠标不是很容易的就会点击到按钮。其缘故原由是按钮的反响只限定在笔墨的线条下面。

  14、办理这个成绩,能够接纳两种办法。第一种办法,进进按钮元件编纂区,在第4帧中使用矩形工具画一个矩形,放在“PLAY”的下方,以扩展它的反响区。由于第4帧“点击”中的内容在公布作品的时分是看不见的,以是我们可使用恣意色彩。如图所示。


来看看:Flash教程:周全把握按钮相干内容-Flash动画基本
登录/注册后可看大图

  .1.38在“点击”帧拔出矩形

  14、公布测试效果,由于按钮反响区的扩展,就很容易的点击到按钮了。请参考源文件点击这里下载源文件。

  15、别的一种办法是新建一个图层,在按钮元件编纂区的第1帧画一个通明的矩形,由于矩形固然是通明的,在舞台中是看不见的,可是它还会起到一个外形的感化,如许在第1帧扩展了按钮的反响地区。如图所示。


来看看:Flash教程:周全把握按钮相干内容-Flash动画基本
登录/注册后可看大图

  .1.39拔出通明矩形

  16、这类制造办法也能够制造出十分好用的笔墨按钮。

  注重——对按钮的测试,我们用【把持】菜单内里的【播放】命令大概利用快速键“Enter”是没法测试的。我们要单击【文件】菜单下的【公布】命令大概利用组合快速键“Ctrl+Enter”来举行公布测试。

  提醒——伴侣们广泛对按钮的四个帧内里的最初一个帧的感化不是很了解,这个帧就是按钮的反响区,在场景中是看不到的,制造隐形按钮就要使用这个帧。

  技能——按钮是一部作品中不成或缺的主要构成部分,制造按钮时,招考虑到全体作品的作风。

  试一试——我们向人人先容了笔墨按钮的制造办法,人人无妨试一试,由于这类按钮在每一个作品中都要利用的。

  剖析——呈现这个成绩的基本缘故原由有两个:第一,伴侣们对按钮制造的不器重性,以为按钮只是一个从属的器材,关于作品全体的主体体现没有太多的感化,以是也无视了按钮的细克制作;第二,伴侣们对第4帧“点击”的常识的不懂得。

  出格提醒

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

  出格申明

  经由过程对这个成绩的注释,我们懂得了基础按钮的制造办法和如何制造笔墨按钮。我在浏览闪吧承办的“衡雅杯”环保FLASH竞赛的时分,发明很多伴侣制造的笔墨按钮都没有接纳扩展反应区的手腕。以致磨练浏览者利用鼠标的天真水平,对作品的浏览带来第一印象的腻烦感。


 一部Flash作品必要利用那些需要的按钮?

  因为按钮的使用非常普遍,以是在Flash作品中能够用按钮制造十分风趣的效果。关于把持一部完全得FLASH动画作品而言,一样平常必要两个按钮:播放(PLAY)和前往(REPLAY)。以用于影片的播放和重放。

  可使用图形来作为按钮吗?

  由于按钮中的帧在操纵上与其他元件的帧没有甚么年夜的区分,以是我们能够使用图形来作为按钮,还能够接纳其他的情势来制造按钮。鄙人面的成绩中我们将向人人具体地先容。

  怎样用按钮来把持影片?

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


来看看:Flash教程:周全把握按钮相干内容-Flash动画基本
登录/注册后可看大图

  .1.40制造一段突变动画

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


来看看:Flash教程:周全把握按钮相干内容-Flash动画基本
登录/注册后可看大图

  .1.41增加“stopa();”

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

  “play”按钮下面的命令:

  on(release){

  play();

  }

  如图所示。


来看看:Flash教程:周全把握按钮相干内容-Flash动画基本
登录/注册后可看大图

  .1.42“play”按钮的ActionScript

  “replay”按钮下面的命令,
  on(release){
  gotoAndPlay(1);
  }
  如.1.43所示。


来看看:Flash教程:周全把握按钮相干内容-Flash动画基本
登录/注册后可看大图

  .1.43“replay”按钮的ActionScript

  请参考源文件点击这里下载源文件

  这是我们第一次打仗FlashMX2004的ActionScript,本书第三部分中会作具体地先容。之以是在此节中先容ActionScript,一是按钮与ActionScript的接洽十分亲切;二是给人人一个开端的印象。

  成绩2:何制造隐形按钮?隐形按钮的感化是甚么?

  办理思绪

  隐形按钮是按钮功效的引伸,一些超乎设想的效果就是经由过程隐形按钮来完成的。我们从上一个成绩中晓得了,按钮的第4帧“点击”帧内里的内容在舞台中是看不到的,我们就用这个特性来制造复杂的隐形按钮。

  详细步骤

  1、运转FlashMX2004,文档属性默许。
  2、新建一个元件,称号为“button”,范例为按钮。
  3、进进按钮元件编纂区,在第4帧内里我们使用矩形工具绘制一个矩形,色彩随便。
  4、前往场景1,【文件】|【导进】|【导进到舞台】命令,导进一幅图片,调剂其在舞台的地位。
  5、在工夫轴上新建一个图层,定名为按钮层,把方才制造的按钮从“库”中拖动到舞台中的符合地位。如.1.44所示。


来看看:Flash教程:周全把握按钮相干内容-Flash动画基本
登录/注册后可看大图

  .1.44设置隐形按钮

  6、这个按钮在舞台中展现的是通明的绿色彩。由于按钮在第4帧“点击”帧内里的内容是看不到的,Flash思索到必要编纂的便利,一致设置了不异的绿色彩,而不管本来的“点击”帧内里的色彩是甚么。
  7、公布测试,能够看到当鼠标挪动到隐形按钮地区就会酿成小手状,我们的隐形按钮制造乐成,保留。

  请参考源文件点击这里下载源文件

  8、使用按钮与Flash的ActionScript我们能够制造出十分优异的效果,这方面的内容我们将在第三部分ActionScript中向人人具体先容。
  注意——在制造隐形按钮的时分,不要在按钮编纂区的第1帧做按钮,由于第一帧在场景中是可见的,达不到我们制造的效果。我们间接在第4帧中拔出一个空缺关头帧,然后在编纂区中绘制反应区的巨细就能够
  提示——按钮编纂区中的第4帧“点击”帧在场景中是不成见的,编纂的时分,在主场景中显现的是绿色半通明形态。
  技巧——在舞台中的隐形按钮与其他按钮没有甚么区分,我们都能够使用工具举行编纂。
  试一试——在上一个成绩注释中我们向人人先容了别的一种制造隐形按钮的办法,伴侣们无妨使用第二种制造办法试一试,看看有无区分?
  分析——按钮的感化是触刊行为,隐形按钮能够到达浏览者在非决心的情形下触发事务,到达互动效果。
  出格提醒
  在本例的源文件中,没有设置按钮的触发事务,由于触发事务是要用Flash的ActionScript把持的,我们会在第三部分中向人人具体先容。

  出格申明

  按钮的主要感化我们已在上一个成绩中向人人夸大了,隐形按钮的是按钮中的重中之重。把握了此项手艺,我们就能够使用隐形按钮的特性,发扬其独到的感化,制造出很多交互性举措。
  相干成绩
  ◎怎样利用公用库中的按钮?
  在FlashMX2004中的公用库中向我们供应了很多制造优美的按钮典范,我们能够间接利用。单击【窗口】|【其他面板】|【公用库】|【按钮】命令,翻开【库——按钮】面板。如.1.45所示。


来看看:Flash教程:周全把握按钮相干内容-Flash动画基本
登录/注册后可看大图

  .1.45翻开“库——按钮”面板


  能够看到有很多已制造完成的按钮,分门回类地保留在按钮公用库内里。我们能够间接拖放到按钮编纂区内里利用。在按钮公用库内里的按钮年夜多是静态效果的,就是按钮的四个帧内里都有举措。这方面的常识我们鄙人一个成绩中向人人先容。
  成绩3:何制造发声按钮?怎样在按钮中嵌套影片剪辑?

  办理思绪

  从上两个成绩的解答中,我们晓得了按钮中的四个帧与其他元件是不不异的,可是在操纵和了解上却没有年夜的不同。在第一部分中我们具体地先容了按钮编纂区的四个帧的感化,我们就能够使用这些帧来办理成绩。

  详细步骤

  1、运转FlashMX2004,文档属性默许。
  2、新建元件,定名为“button”,范例为按钮。
  3、进进“button”按钮编纂区,我们能够看到按钮编纂区的四个帧。
  4、单击第1帧,在编纂区中使用卵形工具绘制一个白色的椭圆。
  5、在工夫轴上新建一个图层,键进“button”静态文本。并同时延伸第一层和第二层的帧数。如.1.46所示。


来看看:Flash教程:周全把握按钮相干内容-Flash动画基本
登录/注册后可看大图

  .1.46创立按钮

  6、再新建图层3,定名为音乐层。
  7、由于我们想要制造的效果是,当鼠标经由按钮的时分,按钮收回声响,以是我们就在按钮工夫轴的第2帧“指针经由”中拔出一个空缺关头帧。
  8、单击【文件】|【导进】|【导进到库】命令,导进一段我们选择的音乐效果。
  9、导进的音乐会保留在我们的库面板中。如.1.47所示。


来看看:Flash教程:周全把握按钮相干内容-Flash动画基本
登录/注册后可看大图

  .1.47库中的声响文件

  10、把这个声响文件拖动到音乐层的“指针经由”帧对应的舞台中。
  11、在音乐层内里的“指针经由”帧内里会有一个音乐的波形,这申明我们已把音乐加到了这个帧内里了。如.1.48所示。


来看看:Flash教程:周全把握按钮相干内容-Flash动画基本
登录/注册后可看大图

  .1.48工夫轴下面的声响文件

  12、前往场景1,从库面板中把这个按钮拖放到舞台中。
  13、公布测试。当鼠标经由按钮的时分,按钮收回了声响,我们制造的产生按钮乐成,保留。

  请参考源文件点击这里下载源文件

  14、怎样在按钮中嵌套影片剪辑呢?实在与拔出音乐都是一样的事理。
  15、依照下面的步骤制造一个惯例按钮。
  16、新建一个影片剪辑,在这个影片剪辑内里制造一小段复杂的扭转动画效果。
  17、双击进进按钮编纂区,新建一个图层。
  18、在这个图层的第2帧“指针经由”拔出一个空缺关头帧。
  19、把“库”面板中的影片剪辑拖动到这个帧对应的舞台内里。如.1.49所示。


来看看:Flash教程:周全把握按钮相干内容-Flash动画基本
登录/注册后可看大图

  .1.49拔出影片剪辑

  20、前往加入景1,公布测试。当鼠标挪动到按钮的时分,就会播放影片剪辑。保留。

  请参考源文件点击这里下载源文件

  注意——◎导进mp3格局音乐的时分,有的时分flash会提醒导进不乐成。这个成绩长短常广泛的,我们将在前面的Flashmv章节中向人人具体先容办理办法
  ◎制造发音按钮所用的音效,应当选择对照短的声响文件。
  提示——制造发音按钮的时分,只管把音效,笔墨放在分歧的层内里,如许便于我们编纂修正。
  技巧——除在“指针经由”帧内里安排音效之外,我们还能够在其他帧内里安排音效,制造办法与上例不异。
  试一试——伴侣们试一试制造一个发音按钮。
  分析——在制造此例过程当中,把音效、笔墨、矩形分离安排在分歧的图层内里。缘故原由是当我们修正它的时分十分便利。由于不管在按钮编纂区用几层,在主场景中我们只导进了一个按钮元件,对动画作品的全体没有改动。

  出格申明

  我这一节中我们进修了制造声响按钮,和嵌套影片剪辑的办法。还打仗了一个主要的常识就是导进内部声响文件。导进内部声响文件与导进图片的办法是不异的。至于在导进中呈现的毛病我们将在今后的进修中具体报告。

  相干成绩
  怎样制造能够变更色彩的按钮?
  起首要思索按钮的四个帧是四个举措,我们只需把各帧内里的按钮色彩改动就能够到达效果。新建一个按钮元件,在第1帧使用矩形工具绘制一个蓝色的矩形,在第2帧拔出关头帧,使用添补工具把举办的色彩转换为白色,
  依照此办法在第三帧填进绿色,如.1.50所示。


来看看:Flash教程:周全把握按钮相干内容-Flash动画基本
登录/注册后可看大图

  .1.50改动各个帧的色彩

  然后前往加入景1举行测试。我们会看到按钮在场景中出现的是蓝色,当鼠标放到按钮上的时分是白色,当鼠标按下的时分是绿色,从而经由过程三个镇的分歧色彩到达了按钮举措的色彩变化。由于第4帧是反应区,在舞台中是看不到的,以是无需再此帧中设置。

Flash8.0是Macromedia公司在7.0版本的基础上开发的,功能更强大,易于设计。
作者: 谁可相欹    时间: 2015-1-17 15:24
一个物体从一个角(关键祯1)移动到另一个角(关键祯2)。然后tweening在关键祯之间填充祯,从而使物体可以在屏幕上优雅地运动。
作者: 兰色精灵    时间: 2015-1-25 10:19
它包含了下列常见的形式之一或者几种的组合:流媒体、声音、Flash、以及Java、Javascript、DHTML等程序设计语言。  
作者: 活着的死人    时间: 2015-2-2 21:57
随着动画的日益发展壮大,动画片在世界范围影响里越来越大,广告、网页、电影各个方面都应用到了动画。
作者: 蒙在股里    时间: 2015-2-8 10:24
考虑到实际的效果,这些专业的网站并不会去单纯追求技术本身,广告设计是否FLASH不是目的,关键是获得最好的宣传效果。
作者: 金色的骷髅    时间: 2015-2-25 14:38
传播上的优势——无国界跨媒体;创作群体的形成;媒体及比赛的推进
作者: 深爱那片海    时间: 2015-3-7 23:12
在计算机出现之前,动画制作者必需手工绘制即使差别很小的不同祯的图像。当然,非自动的,一祯祯的动画在很多情况下仍然很有用,Flash也允许这样做。
作者: 海妖    时间: 2015-3-15 19:15
它包含了下列常见的形式之一或者几种的组合:流媒体、声音、Flash、以及Java、Javascript、DHTML等程序设计语言。  
作者: 莫相离    时间: 2015-3-22 04:15
用户在观看广告的时候,无法通过正常点击鼠标来查看广告的尺寸、字节数、所链接的URL广告本身信息。




欢迎光临 仓酷云 (http://ckuyun.com/) Powered by Discuz! X3.2