一步一步学习FLASH.docx

《一步一步学习FLASH.docx》由会员分享，可在线阅读，更多相关《一步一步学习FLASH.docx（19页珍藏版）》请在优知文库上搜索。

1、DaVlDav2Dav3Dav4Dav5Dav6Dav7Dav8星期天的开场白作者：邹润在几年前，网页一直都是静态的，缺乏变化和生动，就像一本杂志的复印件一样，再怎么好看也象是一幅被定了格的风景一一毫无生气。因为网络的带宽问题，使到连接传输速率很慢，要制作具有动画效果的WEB网站很困难C1995年，SUn公司开发了JaVa程序设计语言，它可以使程序设计人员能创建applet（应用小程序），这些applet能从服务器下载到浏览器上，并可在用户端计算机上运行。使用Java,程序设计人员可以创建生成能够调用图片和声音的多媒体应用小程序。JaVa一推出，就受到人们的宠爱，在短短一年内，Java就风行全

2、球。进而在众多的网页中出现了如水面倒影，瓢雪，彩虹字，滚动字幕等叫人爱不释手的JaVa应用小程序。但是，如果你是一个细心的浏览者，你会发现当你进如某一个网页，它的动画效果不再是单纯的反复运动，而是可以在画面里进行菜单选择和操作以及播放声音文件的时候，你或者会问：“这是什么东东？”回答很简单，这就是叫我一头扎进去再也不想出来的FIaSh。随着网络技术的发展，多媒体技术在带宽问题被解决后有了它不可替代的一席之地。而Maeromedia公司，这个多媒体制作的老大也在98年的后半年打出了自己的一计重拳Flash3.0o而在这同时，Macromedia公司又推出了DreamWaVer2.0来制作Dhtm

3、l动态网页。如果你对flash技术在网页制作方面的运用还不很了解，那么我建议你先去看看如sony,奥迪汽车，三菱公司的主页，不论你是商业网页还是个人网页，FlaSh技术都会给你一个更大的展现机会。Flash可以说是一个小的director,它可以帮你实现你在你主页制作中的一些梦想。而且，它的优势在于用flash做出来的动画是矢量的（不论你把它放大多少倍，它依然那么清晰）而不象一般的gif和jpg,当你放大他们的时候，你看到的是一个个方形的色块。因此你可以把FIaSh的文件做的很小，而在Hml中用命令把它放大。再有，Flash生成的文件是代保护的。第三：也是我要强调的，flash上手很容易，凡是

4、用过一点点类似PhotoShoP软件的人就可以很轻松的掌握用flash制作动画。至少我觉得比学JaVa要容易的多。第四：用Flash生成的互动式的动画体积很小,相同功能的菜单用java实现要20多k,而FIaSh只用IOk不到就可以实现，而且你要记住，它是动画，是在不断的运动着。最后，特别是对看到过flash动画的朋友来说，你会发现，FIaSh的播放是流技术，动画是边下载边演示，如果速度控制的好你几乎感觉不到文件还没完全下载。这比起java的那个标明着loadingimage的灰色的框框叫人舒服多了。但Flash也有美中不足，你的浏览器必须要下载一个Shockwaveflash的Plug-in

5、才能正常浏览由flash制作的网页。但即便如此，一个200多k的小程序和浏览更富有动感效果的网页，我想每个上网的人都会做出明智的选择。(下载网址国外为：http:WwWmaCrOshockwavedownload)(国内为:http:/202.96.142.106/leoKIntemet的技术发展一曰千里，层出不穷，多媒体技术的运用会令我们的主页更加多姿多彩。如果你在做主页，那么来学学flash吧，不然半年之后你会发现到处都是flash,你又要重新学起。flash和html没有很大的联系，你做好了flash就可以用flash自带的软件把你的动画嵌入网页，所以，先下手为强。说了这么多，其实，我不

6、过希望我们把自己的网页建设得更加美丽。而java在其网络编程方面有着它不可替代的位置。但我说的是仅仅从页面的角度来说，java不再是称霸天下的武林盟主，如果你用过FIaSh,或者你就会了解“那一剑的风情。况且，由于Dreamwaver和flash同是Macromedia公司出品的，所以它们之间的配合天衣无缝，你可以抛弃FrOntPage98了。从现在开始，就请和我一起一步一步来学习flash。我学习flash的日子也不很久，有不尽人意的地方还请大家多包涵。DayDayDayDayDayDayDayDay12345678第一天：绘制和编辑一个能动的图象作者：邹润可一!图打开flash,选择工具（

7、图1）中的笔，当你选好了工具，你会发现在工具的下面一栏中会有几个被击活的选项（图2）-其中包括形状，颜色，线的粗细和线的性质。然后在下面的可选中选择的图形中选择一个圆，在你的workarea上画一个圆。用PaintbUCket（工具的右边第3个）把这个圆填充为你喜欢的颜色。（图3）然后,用鼠标选中所有（图4）,Insert-CreatSymble（ffl5）,选择GraPhiC,然后0K。这时，在你工作区的图片该为这个样子。（图6）3冈71!图d!图9这时候，在你的工作区的第一层里应该只有第一个frame是兰色的用鼠标点击到Iayer的第30桢（frame）,如图7中红色箭头所示，然后点击鼠标

8、右键,选择InSertKeyframe（加入关键桢,或者用flash的快捷键F6）,这时,第30桢的颜色变为兰色。然后你用鼠标点击IayerI的那个铅笔的符号（layerpop-upmenu）,选择Addmotionguide,这时候layer层会出现一个新的层，如图8所示。这时，用鼠标点击这一层，使这一层变为操作层（图9）,之后，我们开始画一个你要求图片运动的路径。选择工具中的铅笔，选择SmoOth弧线，在你的WOrkarea上随便画上一段，然后用鼠标选择工具中的那个箭头（arrowA）,双击你画出的线段，在用图10所示的工具把你画的很不规则的路径改变得比较圆滑。也或者你直接用arrow拖图

9、10动你所画出来的线段，同样可以改变线段的效果。用鼠标点击Iayer1.回到图10的状态，用鼠标点中layer的第1桢，当你在这一桢操作时，这一桢一定是黑色的。然后把你画出来并定义成SymbIe的图W形放在你画出的那段线段的一个起始点，注意，一定要把符号的中心放在起始点上。在用鼠标点击最后一图10桢，再把你所画的图形拖到线段的尾端。有不少朋友问我为什么他们的Symbol不按照指定的路径运动，我想原因就是因为他们没把symbol的中心位置放在路径上的缘故。这是最后的一步了，也是最重要的一7三步。用鼠标点击Iayerl的第一桢，然后点击鼠标的右键，选择properties选项，会出现（图II）的对

10、话窗口。选择tweeing-motio-在orienttopathdirection里一定要打勾,这是要求图形按照你画出的路径运动的命令。（其他的action,sound我们以后再慢慢讲。）然后。匕这个时候Iayerl的第一桢到第30桢（图11）之间该有一条红色的带箭头的线相连。（如图12）冈（图12）好了，现在你敲Enter（回车），就会发现那个球型在沿着你设定的路径在走。好看么？当然不好看，至少显得太单调了。但是，我要说的是，它不好看，但它是矢量动画了，再好看的flash也是由这些单调的symble组合而成的。五星级的王府饭店好看吧？最基本的原料不也是水泥，沙子和砖头么？好了，第一天就先写

11、这么多，湛江技术论坛聊天室或者是江门的中国商贸通的聊天室。我的名字么，邹润。DayDayDayDayDayDayDayDay12345678第二天：对flash工具和图标的简单解释作者：邹润这是一个当前工作区的控制窗口，你点击Modify-Movie,或者用Ctrl+M就可以击活这个窗口。Framerate这是命令你每秒播放的桢数，如果你要的效果很强烈很快，就象MTV的那种闪来闪去的效果，那你就把framerate加大。Dimendions是定义你flash尺寸的大小,也就是你工作区的大小。Grid这是定义workarea的网格尺寸的大小。Showgrid是决定是否显示网格。（最好还是显示，这

12、样可以在你做图的时候帮助你把图片做得更好，更准确）colorbackground是背景的颜色，你可以在做不同效果的时候随时随地地做改动。图11.3（图2）这个是你当前场景的一个参数表，scenel是你操作的场景，你可以在Insert中增加SCene,这样可以编辑出比较复杂的flash动画C第2个数字1表示当前操作frame的位置，12.0fps代表每秒播放的frame的数目。最后的一个数字表示在当前操作frame以前总共持续的时间。比如：SCene2,28,14.0fps,2Qs就表示当前操作frame的位置在第2场景的第28桢，每秒播放14桢，共持续2秒的时间。（图3）如果你在做flash动

13、画的时候用了2个以上的场景，那么在你的frame操作区的的右边会出现如图3所示的标示，白色代表你操作当前的场景。对于一个flash的熟练使用者来说，制造不同的场景会收到更好的效果。它可以把你网页互动功能体现得更充分。一个场景和另一个场景之间一般都用按扭(button)来连接起来，这就有点象html中的连接，但不同的是，它在视觉角度上有很好的互动性，但它是整个flash的一个组成部分，而不用再去读取新的文件。这是对线段操作的工具，使曲线变得凸凹带棱角。对图形(graphic,buttotmclip)操作，进行旋转。如：图5对图形(graphic,button,mclip)操作,进行图片的放大缩小

14、。如:图6o7o8层(layer)操作的图标这几条标志很重要，千万要记住。用你的鼠标点击frame的那个黑色的方向向下的箭头就可以选择把当前层锁住(IOCk)隐藏(hidden)转化为当前层(current)或者是一般层。普通层C这一层会显示，但会被在其他层的操作所影响。这是把层锁住的标志。这一层会显示，但不会被在其他层的操作所影响。隐藏当前层。在操作的时候不显示这一层。不会被在其他层的操作所影响。这是你操作当前层的标志。所以在一般情况，把不用操作的层锁上比较好。好了，今天就先说这么多吧。其实你可以试试看把不同形状的SymbIe组合起来，把它们分别放在不同的Iayer里面，再设定不同的路径，那

15、样做出来的效果不就好看多了？DayDayDayDayDayDayDayDay12345678第三天:用按扭控制一个动画作者：邹润在今天，我们就要真正成为flash的使用者了，用按扭（button）来击发一个动画是flash迷人的功能，把不同的按扭和不同的symbol组合起来就是极其具有动感的flash动画C先说点别的，例如keyframe（关键桢）的设定。你可以把关键桢放在任何的位置，而在这个位置之前的图形，如果你不希望显示它，很简单，在那一桢里选中那个图形并且把图片删除就可以了。如图1中的Iayer2,那么在第5桢之前，laye2的图形就不会被显示。(Sl)首先，用第一天学的东西做两个能动的图片，如（图2）所示,它们的分层和设定运动的路径如（图1）所示。一定要把图片定义成symbol才能图2再做其他的编辑。！（图3）做好了上两个步骤以后，冈重新Insert一个layer,把其他的层锁住。用工具中的笔在你的workarea上画出如图3所示的图形，然后选择InSert-Creatsyrbol,这时在（图4）的对话窗口里选择button的选项，之后点击0K,这样你就把图4兰色的图形定义成了按扭。（图6）（图5）这时，再用鼠标点击你新定义