人力资源Flash培训教程

1、Flassh5培培训教程程主讲：杜杜 波 20004.33.200初识Fllashh1.1 Flaash的的发展简简介Flassh是MMacrromeediaa 公司司出品的的动画制作作软件，有有人把它它和Drreammweaaverr、Firrewoorkss一起称称为网页页设计三三剑客。在网络络高速发发展的今今天，越越来越多多的人们们已经不不再满意意图文并并茂的静静态网页页格式，动动态网页页应运而而生，但但是一般般的动态态图片和和网站的的背景音音乐应用用并不合合拍。什什么时候候可以把把多媒体体应用在在网站上上呢？FFlassh正是是在这一一网络发发展的大大背景下下应运而而生的，前前身是FF

2、utuure Spllashh。Fllashh1.00版本诞诞生于119966年，由由于当时时的网络络大背景景，Fllashh在出道道之时并并没有得得到计算算机行业业应有的的重视，FFlassh真正正的火爆爆是从FFlassh3.0版本本开始的的，到了了19999年66月发布布的Fllashh4.00版本，其其制作的的动画开开始大量量的在网网上传播播，已经经逐渐成成为了网网页交互互多媒体体动画设设计软件件的标准准。现在在，Fllashh5.00以其特特有的AActiionSScriipt脚脚本编程程，正在在以极快快的速度度追赶HHTMLL网页标标准。它它改变了了以往静静态的、枯燥的的、网页页形

3、式，利利用它短短小精悍悍的文件件体积和和插件，利利用它简简单易学学的操作作方式，利利用它的的“流”式播放放形式丰丰富我们们的网络络生活。试想，如如果它真真的超过过HTMML成为为未来的的网页设设计软件件的主流流，那也也将是网网络的一一场革命命，也是是网络生生活的福福音。 Flassh是网网络时代代的产物物。它不不仅用于于网络动动画，还还可以用用来编写写课件，大大有取代代多媒体体集成软软件auuthoorwaare之之势。FFlassh的流流行版本本是Fllashh 5，最最新版是是Flaash MX。若无特特殊说明明，本教教程中内内容均是是以Fllashh 5中中文版为为例进行行介绍。1.2

4、Flaash的的特点Flassh到底底具有什什么样的的特点，使使得它成成为了众众多多媒媒体设计计师和网网页设计计师的选选择呢？Flaash具具有很多多的特点点，包括括：1.2.1矢量量动画Flassh是一一种基于于矢量图图形的动动画制作作软件。生成的的动画文文件体积积小、质质量好。关于矢量量图与位位图的说说明：矢量图是是计算机机利用点点和线的的属性方方式来表表达的，可可以通过过对图像像中的点点进行移移动和达达到修改改图像的的目的。矢量图图的特点点在于图图像文件件小，而而且对于于图像的的放大和和缩小均均不会影影响图像像的质量量。矢量量图的制制作软件件一般有有FreeeHaand、Illlustt

5、rattor、和CoorellDRAAW。矢矢量图形形文件存存储的是是绘图指指令。位图是以以像素的的点作为为存储图图像的，这这些像素素点在图图像中会会显得异异常绚丽丽。但是是，当图图像放大大时会出出现马赛赛克现象象。而且且由于位位图是用用像素点点方式存存储，所所以一般般来说位位图图像像会比矢矢量图较较大。当当然，并并不是说说所有的的矢量图图都比位位图小，如如果是线线条特别别复杂，图图像色彩彩内容也也特别复复杂的话话，有时时完全相相同的图图像矢量量图也会会比位图图大，但但这样的的情况并并不常发发生。位位图常见见的制作作软件是是PhootoSShopp。位图图文件存存储的是是像素点点的颜色色信息。

6、Flassh动画画（.sswf）与与GIFF动画（.giff）的比比较由于Fllashh动画采采用的是是矢量图图像，所所以在输输出动画画方面更更加适合合于卡通通动画制制作，如如今网络络上的动动画演示示也以卡卡通动画画为主。用Fllashh动画来来比较GGIF动动画，FFlassh动画画则具有有明显的的优势，一一是因为为Flaash动动画使用用矢量图图像，相相应的文文件大小小要比GGIF动动画小的的多，再再加上GGIF动动画只能能输出2256色色，已经经远远不不能满足足大众对对动画图图像的要要求。而而Flaash输输出动画画图像为为真彩，具具有真正正的多媒媒体意义义。如：支持导导入音乐乐文件，支

7、支持交互互内容等等等，再再也不是是一般的的动画制制作软件件所能比比拟，所所以在图图像方面面，Fllashh动画依依然强出出一马。1.2.2、“流”式播放放Flassh动画画采用如如今先进进的“流”式播放放技术，以以及简单单的操作作和插件件播放形形式。即即用户可可以边下下载边观观看，完完全适应应了当今今网络的的带宽问问题，使使得用户户观看动动画再也也不用等等待。同同时，也也可以在在Flaash独独有的AActiionSScriipt脚脚本中加加入等待待程序，使使动画在在下载完完毕以后后再观看看，结束束了网络络动画的的速度隐隐患。另另外Fllashh由于插插件和文文件的短短小尤其其适于网网络传播播

8、。1.2.3、支支持多种种格式文文件Flassh支持持导入的的文件格格式，大大部份的的位图图图像格式式和矢量量图文件件格式都都可以在在Flaash中中导入，还还有音乐乐文件，FFlassh5.0版本本已经支支持MPP3的导导入和输输出。制制作影音音俱佳的的多媒体体动画从从此不再再犯难。导入：图像：.bmpp、.jjpg、.giif、.wmff等，以以及frreehhandd、AuutoCCAD生生成的矢矢量图声音：.wavv、.mmp3视频：.movv导出：图像：.bmpp、.jjpg、.giif、.wmff等，以以及frreehhandd、AuutoCCAD生生成的矢矢量图声音：.wavv、

9、.mmp3动画和视视频：不不仅可以以输出.flaa动画格格式，还还可以 输出aavi、.giif、.htmml、.movv、.ssmill、和.exee等多种种格式的的文件。即便用用户不会会使用这这些相关关软件的的制作也也一样可可以用FFlassh解决决。1.2.4、强强大的AActiion功功能ActiionSScriipt脚脚本语言言可能是是Flaash55.0版版本最伟伟大的改改进，AActiionSScriipt脚脚本的简简单易学学和易用用性，对对初学者者也是体体贴倍至至。使用用全新的的脚本开开发功能能，交互互性的多多媒体更更加强劲劲，面向向对象的的脚本编编程使FFlassh更像像是一

10、个个强大的的程序开开发软件件，从此此以后，FFlassh已经经不再是是一个设设计软件件，它朝朝着集编编程、美美工、设设计众多多强势于于一身的的方向大大步迈进进。ActiionSScriipt是是一种脚脚本语言言，它为为设计者者提供了了一种通通过编程程方式来来控制动动画过程程和实现现交互的的手段。在Flaash中中有两种种编辑动动画方式式：一种种是在时时间轴上上直接编编辑动画画，多用用于设计计演示型型的动画画；另一一种是通通过AcctioonSccrippt编程程实现的的动画，多多用于设设计交互互型动画画。所谓谓交互型型动画也也就是说说使用者者不仅可可以观看看、而且且还可以以进行控控制的动动画。

11、1.3 Flaash 5中文文版的安安装与卸卸载解压缩、安装、汉化1.4 Flaash 5中文文版的基基本工作作环境图1.44-1 Fllashh5中文版版的基本本工作环环境1 舞台台(Sttagee) 就就是工作作区，最最主要的的可编辑辑区域。在这里里可以直直接绘图图，或者者导入外外部图形形文件进进行安排排编辑，再再把各个个独立的的帧合成成在一起起，以生生成电影影作品。 2 时间间轴窗口口(Tiimellinee) 用用它可以以调整电电影的播播放速度度，并把把不同的的图形作作品放在在不同图图层的相相应帧里里，以安安排电影影内容播播放的顺顺序。 3 绘图图工具栏栏(Drrawiing Tooo

12、lbaar) 放置了了可供图图形和文文本编辑辑的各种种工具，用用这些工工具可以以绘图，选选取，喷喷涂，修修改以及及编排文文字，还还有些工工具可以以改变查查看工作作区的方方式。在在选择了了某一工工具时，其其所对应应的修改改器(MModiifieer)也也会在工工具条下下面的位位置出现现，修改改器的作作用是改改变相应应工具对对图形处处理的效效果。图1.44-2 符号号库窗口口4符号库库窗口(Libbrarry WWinddow) 用以以存放可可以重复复使用的的称为符符号的元元素。符符号的类类型包括括有图片片(Grraphhicss)，按按钮(BButtton)和电影影片断(Movvie Cliip

13、)。其调用用的快捷捷键为CCtrll-L。图1.44-3 各种种面板1.5 一个简简单的FFlassh动画画制作示示例【例1.5-11】 变变形动画画圆形形变正方方形在第1帧帧画一正正圆形（注注：按住住Shiift键键可画正正圆、正正方、直直线等）在第400帧插入入一空白白关键帧帧，并画画一正方方形在帧控制制面板中中选择动动画类型型为形状状变形动动画。按Ctrrl+EEnteer键观观看效果果。修改动画画的播放放速度：拖动时时间轴上上的关键键帧到第第20帧帧，观看看动画效效果。1.6 学习FFlassh的方方法一要多听听、多看看、多练练，二要要掌握一一定的方方法、技技巧。能能干加巧巧干，才才能

14、事倍倍功半。不要过过多的理理论，最最好是能能够剖析析实例，举举一反三三。1.6.1上网网搜索FFlassh教程程的方法法进入任一一搜索引引擎网站站，如ssinaa、soohu、goooglee等；新浪网： HYPERLINK / htttp:/seearcch.ssinaa.coom.ccn/搜狐网： HYPERLINK / htttp:/m/Googgle： HYPERLINK / htttp:/m/在搜索栏栏中输入入“Flaash55教程”或“Flaash55教程下下载”等字样样；然后点击击“搜索”按钮；在搜索结结果中选选取一个个超级链链接，进进入相应应网站浏浏览或下下载教程程。1.6.2

15、 FFlassh酷站站推荐下面网站站提供了了Flaash 5教程程下载、在线教教程等内内容：闪客堡 HYPERLINK /tutorial.php hhttpp:/wwww.fllashhcasstlee.coom/ttutooriaal.pphpayycchinna互动动教学 HYPERLINK /flash/ayy/ htttp:/aartss.toom.ccom/flaash/ayyy/中国千龙龙网 HYPERLINK /study/flash/mo.htm htttp:/wwww.cccceen.ccom/stuudy/flaash/mo.htmmTom科科技频道道 HYPERLINK

16、 /software/imageflashlist.html htttp:/teech.tomm.coom/ssofttwarre/iimaggefllashhlisst.hhtmll1.6.3常用用的Fllashh工具软软件SWFBBrowwserr软件简简介：浏浏览Fllashh文件的的好帮手手,不但但可以快快速的浏浏览您电电脑中现现有的FFlassh文件件(SWWF)、将SWWF文件件便成您您的屏幕幕保护程程序外，当当然，也也可以将将这些SSWF文文件变成成可执行行文件,能将FFlassh文件件中的元元件拆解解出来：这一部部份的功功能在您您注册过过后才可可以使用用，如果果您是FFlass

17、h的设设计师或或者有兴兴趣参与与Flaash的的作品开开发者呢呢？如果果是的话话那绝对对不可以以错过SSWF Broowseer这个个实用的的小工具具喔！ HYPERLINK 专门制制作文字字特效的的小软件件Swiish.doccSwwishh是专门门制作文文字特效的小小软件本章练习习：试仿照示示例，做做一个简简单Fllashh动画。上网收集集关于FFlassh 55特点资资料，查查阅Fllashh最新发发展信息息。上网收集集Flaash 5教程程，并下下载自学学。 基本绘绘图2.1 绘图工工具表2.11-1 Flaash 5绘图图工具名称：绘绘图工具具作用：用来画画出动画画中的各各种元素素说

18、明：包括两两大部分分：工具具、各个个工具的的修正区区；每种种工具的的修正区区都有所所不同。名称：箭头工具作用：1.选择、移动线条、色块、符号等；2.对线条进行整形；例子注意：选择的同时按住Shift键可以选择多个对象名称：选择工具作用：直接编辑对象的关键点以得到理准确的图形名称：直线工具作用：画直线；按住Shift键可作出水平、竖直、45度的直线名称：套索工具作用：自由选取不规则区域；通常用于去掉图形的背景使之透明。注意：三个修正项；名称：贝赛尔曲线工具作用：创建路径、不规则形状注意：可以创建/删除节点名称：文本工具作用：创建和修饰文字名称：椭圆工具作用：画圆/椭圆名称：矩形工具作用：画矩形/

19、正方形名称：铅笔工具作用：画任意形状线条注意：三种模式；名称：刷子工具作用：模仿多种笔的效果；填色 。注意：五种填色模式；名称：墨水瓶工具作用：修改线条属性名称：油漆桶工具作用：填充封闭区域名称：吸管工具作用：获取线条/色块属性名称：橡皮工具作用：擦除线条/色块2.2 绘图2.2.1 画画直线1、画任任意角度度的直线线。方法法：使用用工具。2、画固固定角度度的（水水平、垂垂直、445角）直直线。方方法：按按住Shhiftt键同时时画线。3、改变变直线的的位置。方法一一：使用用工具，选选中直线线并拖动动到新位位置上，释释放鼠标标。方法法二：使使用工具具，选中中直线，然然后在“信息”面板中中输入X

20、X、Y坐坐标值，并并按回车车键确认认。此方方法常用用于精确确定位。图2.22-1AA 信息息面板图2.2-11B 转转换面板板4、改变变直线的的角度。方法一一：使用用工具，直直接拖动动直线的的某一端端。方法法二：使使用工具具，选中中直线，然然后在“转换”面板中中输入旋旋转角度度值，并并按回车车键确认认。此方方法常用用于精确确定位。5、变直直线的线线型、线线宽、颜颜色。使使用工具具，选中中直线，然然后在“描绘”面板中中选取一一种线型型，并调调整线宽宽和颜色色。图2.22-1CC描绘面面板6、直线线变曲线线。方法法：选取取工具，将将鼠标移移到直线线附近，当当鼠标指指针变成成带弧线线箭头形形状时，按

21、按住并拖拖动鼠标标，直线线将变成成曲线，释释放鼠标标。7、直线线变折线线。方法法：选取取工具，将将鼠标移移到直线线附近，当当鼠标指指针变成成带弧线线箭头形形状时，按按住Cttrl键键并拖动动鼠标，直直线将变变成折线线，释放放鼠标。【例2.2-11】综合合运用：利用画画线工具具画一个个如图所所示的立立方体。要求：11、练习习直线画画法。22、学会会用标尺尺、网格格来确定定位置。3、按按Shiift键键同时选选择多条条直线。4、改改变线型型。【例2.2-22】综合合运用：利用画画线工具具画一个个如图所所示的三三角形。要求：11、练习习直线画画法。22、学会会用标尺尺、网格格来确定定位置。3、掌掌握

22、贴紧紧对象、复制并并应用转转换、删删除多余余线段、组合等等操作。4、输输入简单单文字2.2.2 画画椭圆（OOvall）、画画矩形（RRecttanggle）【例2.2-33】综合合运用：利用椭椭圆工具具画一个个如图所所示的图图形。要求：11、练习习椭圆、正圆画画法。22、使用用标尺、网格来来确定位位置。33、旋转转、复制制并应用用转换。4、填填充图形形【例2.2-44】综合合运用：利用矩矩形工具具画一个个矩形，然然后将其其变形为为如图所所示的碗碗形。2.2.3 HYPERLINK 编辑颜颜色的方方法.ddoc tt _blaank编辑颜色的方法关于其它它绘图工工具的用用法，凡凡使用过过Pho

23、otosshopp或Wiindoows下下画图程程序人都都很容易易掌握。在此不不再作为为重点介介绍。以以后实践践中再做做补充。此外，由由于Fllashh的绘图图功能不不是很强强大，故故我们也也可以使使用FrreeHHandd、AuutoCCAD、Phootosshopp等软件件完成绘绘图，然然后导入入Flaash中中。2.3 图形(Graaphiic)转转换成符符号（SSymbbol）1、使用用工具，选选取要转转换的图图形；2、选择择“插入”、“转换成成元件”菜单项项，或按按F8键键；3、在弹弹出的元元件属性性对话框框中，选选中“图形”，并输输入名称称；按“确定定”按钮。说明：图图形一但但转换

24、成成符号后后，就可可以反复复使用了了。关于于符号的的其它创创建方法法以及符符号的应应用方法法，将在在后面章章节中介介绍。2.4 图层2.4.1 图图层(Layyer)的概念念关于图层层(Layyer)的概念念，学过过Phootosshopp的人都都不会陌陌生。形形象地说说，图层层可以看看成是叠叠放在一一起的透透明的胶胶片，如如果层上上没有任任何东西西的话，你你就可以以透过它它直接看看到下一一层。所所以我们们可以根根据需要要，在不不同层上上编辑不不同的动动画而互互不影响响，并在在放映时时得到合合成的效效果。使使用图层层并不会会增加动动画文件件的大小小，相反反它可以以更好帮帮助我们们安排和和组织图

25、图形，文文字和动动画。图图层是FFlassh中最最基本而而且重要要的内容容，因而而需要很很好地掌掌握。2.4.2 图图层标识识标识含 义当前正在在编辑的的层该层不能能被编辑辑可以控制制该层是是否被显显示，默默认状态态为正常常显示，在在对应下下方用表表示，如如果点击击这个黑黑点，则则会出现现，同时时该层被被隐藏，隐隐藏的层层不能被被编辑。用来控制制是否锁锁住该层层，被锁锁住的层层可以正正常显示示，但不不能被编编辑，这这样在你你编辑其其它层时时，可以以利用这这一层作作参考，而而不会误误改了这这一层的的内容。可以控制制是否将将层以轮轮廓线方方式显示示，点击击对应的的黑点，会会出现，再再点一次次恢复正

26、正常。本层是一一个导向向层本层是一一个遮罩罩层本层是一一个被遮遮罩层，左左缩进2.4.3 图图层操作作新建图层层 新建建一个普普通图层层（Norrmall）：点击击层下方方的按钮钮可以在在当前层层上方新新建一个个普通图图层。新建一一个导向向层（GGuidde）：点击层层下方的的的按钮钮可以在在当前层层上方新新建一个个导向层层（Guuidee）。导向图层层（Guuidee），其作作用是辅辅助其它它图层对对象的运运动或定定位，例例如我们们可以为为一个球球指定其其运动轨轨迹。另另外也可可以在这这个图层层上创建建网格或或对象，以以帮助对对齐其他他对象。被导向图图层（GGuidded），该选选项在上上一层为为一导向向层或被被导向层层时才有有效。当当该项被被选择时时，所代代表的层层与导向向图层将将产生某某种关联联。注意，在在没有被被导向层层时，导导向层用用来表示示，有被被导向层层以后，导导向层的的标识将将变为。 新建建一个遮遮罩层（Mask）：在图层上单击鼠标右键，选取菜单中 的“遮蔽”选项，可以将该图层设置为遮罩层。遮罩也是是Flaas