Dreamweaver和Flash案例教程中文Flash基础实用教案

1、图8-1-1 第1个Flash影片播放中的两个(lin )画面第1页/共132页第一页，共133页。 通过制作该案例，可以(ky)对中文Flash 8的工作环境和一些基本操作方法有一个初步的了解。 8.1.2 操作过程第2页/共132页第二页，共133页。 1中文Flash 8的工作(gngzu)环境 中文Flash 8的工作(gngzu)环境如图8-1-14所示。它包括标题栏、菜单栏、主要工具栏、工具箱、时间轴、舞台工作(gngzu)区、“属性”面板、“库”面板和其他各种面板等。8.1.3 相关相关(xinggun)知识知识第3页/共132页第三页，共133页。图8-1-14 中文(zhng

2、wn)Flash 8的工作界面 第4页/共132页第四页，共133页。 单击“窗口”“工具栏”“”菜单命令，可以打开或关闭(gunb)主要工具栏、控制器（用于播放动画）和编辑栏。单击“窗口”“工具”菜单命令，可以打开或关闭(gunb)工具箱。单击“窗口”“时间轴”菜单命令，可以显示或隐藏时间轴窗口。第5页/共132页第五页，共133页。 Flash 8还有许多面板，要打开其他面板和关闭面板，可以单击“窗口”“”菜单命令或“窗口”“其他面板”“”菜单命令。如果有的面板打不开，可单击“窗口”“工作区布局”“默认”菜单命令。 将鼠标指针移到各按钮之上时，会显示相应(xingyng)的中文名称提示。第

3、6页/共132页第六页，共133页。 主要工具栏也叫做( jiozu)主工具栏，如图8-1-14所示，其中15个按钮的作用如表8-1-1所示。2主要主要(zhyo)工具栏工具栏第7页/共132页第七页，共133页。序号序号图标图标英文名英文名中文名中文名作作 用用1New新建新建新建一个新建一个Flash文档文档2Open打开打开打开一个已存在的打开一个已存在的Flash文档文档3Save保存保存将当前编辑的将当前编辑的Flash文件保存文件保存(.fla格式格式)4Print打印打印将当前编辑的将当前编辑的Flash图像打印输出图像打印输出5Cut剪切剪切将选中的对象剪切到剪贴板中将选中的对

4、象剪切到剪贴板中6Copy复制复制将选中的对象复制到剪贴板中将选中的对象复制到剪贴板中7Paste粘贴粘贴将剪贴板中的内容粘贴到舞台工作区内将剪贴板中的内容粘贴到舞台工作区内表8-1-1 主要(zhyo)工具栏按钮的名称与作用第8页/共132页第八页，共133页。序号序号图标图标英文名英文名中文名中文名作作 用用8 8UndoUndo撤销撤销撤销刚刚完成的操作撤销刚刚完成的操作9 9RedoRedo重做重做重新进行刚刚被撤销的操作重新进行刚刚被撤销的操作1010Snap toSnap toObjectObject对齐对象对齐对象可使编辑时进入可使编辑时进入“对齐对齐”状态。此时，绘制图形、移动

5、对象都可状态。此时，绘制图形、移动对象都可以自动对齐到对象、网格或辅助线，但不适合于微量调整以自动对齐到对象、网格或辅助线，但不适合于微量调整1111Smooth Smooth 平滑平滑可使选中的曲线或图形外形更加平滑，多次单击具有累积效果可使选中的曲线或图形外形更加平滑，多次单击具有累积效果1212StraightStraightenen伸直伸直可使选中的曲线或图形外形更加平直，多次单击具有累积效果可使选中的曲线或图形外形更加平直，多次单击具有累积效果1313RotateRotate旋转与倾斜旋转与倾斜可改变舞台中对象的旋转角度和倾斜角度可改变舞台中对象的旋转角度和倾斜角度1414Scale

6、Scale缩放缩放可改变舞台中对象的大小尺寸可改变舞台中对象的大小尺寸1515AlignAlign对齐对齐用来将舞台中多个选中对象按设定的方式排列对齐用来将舞台中多个选中对象按设定的方式排列对齐续表第9页/共132页第九页，共133页。 工具箱中提供了用于图形绘制和图形编辑的各种工具。工具箱内从上到下分为4个栏：“工具”栏、“查看”栏、“颜色(yns)”栏和“选项”栏，如图8-1-14所示。单击按下某个工具的按钮，即可激活相应的操作功能，以后把这一操作叫做使用某个工具。3工具箱工具箱第10页/共132页第十页，共133页。 （1）“工具”栏：工具箱“工具”栏内的工具用来(yn li)绘制图形、

7、输入文字和编辑图形。其中各工具按钮的名称与作用如表8-1-2所示。第11页/共132页第十一页，共133页。序号序号图标图标英英 文文 名名中中 文文 名名热键热键作作 用用1 1ArrowArrow选择工具选择工具V V用来选择舞台中的对象，然后可以移动对象，用来选择舞台中的对象，然后可以移动对象，以及改变对象的大小和形状以及改变对象的大小和形状2 2SubselectSubselect部分选取工具部分选取工具A A用来选择加工矢量图形，增加和删除曲线节用来选择加工矢量图形，增加和删除曲线节点，改变图形形状等点，改变图形形状等3 3LineLine线条工具线条工具N N用来绘制各种形状、粗细

8、、长度、颜色和角用来绘制各种形状、粗细、长度、颜色和角度的矢量直线度的矢量直线4 4LassoLasso套索工具套索工具L L用来在舞台中选择不规则区域或多个对象用来在舞台中选择不规则区域或多个对象5 5PenPen钢笔工具钢笔工具P P用来采用贝兹绘图（即贝赛尔绘图）方式绘用来采用贝兹绘图（即贝赛尔绘图）方式绘制矢量曲线图形制矢量曲线图形6 6TextText文本工具文本工具T T用来输入和编辑字符和文字对象用来输入和编辑字符和文字对象7 7OvalOval椭圆工具椭圆工具O O用来绘制椭圆形或正圆形的轮廓线或有填充用来绘制椭圆形或正圆形的轮廓线或有填充的矩形矢量图的矩形矢量图8-18-1R

9、ectangleRectangle矩形工具矩形工具R R用来绘制矩形或正方形的轮廓线或有填充的用来绘制矩形或正方形的轮廓线或有填充的矢量图矢量图表8-1-2“工具”栏中工具按钮的名称(mngchng)与作用 第12页/共132页第十二页，共133页。序号序号图标图标英英 文文 名名中中 文文 名名热键热键作作 用用8-28-2PolygonPolygon多角星形工具多角星形工具R R用来绘制多边形和多角星形轮廓线或有填充的多用来绘制多边形和多角星形轮廓线或有填充的多边形和多角星形矢量图边形和多角星形矢量图9 9PencilPencil铅笔工具铅笔工具Y Y用来绘制任意形状的矢量直线或曲线图形用

10、来绘制任意形状的矢量直线或曲线图形1010BrushBrush刷子工具刷子工具B B可像画笔一样绘制任意形状和粗细的矢量曲线图可像画笔一样绘制任意形状和粗细的矢量曲线图形形1111Free TransformFree Transform任意变形工具任意变形工具Q Q用来改变对象的位置、大小、旋转角度和倾斜角用来改变对象的位置、大小、旋转角度和倾斜角度等度等1212Fill TransformFill Transform填充变形工具填充变形工具F F用来改变填充的位置、大小、旋转角度和倾斜角用来改变填充的位置、大小、旋转角度和倾斜角度等度等1313Ink bottleInk bottle墨水瓶工

11、具墨水瓶工具S S用来改变线条的颜色、形状和粗细等属性用来改变线条的颜色、形状和粗细等属性1414Paint bucketPaint bucket颜料桶工具颜料桶工具K K用来给矢量线围成的区域（填充）填充彩色或图用来给矢量线围成的区域（填充）填充彩色或图像内容像内容1515DropperDropper滴管工具滴管工具I I用来将舞台中选择的对象的一些属性赋予相应的用来将舞台中选择的对象的一些属性赋予相应的面板面板1616EraserEraser橡皮擦工具橡皮擦工具E E用来擦除舞台上的图形和打碎后的图像与文字等用来擦除舞台上的图形和打碎后的图像与文字等对象对象续表第13页/共132页第十三页

12、，共133页。 （2）“查看”栏：工具箱内的“查看”栏中有“手形工具”和“缩放工具”，使用这两个工具可以调整舞台工作区的显示比例和观察的位置(wi zhi)。这两个工具的名称与它们的作用如表8-1-3所示。第14页/共132页第十四页，共133页。序号序号图标图标英文名英文名中文名中文名热键热键作作 用用1 1HandHand手形工手形工具具H H将鼠标指针移到舞台工作区之上，将鼠标指针移到舞台工作区之上，拖曳鼠标来移动舞台工作区的观拖曳鼠标来移动舞台工作区的观察位置察位置2 2ZoomZoom缩放工缩放工具具M,ZM,Z用来改变舞台工作区和其内对象用来改变舞台工作区和其内对象的显示比例的显示

13、比例表8-1-3“查看”栏中工具按钮的名称(mngchng)与作用第15页/共132页第十五页，共133页。 （3）“颜色”栏：它是用来确定绘制图形的线条和填充的颜色。其中(qzhng)各按钮的名称与作用如表8-1-4所示。第16页/共132页第十六页，共133页。序序号号图标图标名名 称称作作 用用1 1笔触颜色笔触颜色用于给线着色，笔触颜色的默认颜色为黑色用于给线着色，笔触颜色的默认颜色为黑色2 2填充色填充色用于给填充着色，填充色的默认颜色为白色用于给填充着色，填充色的默认颜色为白色3 3黑白黑白使笔触颜色和填充色恢复到默认状态使笔触颜色和填充色恢复到默认状态4 4没有颜色没有颜色在没有

14、颜色和有颜色之间切换，在选择了椭圆在没有颜色和有颜色之间切换，在选择了椭圆或矩形工具后才有效或矩形工具后才有效5 5交换颜色交换颜色使笔触颜色与填充色互换使笔触颜色与填充色互换表8-1-4“查看”栏中工具按钮的名称(mngchng)与作用第17页/共132页第十七页，共133页。 （4）“选项”栏：工具箱“选项”栏中放置了用于对当前激活的工具进行设置(shzh)的一些属性和功能按钮等选项。这些选项是随着用户选用工具的改变而变化的，大多数工具都有自己相应的属性设置(shzh)。第18页/共132页第十八页，共133页。 （1）保存Flash动画：如果是第一次存储Flash动画，可单击“文件(wn

15、jin)”“保存”或“文件(wnjin)”“另存为”菜单命令，弹出“保存为”对话框。利用该对话框，可以将动画存储为扩展名为“.fla”的Flash MX 2004 影片文件(wnjin)或扩展名为“.fla”的Flash 8影片文件(wnjin)。4保存、打开、关闭保存、打开、关闭(gunb)Flash文档和退出文档和退出Flash 8第19页/共132页第十九页，共133页。 如果要再次保存(bocn)修改后的Flash动画文件，可单击“文件”“保存(bocn)”菜单命令。如果要以其他名字保存(bocn)当前Flash动画，可单击“文件”“另存为”菜单命令。第20页/共132页第二十页，共1

16、33页。 （2）打开Flash动画：单击“文件”“打开”菜单命令，弹出“打开”对话框。利用(lyng)该对话框，选择扩展名为“.fla”的Flash MX 2004或Flash 8文件，再单击该对话框内的“打开”按钮，即可打开选定的Flash动画文件。第21页/共132页第二十一页，共133页。 （3）关闭Flash文档窗口(chungku)：单击“文件”“关闭”菜单命令或单击Flash舞台窗口(chungku)右上角的 按钮。如果在此之前没有保存动画文件，会弹出一个提示框，提示是否保存动画文件。单击“是”按钮，即可保存文件，然后关闭Flash 8文档窗口(chungku)。第22页/共132

17、页第二十二页，共133页。 （4）退出Flash 8：单击“文件(wnjin)”“退出”菜单命令或单击Flash 8窗口右上角的 按钮。如果在此之前还有没关闭的修改过的Flash文档，则会弹出提示框，提示是否保存动画文件(wnjin)。单击“是”按钮，即可保存文件(wnjin)，并关闭Flash文档窗口。关闭所有的Flash文档窗口后，退出Flash 8。第23页/共132页第二十三页，共133页。 8.2.1 学习目标(mbio) “简单的图像切换”动画是在【案例25】“计算机产品展示”动画的基础上制作成的。该动画播放后，当文字和图像完全展开后，第2幅主机板图像会从右向左移到演示窗口中，将第

18、1幅图像完全遮挡住，同时还增加了背景音乐，其中的2幅画面如图8-2-1所示。8.2 【案例26】“简单(jindn)的图像切换”动画第24页/共132页第二十四页，共133页。图8-2-1 “简单的图像(t xin)切换”动画播放中的2幅画面第25页/共132页第二十五页，共133页。 通过制作该案例，可以进一步掌握导入外部图像、输入文本和编辑文本的方法，特别是掌握解位图图像和文字(wnz)的分离方法和初步了解打碎的图像与文字(wnz)的特点。 8.2.2 操作过程第26页/共132页第二十六页，共133页。 1导入外部素材 （1）导入到舞台工作区：单击“文件”“导入”“导入到舞台”菜单命令(

19、mng lng)，弹出“导入”对话框。利用该对话框，选择文件，再单击“打开”按钮，即可将选定的素材导入到舞台工作区和“库”面板中。8.2.3 相关相关(xinggun)知识知识第27页/共132页第二十七页，共133页。 可以导入的外部素材有矢量图形(txng)、位图、视频影片和声音素材等，文件的格式很多，这可以从“导入”对话框的文件类型下拉列表框中看出，如图8-2-7所示。第28页/共132页第二十八页，共133页。图8-2-7 “文件类型”下拉列表框第29页/共132页第二十九页，共133页。 如果选择的文件名是以数字序号结尾的，则会弹出“中文Flash 8”提示框，询问是否(sh fu)

20、将同一个文件夹中的一系列文件全部导入。单击“否”按钮，则只将选定的文件导入。单击“是”按钮，即可将一系列文件全部导入舞台工作区内。例如，在文件夹内有PC1.jpgPC10.jpg图像文件，在选中PC1.jpg文件后，单击“是”按钮，即可将这些文件都导入舞台工作区内。第30页/共132页第三十页，共133页。 如果一个导入的文件有多个图层，Flash会自动创建新层以适应导入的图像。 如果导入的是AVI格式(g shi)的视频文件，会弹出“导入视频”对话框，如图8-2-8所示。第31页/共132页第三十一页，共133页。图8-2-8 “导入视频(shpn)”对话框 第32页/共132页第三十二页，

21、共133页。 这是一个导入视频的向导，此时处于“选择视频”状态。选择一个视频文件后，单击“下一步”按钮后会切换到另一个“导入视频”对话框。按照“导入视频”对话框向导进行一步步操作，最后单击“完成”按钮，即可完成视频文件的导入。在Flash 8中，处理视频的功能大大(d d)加强了，在后面的章节中将更详细地进行介绍。第33页/共132页第三十三页，共133页。 （2）利用剪贴板导入：首先，在Flash或其他应用软件中使用“复制”命令，将图形等对象复制到剪贴板中。然后，在Flash 8中，单击“编辑”“粘贴到中心位置(wi zhi)”菜单命令，将剪贴板中的内容粘贴到舞台工作区的中心与“库”面板中。

22、第34页/共132页第三十四页，共133页。 单击“编辑”“粘贴到当前位置”菜单命令，可将剪贴板中的内容粘贴到舞台工作区中该图像的原始(yunsh)位置。只有将Flash的舞台工作区内选中的对象复制到剪贴板中后，该菜单命令才有效。第35页/共132页第三十五页，共133页。 如果单击“编辑”“选择性粘贴”菜单命令，即可弹出“选择性粘贴”对话框，如图8-2-9所示。在“作为”列表框内，选中一个软件名称，再单击“确定”按钮，即可将选定(xun dn)的内容粘贴到舞台工作区中。同时，还建立了导入对象与选定(xun dn)软件之间的链接。第36页/共132页第三十六页，共133页。图8-2-9 “选择

23、性粘贴(zhnti)”对话框第37页/共132页第三十七页，共133页。 （3）导入到“库”面板：单击“文件(wnjin)”“导入”“导入到库”菜单命令，弹出“导入”对话框。利用该对话框选择文件(wnjin)，单击“打开”按钮，即可将选定的素材导入“库”面板。第38页/共132页第三十八页，共133页。 （1）输入文本的方法：单击工具(gngj)箱内的“文字工具(gngj)”按钮 ，再单击舞台工作区，即会出现一个矩形文本框，矩形框右上角有一个小圆控制柄，表示它是延伸文本，同时光标出现在文本框内，这时就可以输入文字了。随着文字的输入，文本框会自动向右延伸，如图8-2-10所示。2输入输入(shr

24、)文本文本第39页/共132页第三十九页，共133页。 图8-2-10 延伸(ynshn)文本 第40页/共132页第四十页，共133页。 （2）输入固定行宽的文本：单击工具箱内的“文本工具”按钮 ，在舞台的工作区中拖曳(tuy)出一个矩形文本框。此时文本框右上角的控制柄为方形，表示文本为固定行宽文本，如图8-2-11所示。在固定行宽文本状态下，输入文字会自动换行。双击方形控制柄，可将固定行宽文本变为延伸文本。可以用鼠标拖曳(tuy)文本框的控制柄，来改变文本框的行宽度。第41页/共132页第四十一页，共133页。 图8-2-11 固定(gdng)行宽文本第42页/共132页第四十二页，共13

25、3页。 （3）文本属性的设置：文本属性包括文字的字体、字号、颜色和风格等。设置文本的属性可以通过菜单命令或“属性”面板选项的调整(tiozhng)来完成。文本的颜色由填充色（单色）决定。单击“文本”菜单下的子菜单命令，即可进行文本属性的设置。第43页/共132页第四十三页，共133页。 单击工具箱内的“文字工具”按钮 ，单击舞台工作区内(q ni)，即可弹出它的“属性”面板，如图8-2-12所示。其中一些特殊选项的作用如下。第44页/共132页第四十四页，共133页。图8-2-12 文本工具的“属性(shxng)”（静态文本）面板第45页/共132页第四十五页，共133页。 按钮：用来确定文字

26、的颜色。 “字符间距”文本框 ：用来确定各字符之间的距离（单位像素(xin s)）。 “字符位置”下拉列表框 ：用来选择字符在垂直方向的位置。第46页/共132页第四十六页，共133页。 “编辑格式选项”按钮：单击它可调出“格式选项”对话框，利用它可以设置段落的缩进量、行间矩、左边矩和右边距等。 “改变文本方向”按钮 ：单击它可弹出一个菜单，如图8-2-13所示，利用该菜单可以设置多行文字(wnz)的排列方式。第47页/共132页第四十七页，共133页。图8-2-13 菜单(ci dn) 第48页/共132页第四十八页，共133页。 “自动调整字距”复选框：选中它后，使用字体信息内部的字间距。

27、 “字体呈现方法”下拉列表框：用来选择设备字体或各种消除锯齿的字体。消除锯齿可对文本作平滑(pnghu)处理，使屏幕上显示的字符的边缘更平滑(pnghu)。这对于清晰呈现较小字体尤为有效。第49页/共132页第四十九页，共133页。 “字体呈现方法”下拉列表框：用来选择设备字体或各种消除锯齿的字体。消除锯齿可对文本作平滑处理，使屏幕上显示的字符的边缘更平滑。这对于(duy)清晰呈现较小字体尤为有效。 “可选”按钮 ：单击它后，可用鼠标拖曳选择动画中的文字。第50页/共132页第五十页，共133页。 在Flash中，许多操作（改变位图的局部色彩或形状，以及进行位图的变形过渡动画制作）是针对矢量图

28、形进行的，对于导入的位图和输入的文字就不能操作。位图和文字必须(bx)经过分离（也叫打碎）后才能和绘制的图形一样进行一些操作和编辑。3分离分离(fnl)位图和文字位图和文字第51页/共132页第五十一页，共133页。 （1）分离位图：选中一个位图，再单击“修改(xigi)”“分离”菜单命令，将位图分离。分离的位图图像可以像绘制的图形那样进行编辑修改(xigi)。第52页/共132页第五十二页，共133页。 （2）分离文字(wnz)：对于Flash MX中的文字(wnz)，可以通过单击“修改”“分离”菜单命令，将它们分解为独立的单个字符或汉字。第53页/共132页第五十三页，共133页。 例如(

29、lr)，图8-2-14上图所示的是在Flash中输入的文字，它是一个整体，即一个对象。选中它后，再单击“修改”“分离”菜单命令，即可将它分解为相互独立的3个字符和4个汉字，如图8-2-14下图所示。第54页/共132页第五十四页，共133页。 图8-2-14 文字(wnz)的分解 第55页/共132页第五十五页，共133页。 如果选中一个或多个单独的字符或汉字，然后单击“修改”“分离”菜单命令，即可将它或它们分离（叫打碎），如图8-2-15所示（打碎的文字上面(shng min)有一些小白点）。打碎的文字可以按照图形来编辑修改。第56页/共132页第五十六页，共133页。 图8-2-15 分离

30、(fnl)的文字第57页/共132页第五十七页，共133页。 8.3.1 学习目标 “沿矩形框架移动的鼠标”动画播放(b fn)后，一个绿色彩球沿七彩矩形框架的内边缘转圈移动，其中的两幅画面如图8-3-1所示。通过制作该案例，可以掌握设置图形颜色、将对象对齐等方法，掌握移动对象的起点和终点位置一样的动画制作方法。 8.3.2 操作过程8.3 【案例27】“沿矩形框架(kun ji)移动的鼠标”动画第58页/共132页第五十八页，共133页。图8-3-1 “沿矩形框架移动的鼠标”动画播放(b fn)后的两幅画面第59页/共132页第五十九页，共133页。 1舞台(wti)工作区的网格 在舞台(w

31、ti)工作区中，为了使对象准确定位，可以给舞台(wti)的上边和左边加入标尺，在舞台(wti)工作区内显示网格和辅助线，它们不会随动画输出。显示与隐藏辅助线的方法如下。8.3.3 相关相关(xinggun)知识知识第60页/共132页第六十页，共133页。 （1）选中“视图”“网格”“显示(xinsh)网格”菜单选按钮，会在舞台工作区内显示(xinsh)网格。再单击该菜单命令，可取消该菜单选按钮左边的对勾，同时取消网格。第61页/共132页第六十一页，共133页。 （2）选中“视图”“网格(wn )”“编辑网格(wn )”菜单选按钮，弹出“网格(wn )”对话框，如图8-3-10所示。利用该对

32、话框，可以编辑网格(wn )的颜色，调整网格(wn )线间距，确定是否显示网格(wn )线、是否对齐网格(wn )线和移动对象时贴紧网格(wn )线的精确度等。加入网格(wn )的舞台工作区如图8-3-11所示。第62页/共132页第六十二页，共133页。图8-3-10 “网格(wn )”对话框 第63页/共132页第六十三页，共133页。 图8-3-11 加入(jir)网格的舞台工作区第64页/共132页第六十四页，共133页。 （1）面板的基本操作：面板的种类(zhngli)很多，但它们具有相同的一些基本操作，具体介绍如下。 单击面板左上角的 按钮或标题栏，可以折叠面板。同时面板右下角的

33、按钮会变为 图标状。再单击 图标，又可以将面板展开。单击面板的标题栏，也可以将面板折叠。2面板(min bn)第65页/共132页第六十五页，共133页。 弹出的面板通常会放置在Flash窗口的下边(xi bian)（“属性”面板等）和右边，用鼠标拖曳面板左上角的 图标，可以将面板拖曳到其他位置。第66页/共132页第六十六页，共133页。 单击面板(min bn)标题栏右边的 图标，可弹出该面板(min bn)的面板(min bn)菜单。例如，单击“信息”面板(min bn)标题栏右边的 图标，可弹出它的面板(min bn)菜单，如图8-3-12所示。第67页/共132页第六十七页，共133

34、页。图8-3-12 “信息(xnx)”面板的面板菜单第68页/共132页第六十八页，共133页。 （2）“属性”面板的特点：它是一个非常有用的特殊面板，选中不同的对象或工具箱中的工具时，会自动弹出不同的“属性”面板，其中集中了相应的参数设置选项。例如，单击工具箱中的椭圆(tuyun)工具 时，它的“属性”面板如图8-3-13所示，其中提供了用于设置椭圆(tuyun)轮廓线颜色、线粗细、线类型和椭圆(tuyun)轮廓线内填充等工具选项。第69页/共132页第六十九页，共133页。图8-3-13 椭圆(tuyun)工具的“属性”面板第70页/共132页第七十页，共133页。 单击“属性”面板右下角

35、的箭头按钮 ，可以收缩“属性”面板的下半部分(b fen)内容；单击“属性”面板右下角的箭头按钮 ，可以展开“属性”面板的下半部分(b fen)内容。第71页/共132页第七十一页，共133页。 （3）面板布局：在没有改变面板的位置时，面板均排列在Flash 8工作界面的右边，这是Flash 8的默认状态。为了使用方便，用户(yngh)可以根据自己的习惯或工作的需要，重新调整打开哪些面板，调整各面板的位置。具体操作方法如下。第72页/共132页第七十二页，共133页。 保存工作区布局：调整(tiozhng)打开的面板位置后，单击“窗口”“工作区布局”“保存当前”菜单命令，弹出“保存工作区布局”

36、对话框，如图8-3-14所示。在该对话框的文本框中输入面板布局的名称，（例如“布局1”），单击“确定”按钮，即可在“窗口”“工作区布局”菜单中添加一个“布局1”菜单命令。 第73页/共132页第七十三页，共133页。图8-3-14 “保存工作(gngzu)区布局”对话框第74页/共132页第七十四页，共133页。 使用面板布局：单击“窗口”“工作区布局”“布局1”菜单命令(mng lng)，即可将工作环境改变为当时保存的状态。第75页/共132页第七十五页，共133页。 恢复(huf)默认的面板布局：单击“窗口”“工作区布局”“默认”菜单命令，即可将工作环境改变为Flash 8的默认状态；单击

37、“窗口”“面板设置”“管理工作区布局”菜单命令，即可调出“管理工作区布局”对话框，利用该对话框可以将自定义的工作区布局更名或删除。第76页/共132页第七十六页，共133页。 对象的贴紧就是在进行绘制和移动对象等操作时，被操作的对象可以自动与网格、辅助线或其他对象自动贴紧。这项功能有时(yush)需要，有时(yush)又不需要（希望对象与辅助线等有较小的间距时）。有关对象贴紧的一些操作介绍如下。 3对象对象(duxing)的贴紧的贴紧第77页/共132页第七十七页，共133页。 （1）与网格贴紧：如果选中“网格”对话框中的“贴紧至网格”复选框，则以后在绘制、调整和移动对象时，可以自动与网格线对

38、齐。“网格”对话框内的“对齐精确度”下拉列表框中给出了“必须接近”、“一般(ybn)”、“可以远离”和“总是对齐”四个选项，表示贴紧网格的程度。第78页/共132页第七十八页，共133页。 （2）与辅助线贴紧：在舞台工作区中创建了辅助线后，如果在“辅助线”对话框中选中“贴紧至辅助线”复选框，则以后在创建、调整和移动(ydng)对象时，可以自动与辅助线对齐。第79页/共132页第七十九页，共133页。 （3）与对象贴紧：单击按下主要工具栏内或工具箱“选项”栏（在选择(xunz)了一些工具后的“选项”栏）内的“贴紧至对象”按钮 。以后，在创建、调整和移动对象时，即可以自动与附近的对象贴紧。第80页

39、/共132页第八十页，共133页。 如果(rgu)“贴紧至像素”是选中的，则当视图缩放比率设置为400% 或更高的时候，会出现一个像素网格。该像素网格代表将出现单个像素。当创建或移动一个对象时，它会被限定到该像素网格内。如果(rgu)创建的形状边缘处于像素边界内（例如，使用的笔触宽度是小数形式，如 3.5 像素），则切记“贴紧至像素”是贴紧像素边界，而不是贴紧图形的边缘。第81页/共132页第八十一页，共133页。 （1）利用“信息”面板：单击“窗口”“信息”菜单命令，弹出“信息”面板，如图8-3-15所示。利用该面板可以精确( jngqu)调整对象的位置与大小，它的使用方法如下。4精确调整对

40、象精确调整对象(duxing)的位置与大小的位置与大小第82页/共132页第八十二页，共133页。图8-3-15 “信息(xnx)”面板 第83页/共132页第八十三页，共133页。 “信息”面板左下角给出了鼠标指针指示处颜色的R、G、B和Alpha的值。右下角给出了鼠标指针位置(wi zhi)的坐标值。随着鼠标指针的移动，这些数值也会随着改变。 “信息”面板中的“W”和“H”文本框内给出了选中对象的宽度和高度值（单位为像素）。改变文本框内的数值，再按回车键，可以改变选中对象的大小。第84页/共132页第八十四页，共133页。 “信息”面板中的“X”和“Y”文本框内给出了选中的对象(duxin

41、g)的坐标值（单位为像素）。改变文本框内的数值，再按回车键，可以改变选中对象(duxing)的位置。选中“X”和“Y”文本框左边9个小方块中中间的白色小方块，使它变为黑色 ，则表示给出的是对象(duxing)中心的坐标值；在选中左上角的 小方框时，表示对象(duxing)外切矩形左上角的坐标。第85页/共132页第八十五页，共133页。 （2）利用(lyng)“属性”面板：“属性”面板中左下角的“宽”和“高”文本框可以精确调整对象的大小，利用(lyng)“X”和“Y”文本框可以精确调整对象的位置，如图8-3-16所示。第86页/共132页第八十六页，共133页。图8-3-16 “属性(shxn

42、g)”面板中的4个文本框 第87页/共132页第八十七页，共133页。 单击“窗口”“设计面板”“颜色样本”菜单命令，可弹出“颜色样本”面板，如图8-3-17所示，它与填充色的颜色板（如图8-3-4所示）基本一样，它可以给线和填充设置颜色。它的底部有一行按钮，该行按钮是系统提供的填充效果（线性填充效果和放射状填充效果）样式(yngsh)图标，单击其中一个图标，即可迅速获得相应的渐变填充色设置。5利用利用“颜色颜色(yns)样本样本”面板设置颜色面板设置颜色(yns)第88页/共132页第八十八页，共133页。图8-3-17 “颜色(yns)样本”面板第89页/共132页第八十九页，共133页。

43、 8.4.1 学习目标 “跳跃彩球”动画播放后，3个相同颜色的彩球垂直上下跳跃，背景是一幅半透明的图像。“跳跃彩球”动画播放后的2幅画面如图8-4-1所示。通过制作该案例，可以(ky)初步了解“库”面板、影片剪辑元件和元件实例等非常重要的概念和一些基本操作方法。 8.4.2 操作过程8.4 【案例28】“跳跃(tioyu)彩球”动画第90页/共132页第九十页，共133页。图8-4-1 “跳跃彩球(ci qi)”动画播放后的2幅画面第91页/共132页第九十一页，共133页。 1元件和实例的特点 在制作动画时，会遇到某个对象在舞台中多处出现的情况。如果把每个对象都分别制作，这样既费事又会增加动

44、画文件的大小(dxio)。为此，Flash设置了一个元件的“库”面板，用来存放各种元件。单击“窗口”“库”菜单命令，可以弹出“库”面板，如图8-4-14所示。 8.4.3 相关相关(xinggun)知识知识第92页/共132页第九十二页，共133页。图8-4-14 “库”面板(min bn)第93页/共132页第九十三页，共133页。 在需要元件对象上场时，只需用鼠标将“库”面板(min bn)中的元件拖曳到舞台中即可。此时舞台中的该对象称为“实例”，即元件复制的样品。舞台中可以放置多个相同元件复制的实例对象，但在“库”面板(min bn)中与之对应的元件只有一个。第94页/共132页第九十四

45、页，共133页。 当元件的属性（例如(lr)，大小、颜色等）改变时，由它生成的实例也会随之改变。当实例的属性（例如(lr)，大小、颜色、亮度、透明度等）改变时，与它相应的元件和由该元件生成的其他实例不会随之改变。第95页/共132页第九十五页，共133页。 常用的元件有3种，它们的特点如下。 （1）图形元件 ：它可以是矢量图形、图像、声音或动画等，通常用来(yn li)制作电影中的静态图形，不具有交互性。声音元件是图形元件中的一种特殊元件，它有自己的图标 。2元件元件(yunjin)的分类的分类第96页/共132页第九十六页，共133页。 （2）影片剪辑元件 ：它是主影片中一段影片剪辑，用来制

46、作独立于主影片时间轴的动画。它可以包括交互性控制、声音甚至其他影片剪辑的实例。也可以把影片剪辑的实例放在按钮的时间轴中，从而实现动画按钮。为了(wi le)实现交互性，单独的图像也可以做成影片剪辑。第97页/共132页第九十七页，共133页。 影片剪辑元件和图形元件均可以是一个动画。用影片剪辑元件创建的实例与图形元件创建的实例不同。影片剪辑实例只需要一个关键帧来播放动画，而图形实例必须(bx)放在要它出现的每一帧里。第98页/共132页第九十八页，共133页。 （3）按钮元件 ：它可以在电影中创建交互按钮，产生(chnshng)事件（例如，鼠标单击等）。在Flash中，首先要为按钮设计不同状态

47、的外观，然后为按钮的实例分配动作。第99页/共132页第九十九页，共133页。 在编辑时，单击“控制”“播放”菜单命令后，不能看到由影片剪辑元件和按钮元件产生(chnshng)的实例组成的动画和交互性效果，必须单击“控制”“测试影片”或单击“控制”“测试场景”菜单命令，才能在播放器窗口内演示它的动画和交互效果。第100页/共132页第一百页，共133页。 （1）单击“插入”“新建元件”菜单命令或单击“库”面板(min bn)左下角的“新建元件”按钮 ，弹出“创建新元件”对话框，如图8-4-2所示。3创建图形元件和影片创建图形元件和影片(yngpin)剪辑元件剪辑元件第101页/共132页第一百

48、零一页，共133页。 在“行为”栏内选择元件类型（例如，选择影片剪辑），在“名称”文本框内输入元件名称（例如，输入“彩球”），单击“确定”按钮，即可打开(d ki)元件编辑窗口，该窗口内有一个十字标记，表示元件的中心。同时，在“库”面板中会出现一个新的名称为“彩球”的影片剪辑元件，但它还是空的。第102页/共132页第一百零二页，共133页。 （2）在该窗口内创建对象(duxing)或导入对象(duxing)，还可以制作动画等。此时，单击“库”面板中新增元件的名称或图标，即可在“库”面板上边素材预览窗口内显示出该元件的图形。第103页/共132页第一百零三页，共133页。 （3）单击“编辑”“

49、编辑文档”菜单(ci dn)命令，或者单击元件编辑窗口中的场景名称图标 或按钮 ，即可回到主场景舞台工作区。第104页/共132页第一百零四页，共133页。 库分为两种，一个是用户库，也叫“库”面板，用来(yn li)存放用户创建Flash动画中的元件；另一个是Flash 8系统提供的“公用库”，用来(yn li)存放Flash 8系统提供的元件，它分为3种：“按钮”库、“学习交互”库和“类”库。用户库和公用库存放元素的方法是一样的。4库的分类库的分类(fn li)第105页/共132页第一百零五页，共133页。 单击“窗口”“库”菜单命令，可以弹出“库”面板，如图8-4-14所示；单击“窗口

50、”“其他(qt)面板”“公用库”“”菜单命令，可以弹出相应的一种公用库的“库”面板。例如，单击“窗口”“其他(qt)面板”“公用库”“按钮”菜单命令，可以弹出“库-按钮”面板，如图8-4-15所示。下面通过如图8-4-14所示的“库”面板了解“库”面板的特点。第106页/共132页第一百零六页，共133页。图8-4-15 “库-按钮”对话框第107页/共132页第一百零七页，共133页。 （1）了解库中的元素：选中其中一个元素，即可在“库”面板上边的窗口（素材预览窗口）内看到元素的形状。要了解元件的动画效果和声音效果，可单击“库”面板上边窗口右上角的 按钮。如果要暂停(zn tn)播放，可单击

51、 按钮。第108页/共132页第一百零八页，共133页。 （2）改变(gibin)元素预览窗口的显示方式：将鼠标移到面板上边的显示窗口内，单击鼠标右 键，弹出它的快捷菜单。利用该菜单中的菜单命令可以改变(gibin)素材面板预览窗口的显示方式。第109页/共132页第一百零九页，共133页。 （3）“库”面板的两种显示方式：单击“库”面板的右侧滚动条上边的 按钮，可将“库”面板在水平方向扩展，以显示元件类型和制作(zhzu)日期等更多的元件信息，如图8-4-15左图所示。单击水平扩展的“库”面板内右侧滚动条上边的按钮 ，可将“库”面板在水平方向缩小，如图8-4-15右图所示。也可以用鼠标拖曳“

52、库”面板的边框来调整它的大小。第110页/共132页第一百一十页，共133页。 （4）“库”面板下边的列表框中列出了库中的所有元素的图标和名称等，可以看出不同(b tn)的图标表示不同(b tn)的类型。该窗口内的 按钮表示是一个文件夹，双击它可以打开文件夹，在 按钮的下边显示出该文件夹内元素的图标和名称等。再双击它，又可以关闭该文件夹。第111页/共132页第一百一十一页，共133页。 （1）“新建元件”按钮 ：单击它可弹出“创建(chungjin)新元件”对话框，如图8-4-2所示。 （2）“新建文件夹”按钮 ：单击它可在“库”面板中创建(chungjin)一个新文件夹。5“库库”面板面板

53、(min bn)中按钮的作用中按钮的作用 第112页/共132页第一百一十二页，共133页。 （3）“元件属性”按钮 ：选中“库”面板(min bn)中的一个元件，再单击它可以弹出“元件属性”对话框。利用该对话框可以更改选中元件的属性。 （4）“删除元件”按钮 ：单击该按钮，即可删除“库”面板(min bn)中选中的元素。第113页/共132页第一百一十三页，共133页。 时间轴就好像导演的剧本，它决定( judng)了各个场景的切换以及演员出场、表演的时间顺序。Flash把动画按时间顺序分解成帧，在舞台中直接绘制的图形或从外部导入的图像，均可形成单独的帧，再把各个单独的帧画面连在一起，合成动

54、画。6时间轴的组成时间轴的组成(z chn)第114页/共132页第一百一十四页，共133页。 时间轴是中文Flash 8进行动画创作和编辑的主要工具，通常它位于舞台与主要工具栏之间，用鼠标拖曳时间轴，也可以改变它的位置。每一个(y )动画都有与它相应的时间轴。如图8-4-16所示给出了一个(y )Flash动画的时间轴。第115页/共132页第一百一十五页，共133页。图8-4-16 一个(y )Flash动画的时间轴 第116页/共132页第一百一十六页，共133页。 由图8-4-16中可以看出，时间轴窗口可以分为左右两个区域。左边是图层控制区域，它主要用来进行( jnxng)各图层的操作

55、；右边是帧控制区域，它主要用来进行( jnxng)各帧的操作。所谓图层就相当于舞台中演员所处的前后位置。图层靠上，相当于该图层的对象在舞台的前面。在同一个纵深位置处，前面的对象会挡住后面的对象。第117页/共132页第一百一十七页，共133页。 （1）图层控制区域：它按列化分，从左到右有“图层名称”、“显示/隐藏图层”、“锁定/解除锁定”和“轮廓”4列。它上边第一行的3个按钮，是用来对所有图层的属性(shxng)进行控制。第118页/共132页第一百一十八页，共133页。 图层控制区域的下边是图层工作区，其内有许多行，每行表示一个图层。其中左边一列(y li)用来表示该图层的属性信息。图层的属性有图层的名称、类型和状态等。单击图层控制区域中的按