案例25计算机产品展示动画课件

第8章中文Flash8基础

【案例25】“计算机产品展示”动画8.1

【案例26】“简单的图像切换”动画8.2【案例27】“沿矩形框架移动的鼠标”动画8.3【案例28】“跳跃彩球”动画8.4第8章中文Flash8基础【案例25】“计算机产品展18.1【案例25】“计算机产品展示”动画8.1.1学习目标“计算机产品展示”动画是制作的第1个Flash动画（也叫做影片），该动画播放后，在黄色背景的演示窗口内的上边，红色文字“最新计算机产品”逐渐水平展开显示，同时一幅计算机图像从小到大逐渐显示出来。该动画播放中的两个画面如图8-1-1所示。8.1【案例25】“计算机产品展示”动画8.1.1学2图8-1-1第1个Flash影片播放中的两个画面图8-1-1第1个Flash影片播放中的两个画面3通过制作该案例，可以对中文Flash8的工作环境和一些基本操作方法有一个初步的了解。8.1.2操作过程通过制作该案例，可以对中文Flash8的工41．中文Flash8的工作环境中文Flash8的工作环境如图8-1-14所示。它包括标题栏、菜单栏、主要工具栏、工具箱、时间轴、舞台工作区、“属性”面板、“库”面板和其他各种面板等。8.1.3相关知识1．中文Flash8的工作环境8.1.3相关知识5图8-1-14中文Flash8的工作界面

图8-1-14中文Flash8的工作界面6单击“窗口”→“工具栏”→“××××”菜单命令，可以打开或关闭主要工具栏、控制器（用于播放动画）和编辑栏。单击“窗口”→“工具”菜单命令，可以打开或关闭工具箱。单击“窗口”→“时间轴”菜单命令，可以显示或隐藏时间轴窗口。单击“窗口”→“工具栏”→“××××”菜单命7Flash8还有许多面板，要打开其他面板和关闭面板，可以单击“窗口”→“××××”菜单命令或“窗口”→“其他面板”→“××××”菜单命令。如果有的面板打不开，可单击“窗口”→“工作区布局”→“默认”菜单命令。将鼠标指针移到各按钮之上时，会显示相应的中文名称提示。Flash8还有许多面板，要打开其他面板和8主要工具栏也叫做主工具栏，如图8-1-14所示，其中15个按钮的作用如表8-1-1所示。2．主要工具栏主要工具栏也叫做主工具栏，如图8-1-14所9序号图标英文名中文名作用1New新建新建一个Flash文档2Open打开打开一个已存在的Flash文档3Save保存将当前编辑的Flash文件保存(.fla格式)4Print打印将当前编辑的Flash图像打印输出5Cut剪切将选中的对象剪切到剪贴板中6Copy复制将选中的对象复制到剪贴板中7Paste粘贴将剪贴板中的内容粘贴到舞台工作区内表8-1-1 主要工具栏按钮的名称与作用序号图标英文名中文名作用1New新建新建一个Flas10序号图标英文名中文名作用8Undo撤销撤销刚刚完成的操作9Redo重做重新进行刚刚被撤销的操作10Snapto

Object对齐对象可使编辑时进入“对齐”状态。此时，绘制图形、移动对象都可以自动对齐到对象、网格或辅助线，但不适合于微量调整11Smooth平滑可使选中的曲线或图形外形更加平滑，多次单击具有累积效果12Straighten伸直可使选中的曲线或图形外形更加平直，多次单击具有累积效果13Rotate旋转与倾斜可改变舞台中对象的旋转角度和倾斜角度14Scale缩放可改变舞台中对象的大小尺寸15Align对齐用来将舞台中多个选中对象按设定的方式排列对齐续表序号图标英文名中文名作用8Undo撤销撤销刚刚完成的11工具箱中提供了用于图形绘制和图形编辑的各种工具。工具箱内从上到下分为4个栏：“工具”栏、“查看”栏、“颜色”栏和“选项”栏，如图8-1-14所示。单击按下某个工具的按钮，即可激活相应的操作功能，以后把这一操作叫做使用某个工具。3．工具箱工具箱中提供了用于图形绘制和图形编辑的各种工12（1）“工具”栏：工具箱“工具”栏内的工具用来绘制图形、输入文字和编辑图形。其中各工具按钮的名称与作用如表8-1-2所示。（1）“工具”栏：工具箱“工具”栏内的工具用来绘制图形、输入13序号图标英文名中文名热键作用1Arrow选择工具V用来选择舞台中的对象，然后可以移动对象，以及改变对象的大小和形状2Subselect部分选取工具A用来选择加工矢量图形，增加和删除曲线节点，改变图形形状等3Line线条工具N用来绘制各种形状、粗细、长度、颜色和角度的矢量直线4Lasso套索工具L用来在舞台中选择不规则区域或多个对象5Pen钢笔工具P用来采用贝兹绘图（即贝赛尔绘图）方式绘制矢量曲线图形6Text文本工具T用来输入和编辑字符和文字对象7Oval椭圆工具O用来绘制椭圆形或正圆形的轮廓线或有填充的矩形矢量图8-1Rectangle矩形工具R用来绘制矩形或正方形的轮廓线或有填充的矢量图表8-1-2 “工具”栏中工具按钮的名称与作用序号图标英文名中文名热键作用1Arr14序号图标英文名中文名热键作用8-2Polygon多角星形工具R用来绘制多边形和多角星形轮廓线或有填充的多边形和多角星形矢量图9Pencil铅笔工具Y用来绘制任意形状的矢量直线或曲线图形10Brush刷子工具B可像画笔一样绘制任意形状和粗细的矢量曲线图形11FreeTransform任意变形工具Q用来改变对象的位置、大小、旋转角度和倾斜角度等12FillTransform填充变形工具F用来改变填充的位置、大小、旋转角度和倾斜角度等13Inkbottle墨水瓶工具S用来改变线条的颜色、形状和粗细等属性14Paintbucket颜料桶工具K用来给矢量线围成的区域（填充）填充彩色或图像内容15Dropper滴管工具I用来将舞台中选择的对象的一些属性赋予相应的面板16Eraser橡皮擦工具E用来擦除舞台上的图形和打碎后的图像与文字等对象续表序号图标英文名中文名热键作用8-2P15（2）“查看”栏：工具箱内的“查看”栏中有“手形工具”和“缩放工具”，使用这两个工具可以调整舞台工作区的显示比例和观察的位置。这两个工具的名称与它们的作用如表8-1-3所示。（2）“查看”栏：工具箱内的“查看”栏中有“手形工具”和“缩16序号图标英文名中文名热键作用1Hand手形工具H将鼠标指针移到舞台工作区之上，拖曳鼠标来移动舞台工作区的观察位置2Zoom缩放工具M,Z用来改变舞台工作区和其内对象的显示比例表8-1-3 “查看”栏中工具按钮的名称与作用序号图标英文名中文名热键作用1Hand手形工具H将鼠17（3）“颜色”栏：它是用来确定绘制图形的线条和填充的颜色。其中各按钮的名称与作用如表8-1-4所示。（3）“颜色”栏：它是用来确定绘制图形的线条和填充的颜色。其18序号图标名称作用1笔触颜色用于给线着色，笔触颜色的默认颜色为黑色2填充色用于给填充着色，填充色的默认颜色为白色3黑白使笔触颜色和填充色恢复到默认状态4没有颜色在没有颜色和有颜色之间切换，在选择了椭圆或矩形工具后才有效5交换颜色使笔触颜色与填充色互换表8-1-4 “查看”栏中工具按钮的名称与作用序号图标名称作用1笔触颜色用于给线着色，笔触19（4）“选项”栏：工具箱“选项”栏中放置了用于对当前激活的工具进行设置的一些属性和功能按钮等选项。这些选项是随着用户选用工具的改变而变化的，大多数工具都有自己相应的属性设置。（4）“选项”栏：工具箱“选项”栏中放置了用于对当前激活的工20（1）保存Flash动画：如果是第一次存储Flash动画，可单击“文件”→“保存”或“文件”→“另存为”菜单命令，弹出“保存为”对话框。利用该对话框，可以将动画存储为扩展名为“.fla”的FlashMX2004影片文件或扩展名为“.fla”的Flash8影片文件。4．保存、打开、关闭Flash文档和退出Flash8（1）保存Flash动画：如果是第一次存储Flash动画，可21如果要再次保存修改后的Flash动画文件，可单击“文件”→“保存”菜单命令。如果要以其他名字保存当前Flash动画，可单击“文件”→“另存为”菜单命令。如果要再次保存修改后的Flash动画文件，可22（2）打开Flash动画：单击“文件”→“打开”菜单命令，弹出“打开”对话框。利用该对话框，选择扩展名为“.fla”的FlashMX2004或Flash8文件，再单击该对话框内的“打开”按钮，即可打开选定的Flash动画文件。（2）打开Flash动画：单击“文件”→“打开”菜单命令，弹23（3）关闭Flash文档窗口：单击“文件”→“关闭”菜单命令或单击Flash舞台窗口右上角的按钮。如果在此之前没有保存动画文件，会弹出一个提示框，提示是否保存动画文件。单击“是”按钮，即可保存文件，然后关闭Flash8文档窗口。（3）关闭Flash文档窗口：单击“文件”→“关闭”菜单命令24（4）退出Flash8：单击“文件”→“退出”菜单命令或单击Flash8窗口右上角的按钮。如果在此之前还有没关闭的修改过的Flash文档，则会弹出提示框，提示是否保存动画文件。单击“是”按钮，即可保存文件，并关闭Flash文档窗口。关闭所有的Flash文档窗口后，退出Flash8。（4）退出Flash8：单击“文件”→“退出”菜单命令或单258.2.1学习目标“简单的图像切换”动画是在【案例25】“计算机产品展示”动画的基础上制作成的。该动画播放后，当文字和图像完全展开后，第2幅主机板图像会从右向左移到演示窗口中，将第1幅图像完全遮挡住，同时还增加了背景音乐，其中的2幅画面如图8-2-1所示。8.2【案例26】“简单的图像切换”动画8.2.1学习目标8.2【案例26】“简单的图像切换26图8-2-1“简单的图像切换”动画播放中的2幅画面图8-2-1“简单的图像切换”动画播放中的2幅画面27通过制作该案例，可以进一步掌握导入外部图像、输入文本和编辑文本的方法，特别是掌握解位图图像和文字的分离方法和初步了解打碎的图像与文字的特点。8.2.2操作过程通过制作该案例，可以进一步掌握导入外部图像、281．导入外部素材（1）导入到舞台工作区：单击“文件”→“导入”→“导入到舞台”菜单命令，弹出“导入”对话框。利用该对话框，选择文件，再单击“打开”按钮，即可将选定的素材导入到舞台工作区和“库”面板中。8.2.3相关知识1．导入外部素材8.2.3相关知识29可以导入的外部素材有矢量图形、位图、视频影片和声音素材等，文件的格式很多，这可以从“导入”对话框的文件类型下拉列表框中看出，如图8-2-7所示。可以导入的外部素材有矢量图形、位图、视频影片30图8-2-7“文件类型”下拉列表框图8-2-7“文件类型”下拉列表框31如果选择的文件名是以数字序号结尾的，则会弹出“中文Flash8”提示框，询问是否将同一个文件夹中的一系列文件全部导入。单击“否”按钮，则只将选定的文件导入。单击“是”按钮，即可将一系列文件全部导入舞台工作区内。例如，在文件夹内有PC1.jpg…PC10.jpg图像文件，在选中PC1.jpg文件后，单击“是”按钮，即可将这些文件都导入舞台工作区内。如果选择的文件名是以数字序号结尾的，则会弹出32如果一个导入的文件有多个图层，Flash会自动创建新层以适应导入的图像。如果导入的是AVI格式的视频文件，会弹出“导入视频”对话框，如图8-2-8所示。如果一个导入的文件有多个图层，Flash会自33图8-2-8“导入视频”对话框

图8-2-8“导入视频”对话框34这是一个导入视频的向导，此时处于“选择视频”状态。选择一个视频文件后，单击“下一步”按钮后会切换到另一个“导入视频”对话框。按照“导入视频”对话框向导进行一步步操作，最后单击“完成”按钮，即可完成视频文件的导入。在Flash8中，处理视频的功能大大加强了，在后面的章节中将更详细地进行介绍。这是一个导入视频的向导，此时处于“选择视频”35（2）利用剪贴板导入：首先，在Flash或其他应用软件中使用“复制”命令，将图形等对象复制到剪贴板中。然后，在Flash8中，单击“编辑”→“粘贴到中心位置”菜单命令，将剪贴板中的内容粘贴到舞台工作区的中心与“库”面板中。（2）利用剪贴板导入：首先，在Flash或其他应用软件中使用36单击“编辑”→“粘贴到当前位置”菜单命令，可将剪贴板中的内容粘贴到舞台工作区中该图像的原始位置。只有将Flash的舞台工作区内选中的对象复制到剪贴板中后，该菜单命令才有效。单击“编辑”→“粘贴到当前位置”菜单命令，可37如果单击“编辑”→“选择性粘贴”菜单命令，即可弹出“选择性粘贴”对话框，如图8-2-9所示。在“作为”列表框内，选中一个软件名称，再单击“确定”按钮，即可将选定的内容粘贴到舞台工作区中。同时，还建立了导入对象与选定软件之间的链接。如果单击“编辑”→“选择性粘贴”菜单命令，即38图8-2-9“选择性粘贴”对话框图8-2-9“选择性粘贴”对话框39（3）导入到“库”面板：单击“文件”→“导入”→“导入到库”菜单命令，弹出“导入”对话框。利用该对话框选择文件，单击“打开”按钮，即可将选定的素材导入“库”面板。（3）导入到“库”面板：单击“文件”→“导入”→“导入到库”40（1）输入文本的方法：单击工具箱内的“文字工具”按钮，再单击舞台工作区，即会出现一个矩形文本框，矩形框右上角有一个小圆控制柄，表示它是延伸文本，同时光标出现在文本框内，这时就可以输入文字了。随着文字的输入，文本框会自动向右延伸，如图8-2-10所示。2．输入文本（1）输入文本的方法：单击工具箱内的“文字工具”按钮41

图8-2-10延伸文本

图8-2-10延伸文本42（2）输入固定行宽的文本：单击工具箱内的“文本工具”按钮，在舞台的工作区中拖曳出一个矩形文本框。此时文本框右上角的控制柄为方形，表示文本为固定行宽文本，如图8-2-11所示。在固定行宽文本状态下，输入文字会自动换行。双击方形控制柄，可将固定行宽文本变为延伸文本。可以用鼠标拖曳文本框的控制柄，来改变文本框的行宽度。（2）输入固定行宽的文本：单击工具箱内的“文本工具”按钮43

图8-2-11固定行宽文本图8-2-11固定行宽文本44（3）文本属性的设置：文本属性包括文字的字体、字号、颜色和风格等。设置文本的属性可以通过菜单命令或“属性”面板选项的调整来完成。文本的颜色由填充色（单色）决定。单击“文本”菜单下的子菜单命令，即可进行文本属性的设置。（3）文本属性的设置：文本属性包括文字的字体、字号、颜色和风45单击工具箱内的“文字工具”按钮，单击舞台工作区内，即可弹出它的“属性”面板，如图8-2-12所示。其中一些特殊选项的作用如下。单击工具箱内的“文字工具”按钮，46图8-2-12文本工具的“属性”（静态文本）面板图8-2-12文本工具的“属性”（静态文本）面板47按钮：用来确定文字的颜色。

“字符间距”文本框：用来确定各字符之间的距离（单位像素）。“字符位置”下拉列表框：用来选择字符在垂直方向的位置。按钮：用来确定文字的颜色。48“编辑格式选项”按钮：单击它可调出“格式选项”对话框，利用它可以设置段落的缩进量、行间矩、左边矩和右边距等。

“改变文本方向”按钮：单击它可弹出一个菜单，如图8-2-13所示，利用该菜单可以设置多行文字的排列方式。“编辑格式选项”按钮：单击它可调出“格式选项”对话框，利用它49图8-2-13菜单

图8-2-13菜单50“自动调整字距”复选框：选中它后，使用字体信息内部的字间距。

“字体呈现方法”下拉列表框：用来选择设备字体或各种消除锯齿的字体。消除锯齿可对文本作平滑处理，使屏幕上显示的字符的边缘更平滑。这对于清晰呈现较小字体尤为有效。“自动调整字距”复选框：选中它后，使用字体信息内部的字间距。51

“字体呈现方法”下拉列表框：用来选择设备字体或各种消除锯齿的字体。消除锯齿可对文本作平滑处理，使屏幕上显示的字符的边缘更平滑。这对于清晰呈现较小字体尤为有效。

“可选”按钮：单击它后，可用鼠标拖曳选择动画中的文字。

“字体呈现方法”下拉列表框：用来选择设备字体或各种消除锯齿52在Flash中，许多操作（改变位图的局部色彩或形状，以及进行位图的变形过渡动画制作）是针对矢量图形进行的，对于导入的位图和输入的文字就不能操作。位图和文字必须经过分离（也叫打碎）后才能和绘制的图形一样进行一些操作和编辑。3．分离位图和文字在Flash中，许多操作（改变位图的局部色彩53（1）分离位图：选中一个位图，再单击“修改”→“分离”菜单命令，将位图分离。分离的位图图像可以像绘制的图形那样进行编辑修改。（1）分离位图：选中一个位图，再单击“修改”→“分离”菜单命54（2）分离文字：对于FlashMX中的文字，可以通过单击“修改”→“分离”菜单命令，将它们分解为独立的单个字符或汉字。（2）分离文字：对于FlashMX中的文字，可以通过单击“55例如，图8-2-14上图所示的是在Flash中输入的文字，它是一个整体，即一个对象。选中它后，再单击“修改”→“分离”菜单命令，即可将它分解为相互独立的3个字符和4个汉字，如图8-2-14下图所示。例如，图8-2-14上图所示的是在Flash56

图8-2-14文字的分解

图8-2-14文字的分解57如果选中一个或多个单独的字符或汉字，然后单击“修改”→“分离”菜单命令，即可将它或它们分离（叫打碎），如图8-2-15所示（打碎的文字上面有一些小白点）。打碎的文字可以按照图形来编辑修改。如果选中一个或多个单独的字符或汉字，然后单击58

图8-2-15分离的文字图8-2-15分离的文字598.3.1学习目标“沿矩形框架移动的鼠标”动画播放后，一个绿色彩球沿七彩矩形框架的内边缘转圈移动，其中的两幅画面如图8-3-1所示。通过制作该案例，可以掌握设置图形颜色、将对象对齐等方法，掌握移动对象的起点和终点位置一样的动画制作方法。8.3.2操作过程8.3【案例27】“沿矩形框架移动的鼠标”动画8.3.1学习目标8.3【案例27】“沿矩形框架移动60图8-3-1“沿矩形框架移动的鼠标”动画播放后的两幅画面图8-3-1“沿矩形框架移动的鼠标”动画播放后的两幅画面611．舞台工作区的网格在舞台工作区中，为了使对象准确定位，可以给舞台的上边和左边加入标尺，在舞台工作区内显示网格和辅助线，它们不会随动画输出。显示与隐藏辅助线的方法如下。8.3.3相关知识1．舞台工作区的网格8.3.3相关知识62（1）选中“视图”→“网格”→“显示网格”菜单选按钮，会在舞台工作区内显示网格。再单击该菜单命令，可取消该菜单选按钮左边的对勾，同时取消网格。（1）选中“视图”→“网格”→“显示网格”菜单选按钮，会在舞63（2）选中“视图”→“网格”→“编辑网格”菜单选按钮，弹出“网格”对话框，如图8-3-10所示。利用该对话框，可以编辑网格的颜色，调整网格线间距，确定是否显示网格线、是否对齐网格线和移动对象时贴紧网格线的精确度等。加入网格的舞台工作区如图8-3-11所示。（2）选中“视图”→“网格”→“编辑网格”菜单选按钮，弹出“64图8-3-10“网格”对话框图8-3-10“网格”对话框65

图8-3-11加入网格的舞台工作区图8-3-11加入网格的舞台工作区66（1）面板的基本操作：面板的种类很多，但它们具有相同的一些基本操作，具体介绍如下。单击面板左上角的按钮或标题栏，可以折叠面板。同时面板右下角的按钮会变为图标状。再单击图标，又可以将面板展开。单击面板的标题栏，也可以将面板折叠。2．面板（1）面板的基本操作：面板的种类很多，但它们具有相同的一些基67弹出的面板通常会放置在Flash窗口的下边（“属性”面板等）和右边，用鼠标拖曳面板左上角的图标，可以将面板拖曳到其他位置。弹出的面板通常会放置在Flash窗口的下边（“属性”面板等）68单击面板标题栏右边的图标，可弹出该面板的面板菜单。例如，单击“信息”面板标题栏右边的图标，可弹出它的面板菜单，如图8-3-12所示。单击面板标题栏右边的图标，可弹出该面板的面板菜单69图8-3-12“信息”面板的面板菜单图8-3-12“信息”面板的面板菜单70（2）“属性”面板的特点：它是一个非常有用的特殊面板，选中不同的对象或工具箱中的工具时，会自动弹出不同的“属性”面板，其中集中了相应的参数设置选项。例如，单击工具箱中的椭圆工具时，它的“属性”面板如图8-3-13所示，其中提供了用于设置椭圆轮廓线颜色、线粗细、线类型和椭圆轮廓线内填充等工具选项。（2）“属性”面板的特点：它是一个非常有用的特殊面板，选中不71图8-3-13椭圆工具的“属性”面板图8-3-13椭圆工具的“属性”面板72单击“属性”面板右下角的箭头按钮，可以收缩“属性”面板的下半部分内容；单击“属性”面板右下角的箭头按钮，可以展开“属性”面板的下半部分内容。单击“属性”面板右下角的箭头按钮，可73（3）面板布局：在没有改变面板的位置时，面板均排列在Flash8工作界面的右边，这是Flash8的默认状态。为了使用方便，用户可以根据自己的习惯或工作的需要，重新调整打开哪些面板，调整各面板的位置。具体操作方法如下。（3）面板布局：在没有改变面板的位置时，面板均排列在Flas74保存工作区布局：调整打开的面板位置后，单击“窗口”→“工作区布局”→“保存当前”菜单命令，弹出“保存工作区布局”对话框，如图8-3-14所示。在该对话框的文本框中输入面板布局的名称，（例如“布局1”），单击“确定”按钮，即可在“窗口”→“工作区布局”菜单中添加一个“布局1”菜单命令。保存工作区布局：调整打开的面板位置后，单击“窗口”→“工作区75图8-3-14“保存工作区布局”对话框图8-3-14“保存工作区布局”对话框76使用面板布局：单击“窗口”→“工作区布局”→“布局1”菜单命令，即可将工作环境改变为当时保存的状态。使用面板布局：单击“窗口”→“工作区布局”→“布局1”菜单命77恢复默认的面板布局：单击“窗口”→“工作区布局”→“默认”菜单命令，即可将工作环境改变为Flash8的默认状态；单击“窗口”→“面板设置”→“管理工作区布局”菜单命令，即可调出“管理工作区布局”对话框，利用该对话框可以将自定义的工作区布局更名或删除。恢复默认的面板布局：单击“窗口”→“工作区布局”→“默认”菜78对象的贴紧就是在进行绘制和移动对象等操作时，被操作的对象可以自动与网格、辅助线或其他对象自动贴紧。这项功能有时需要，有时又不需要（希望对象与辅助线等有较小的间距时）。有关对象贴紧的一些操作介绍如下。3．对象的贴紧对象的贴紧就是在进行绘制和移动对象等操作时，79（1）与网格贴紧：如果选中“网格”对话框中的“贴紧至网格”复选框，则以后在绘制、调整和移动对象时，可以自动与网格线对齐。“网格”对话框内的“对齐精确度”下拉列表框中给出了“必须接近”、“一般”、“可以远离”和“总是对齐”四个选项，表示贴紧网格的程度。（1）与网格贴紧：如果选中“网格”对话框中的“贴紧至网格”复80（2）与辅助线贴紧：在舞台工作区中创建了辅助线后，如果在“辅助线”对话框中选中“贴紧至辅助线”复选框，则以后在创建、调整和移动对象时，可以自动与辅助线对齐。（2）与辅助线贴紧：在舞台工作区中创建了辅助线后，如果在“辅81（3）与对象贴紧：单击按下主要工具栏内或工具箱“选项”栏（在选择了一些工具后的“选项”栏）内的“贴紧至对象”按钮。以后，在创建、调整和移动对象时，即可以自动与附近的对象贴紧。（3）与对象贴紧：单击按下主要工具栏内或工具箱“选项”栏（在82如果“贴紧至像素”是选中的，则当视图缩放比率设置为400%或更高的时候，会出现一个像素网格。该像素网格代表将出现单个像素。当创建或移动一个对象时，它会被限定到该像素网格内。如果创建的形状边缘处于像素边界内（例如，使用的笔触宽度是小数形式，如3.5像素），则切记“贴紧至像素”是贴紧像素边界，而不是贴紧图形的边缘。如果“贴紧至像素”是选中的，则当视图缩放比率83（1）利用“信息”面板：单击“窗口”→“信息”菜单命令，弹出“信息”面板，如图8-3-15所示。利用该面板可以精确调整对象的位置与大小，它的使用方法如下。4．精确调整对象的位置与大小（1）利用“信息”面板：单击“窗口”→“信息”菜单命令，弹出84图8-3-15“信息”面板图8-3-15“信息”面板85“信息”面板左下角给出了鼠标指针指示处颜色的R、G、B和Alpha的值。右下角给出了鼠标指针位置的坐标值。随着鼠标指针的移动，这些数值也会随着改变。

“信息”面板中的“W”和“H”文本框内给出了选中对象的宽度和高度值（单位为像素）。改变文本框内的数值，再按回车键，可以改变选中对象的大小。“信息”面板左下角给出了鼠标指针指示处颜色的R、G、B和Al86“信息”面板中的“X”和“Y”文本框内给出了选中的对象的坐标值（单位为像素）。改变文本框内的数值，再按回车键，可以改变选中对象的位置。选中“X”和“Y”文本框左边9个小方块中中间的白色小方块，使它变为黑色，则表示给出的是对象中心的坐标值；在选中左上角的小方框时，表示对象外切矩形左上角的坐标。“信息”面板中的“X”和“Y”文本框内给出了选中的对象的坐标87（2）利用“属性”面板：“属性”面板中左下角的“宽”和“高”文本框可以精确调整对象的大小，利用“X”和“Y”文本框可以精确调整对象的位置，如图8-3-16所示。（2）利用“属性”面板：“属性”面板中左下角的“宽”和“高”88图8-3-16“属性”面板中的4个文本框图8-3-16“属性”面板中的4个文本框89单击“窗口”→“设计面板”→“颜色样本”菜单命令，可弹出“颜色样本”面板，如图8-3-17所示，它与填充色的颜色板（如图8-3-4所示）基本一样，它可以给线和填充设置颜色。它的底部有一行按钮，该行按钮是系统提供的填充效果（线性填充效果和放射状填充效果）样式图标，单击其中一个图标，即可迅速获得相应的渐变填充色设置。5．利用“颜色样本”面板设置颜色单击“窗口”→“设计面板”→“颜色样本”菜单90图8-3-17“颜色样本”面板图8-3-17“颜色样本”面板918.4.1学习目标“跳跃彩球”动画播放后，3个相同颜色的彩球垂直上下跳跃，背景是一幅半透明的图像。“跳跃彩球”动画播放后的2幅画面如图8-4-1所示。通过制作该案例，可以初步了解“库”面板、影片剪辑元件和元件实例等非常重要的概念和一些基本操作方法。8.4.2操作过程8.4【案例28】“跳跃彩球”动画8.4.1学习目标8.4【案例28】“跳跃彩球”动画92图8-4-1“跳跃彩球”动画播放后的2幅画面图8-4-1“跳跃彩球”动画播放后的2幅画面931．元件和实例的特点在制作动画时，会遇到某个对象在舞台中多处出现的情况。如果把每个对象都分别制作，这样既费事又会增加动画文件的大小。为此，Flash设置了一个元件的“库”面板，用来存放各种元件。单击“窗口”→“库”菜单命令，可以弹出“库”面板，如图8-4-14所示。8.4.3相关知识1．元件和实例的特点8.4.3相关知识94图8-4-14“库”面板图8-4-14“库”面板95在需要元件对象上场时，只需用鼠标将“库”面板中的元件拖曳到舞台中即可。此时舞台中的该对象称为“实例”，即元件复制的样品。舞台中可以放置多个相同元件复制的实例对象，但在“库”面板中与之对应的元件只有一个。在需要元件对象上场时，只需用鼠标将“库”面板96当元件的属性（例如，大小、颜色等）改变时，由它生成的实例也会随之改变。当实例的属性（例如，大小、颜色、亮度、透明度等）改变时，与它相应的元件和由该元件生成的其他实例不会随之改变。当元件的属性（例如，大小、颜色等）改变时，由97常用的元件有3种，它们的特点如下。（1）图形元件：它可以是矢量图形、图像、声音或动画等，通常用来制作电影中的静态图形，不具有交互性。声音元件是图形元件中的一种特殊元件，它有自己的图标。2．元件的分类常用的元件有3种，它们的特点如下。2．元件的分类98（2）影片剪辑元件：它是主影片中一段影片剪辑，用来制作独立于主影片时间轴的动画。它可以包括交互性控制、声音甚至其他影片剪辑的实例。也可以把影片剪辑的实例放在按钮的时间轴中，从而实现动画按钮。为了实现交互性，单独的图像也可以做成影片剪辑。（2）影片剪辑元件：它是主影片中一段影片剪辑，用99影片剪辑元件和图形元件均可以是一个动画。用影片剪辑元件创建的实例与图形元件创建的实例不同。影片剪辑实例只需要一个关键帧来播放动画，而图形实例必须放在要它出现的每一帧里。影片剪辑元件和图形元件均可以是一个动画。用影100（3）按钮元件：它可以在电影中创建交互按钮，产生事件（例如，鼠标单击等）。在Flash中，首先要为按钮设计不同状态的外观，然后为按钮的实例分配动作。（3）按钮元件：它可以在电影中创建交互按钮，产生事101在编辑时，单击“控制”→“播放”菜单命令后，不能看到由影片剪辑元件和按钮元件产生的实例组成的动画和交互性效果，必须单击“控制”→“测试影片”或单击“控制”→“测试场景”菜单命令，才能在播放器窗口内演示它的动画和交互效果。在编辑时，单击“控制”→“播放”菜单命令后，102（1）单击“插入”→“新建元件”菜单命令或单击“库”面板左下角的“新建元件”按钮，弹出“创建新元件”对话框，如图8-4-2所示。3．创建图形元件和影片剪辑元件（1）单击“插入”→“新建元件”菜单命令或单击“库”面板左下103在“行为”栏内选择元件类型（例如，选择影片剪辑），在“名称”文本框内输入元件名称（例如，输入“彩球”），单击“确定”按钮，即可打开元件编辑窗口，该窗口内有一个十字标记，表示元件的中心。同时，在“库”面板中会出现一个新的名称为“彩球”的影片剪辑元件，但它还是空的。在“行为”栏内选择元件类型（例如，选择影片剪104（2）在该窗口内创建对象或导入对象，还可以制作动画等。此时，单击“库”面板中新增元件的名称或图标，即可在“库”面板上边素材预览窗口内显示出该元件的图形。（2）在该窗口内创建对象或导入对象，还可以制作动画等。此时，105（3）单击“编辑”→“编辑文档”菜单命令，或者单击元件编辑窗口中的场景名称图标或按钮，即可回到主场景舞台工作区。（3）单击“编辑”→“编辑文档”菜单命令，或者单击元件编辑窗106库分为两种，一个是用户库，也叫“库”面板，用来存放用户创建Flash动画中的元件；另一个是Flash8系统提供的“公用库”，用来存放Flash8系统提供的元件，它分为3种：“按钮”库、“学习交互”库和“类”库。用户库和公用库存放元素的方法是一样的。4．库的分类库分为两种，一个是用户库，也叫“库”面板，用107单击“窗口”→“库”菜单命令，可以弹出“库”面板，如图8-4-14所示；单击“窗口”→“其他面板”→“公用库”→“××××”菜单命令，可以弹出相应的一种公用库的“库”面板。例如，单击“窗口”→“其他面板”→“公用库”→“按钮”菜单命令，可以弹出“库-按钮”面板，如图8-4-15所示。下面通过如图8-4-14所示的“库”面板了解“库”面板的特点。单击“窗口”→“库”菜单命令，可以弹出“库”108图8-4-15“库-按钮”对话框图8-4-15“库-按钮”对话框109（1）了解库中的元素：选中其中一个元素，即可在“库”面板上边的窗口（素材预览窗口）内看到元素的形状。要了解元件的动画效果和声音效果，可单击“库”面板上边窗口右上角的按钮。如果要暂停播放，可单击按钮。（1）了解库中的元素：选中其中一个元素，即可在“库”面板上边110（2）改变元素预览窗口的显示方式：将鼠标移到面板上边的显示窗口内，单击鼠标右键，弹出它的快捷菜单。利用该菜单中的菜单命令可以改变素材面板预览窗口的显示方式。（2）改变元素预览窗口的显示方式：将鼠标移到面板上边的显示窗111（3）“库”面板的两种显示方式：单击“库”面板的右侧滚动条上边的按钮，可将“库”面板在水平方向扩展，以显示元件类型和制作日期等更多的元件信息，如图8-4-15左图所示。单击水平扩展的“库”面板内右侧滚动条上边的按钮，可将“库”面板在水平方向缩小，如图8-4-15右图所示。也可以用鼠标拖曳“库”面板的边框来调整它的大小。（3）“库”面板的两种显示方式：单击“库”面板的右侧滚动条上112（4）“库”面板下边的列表框中列出了库中的所有元素的图标和名称等，可以看出不同的图标表示不同的类型。该窗口内的按钮表示是一个文件夹，双击它可以打开文件夹，在按钮的下边显示出该文件夹内元素的图标和名称等。再双击它，又可以关闭该文件夹。（4）“库”面板下边的列表框中列出了库中的所有元素的图标和名113（1）“新建元件”按钮：单击它可弹出“创建新元件”对话框，如图8-4-2所示。（2）“新建文件夹”按钮：单击它可在“库”面板中创建一个新文件夹。5．“库”面板中按钮的作用

（1）“新建元件”按钮：单击它可弹出“创建新元件”114（3）“元件属性”按钮：选中“库”面板中的一个元件，再单击它可以弹出“元件属性”对话框。利用该对话框可以更改选中元件的属性。（4）“删除元件”按钮：单击该按钮，即可删除“库”面板中选中的元素。（3）“元件属性”按钮：选中“库”面板中的一个115时间轴就好像导演的剧本，它决定了各个场景的切换以及演员出场、表演的时间顺序。Flash把动画按时间顺序分解成帧，在舞台中直接绘制的图形或从外部导入的图像，均可形成单独的帧，再把各个单独的帧画面连在一起，合成动画。6．时间轴的组成时间轴就好像导演的剧本，它决定了各个场景的切116时间轴是中文Flash8进行动画创作和编辑的主要工具，通常它位于舞台与主要工具栏之间，用鼠标拖曳时间轴，也可以改变它的位置。每一个动画都有与它相应的时间轴。如图8-4-16所示给出了一个Flash动画的时间轴。时间轴是中文Flash8进行动画创作和编辑117图8-4-16一个Flash动画的时间轴图8-4-16一个Flash动画的时间轴118由图8-4-16中可以看出，时间轴窗口可以分为左右两个区域。左边是图层控制区域，它主要用来进行各图层的操作；右边是帧控制区域，它主要用来进行各帧的操作。所谓图层就相当于舞台中演员所处的前后位置。图层靠上，相当于该图层的对象在舞台的前面。在同一个纵深位置处，前面的对象会挡住后面的对象。由图8-4-16中可以看出，时间轴窗口可以分119（1）图层控制区域：它按列化分，从左到右有“图层名称”、“显示/隐藏图层”、“锁定/解除锁定”和“轮廓”4列。它上边第一行的3个按钮，是用来对所有图层的属性进行控制。（1）图层控制区域：它按列化分，从左到右有“图层名称”、“显120图层控制区域的下边是图层工作区，其内有许多行，每行表示一个图层。其中左边一列用来表示该图层的属性信息。图层的属性有图层的名称、类型和状态等。单击图层控制区域中的按钮，可以改变图层的状态属性。图层控制区域的下边是图层工作区，其内有许多行121（2）帧控制区域：上边的第一行是时间轴帧刻度区，用来标注随时间变化所对应的帧号码。帧控制区域的下边是帧工作区，它给出各帧的属性信息。其内也有许多行，每行也表示一个图层。在一个图层中，水平方向上划分为许多个帧单元格，每个帧单元格表示一帧画面。单击一个单元格，即可在舞台工作区中将相应的对象显示出来。（2）帧控制区域：上边的第一行是时间轴帧刻度区，用来标注随时122在时间轴窗口中还有一条红色的竖线，这条竖线指示的是当前帧，称为播放指针，它指示了舞台工作区内显示的是哪一帧画面。可以用鼠标拖曳它来改变舞台显示的画面。向右拖曳时间轴窗口的分隔条，可以调整帧控制区域的大小，还可以将它隐藏起来。有一个小黑点的单元格表示是关键帧（即动画中起点、终点或转折点的帧）。在时间轴窗口中还有一条红色的竖线，这条竖线指123（3）图层控制区域3个按钮的作用如下。（显示/隐藏所有图层）按钮：使所有图层的内容显示或隐藏。（锁定/解除锁定所有图层）按钮：使所有图层的内容锁定或解锁。（显示所有图层的轮廓）按钮：使所有图层中的图形只显示其轮廓。（3）图层控制区域3个按钮的作用如下。124在各图层上也有相应的按钮，它们只对该图层起作用。（4）图层控制区域和帧控制区域的下面一行的按钮和信息框的作用如下。

“插入图层”按钮：在选定图层的上面再增加一个新的普通图层。在各图层上也有相应的按钮，它们只对该图层起作125

“添加运动引导层”按钮：在选定图层的上面新增一个引导图层。

“插入图层文件夹”按钮：在选定图层的上面新增一个图层目录，用鼠标拖曳图层到图层目录处，即可将被拖曳的图层放入该图层目录中。

“添加运动引导层”按钮：在选定图层的上面新增一126“删除图层”按钮：删除选定的图层。

“帧居中”按钮：用来改变帧控制区的显示范围。在动画所用的帧数较多时，单击该按钮，即可将当前帧（播放指针所在的帧）显示到帧控制区窗口中间。“删除图层”按钮：删除选定的图层。127“绘图纸外观”按钮：单击它，即可在时间轴上显示出一个多帧选择区域，并将该区域内的所有帧所对应的对象同时显示在舞台上，如图8-4-17所示。“绘图纸外观”按钮：单击它，即可在时间轴上显示出128图8-4-17显示动画的所有帧图8-4-17显示动画的所有帧129“绘图纸外观轮廓”按钮：单击它，即可在时间轴上制作多帧选择区域，除当前帧外，其余帧中的对象仅显示其轮廓线，实现多帧同时显示，如图8-4-18所示。“绘图纸外观轮廓”按钮：单击它，即可在时间轴上制作130图8-4-18单击“绘图纸外观轮廓”按钮后的效果图8-4-18单击“绘图纸外观轮廓”按钮后的效果131“编辑多个帧”按钮：单击它，即可在时间轴上制作多帧选择区域，该区域内关键帧内的对象均显示在舞台工作区中，可以同时编辑它们。

“修改绘图纸标记”按钮：显示一个“多帧显示”菜单。利用该菜单可以定义多帧选择区域的范围，可以定义显示2帧、5帧或全部帧的内容。“编辑多个帧”按钮：单击它，即可在时间轴上制作132信息栏：信息栏从左到右，分别用来显示当前帧、帧频（即动画播放速率）和运动时间。真正的影片的标准播放速度是24fps（24帧/秒）。按钮：它位于时间轴的右上角。单击它，可以弹出一个时间轴菜单，利用时间轴菜单可以改变时间轴单元格的显示方式。

133演讲完毕，谢谢观看！演讲完毕，谢谢观看！134第8章中文Flash8基础

【案例25】“计算机产品展示”动画8.1

【案例26】“简单的图像切换”动画8.2【案例27】“沿矩形框架移动的鼠标”动画8.3【案例28】“跳跃彩球”动画8.4第8章中文Flash8基础【案例25】“计算机产品展1358.1【案例25】“计算机产品展示”动画8.1.1学习目标“计算机产品展示”动画是制作的第1个Flash动画（也叫做影片），该动画播放后，在黄色背景的演示窗口内的上边，红色文字“最新计算机产品”逐渐水平展开显示，同时一幅计算机图像从小到大逐渐显示出来。该动画播放中的两个画面如图8-1-1所示。8.1【案例25】“计算机产品展示”动画8.1.1学136图8-1-1第1个Flash影片播放中的两个画面图8-1-1第1个Flash影片播放中的两个画面137通过制作该案例，可以对中文Flash8的工作环境和一些基本操作方法有一个初步的了解。8.1.2操作过程通过制作该案例，可以对中文Flash8的工1381．中文Flash8的工作环境中文Flash8的工作环境如图8-1-14所示。它包括标题栏、菜单栏、主要工具栏、工具箱、时间轴、舞台工作区、“属性”面板、“库”面板和其他各种面板等。8.1.3相关知识1．中文Flash8的工作环境8.1.3相关知识139图8-1-14中文Flash8的工作界面

图8-1-14中文Flash8的工作界面140单击“窗口”→“工具栏”→“××××”菜单命令，可以打开或关闭主要工具栏、控制器（用于播放动画）和编辑栏。单击“窗口”→“工具”菜单命令，可以打开或关闭工具箱。单击“窗口”→“时间轴”菜单命令，可以显示或隐藏时间轴窗口。单击“窗口”→“工具栏”→“××××”菜单命141Flash8还有许多面板，要打开其他面板和关闭面板，可以单击“窗口”→“××××”菜单命令或“窗口”→“其他面板”→“××××”菜单命令。如果有的面板打不开，可单击“窗口”→“工作区布局”→“默认”菜单命令。将鼠标指针移到各按钮之上时，会显示相应的中文名称提示。Flash8还有许多面板，要打开其他面板和142主要工具栏也叫做主工具栏，如图8-1-14所示，其中15个按钮的作用如表8-1-1所示。2．主要工具栏主要工具栏也叫做主工具栏，如图8-1-14所143序号图标英文名中文名作用1New新建新建一个Flash文档2Open打开打开一个已存在的Flash文档3Save保存将当前编辑的Flash文件保存(.fla格式)4Print打印将当前编辑的Flash图像打印输出5Cut剪切将选中的对象剪切到剪贴板中6Copy复制将选中的对象复制到剪贴板中7Paste粘贴将剪贴板中的内容粘贴到舞台工作区内表8-1-1 主要工具栏按钮的名称与作用序号图标英文名中文名作用1New新建新建一个Flas144序号图标英文名中文名作用8Undo撤销撤销刚刚完成的操作9Redo重做重新进行刚刚被撤销的操作10Snapto

Object对齐对象可使编辑时进入“对齐”状态。此时，绘制图形、移动对象都可以自动对齐到对象、网格或辅助线，但不适合于微量调整11Smooth平滑可使选中的曲线或图形外形更加平滑，多次单击具有累积效果12Straighten伸直可使选中的曲线或图形外形更加平直，多次单击具有累积效果13Rotate旋转与倾斜可改变舞台中对象的旋转角度和倾斜角度14Scale缩放可改变舞台中对象的大小尺寸15Align对齐用来将舞台中多个选中对象按设定的方式排列对齐续表序号图标英文名中文名作用8Undo撤销撤销刚刚完成的145工具箱中提供了用于图形绘制和图形编辑的各种工具。工具箱内从上到下分为4个栏：“工具”栏、“查看”栏、“颜色”栏和“选项”栏，如图8-1-14所示。单击按下某个工具的按钮，即可激活相应的操作功能，以后把这一操作叫做使用某个工具。3．工具箱工具箱中提供了用于图形绘制和图形编辑的各种工146（1）“工具”栏：工具箱“工具”栏内的工具用来绘制图形、输入文字和编辑图形。其中各工具按钮的名称与作用如表8-1-2所示。（1）“工具”栏：工具箱“工具”栏内的工具用来绘制图形、输入147序号图标英文名中文名热键作用1Arrow选择工具V用来选择舞台中的对象，然后可以移动对象，以及改变对象的大小和形状2Subselect部分选取工具A用来选择加工矢量图形，增加和删除曲线节点，改变图形形状等3Line线条工具N用来绘制各种形状、粗细、长度、颜色和角度的矢量直线4Lasso套索工具L用来在舞台中选择不规则区域或多个对象5Pen钢笔工具P用来采用贝兹绘图（即贝赛尔绘图）方式绘制矢量曲线图形6Text文本工具T用来输入和编辑字符和文字对象7Oval椭圆工具O用来绘制椭圆形或正圆形的轮廓线或有填充的矩形矢量图8-1Rectangle矩形工具R用来绘制矩形或正方形的轮廓线或有填充的矢量图表8-1-2 “工具”栏中工具按钮的名称与作用序号图标英文名中文名热键作用1Arr148序号图标英文名中文名热键作用8-2Polygon多角星形工具R用来绘制多边形和多角星形轮廓线或有填充的多边形和多角星形矢量图9Pencil铅笔工具Y用来绘制任意形状的矢量直线或曲线图形10Brush刷子工具B可像画笔一样绘制任意形状和粗细的矢量曲线图形11FreeTransform任意变形工具Q用来改变对象的位置、大小、旋转角度和倾斜角度等12FillTransform填充变形工具F用来改变填充的位置、大小、旋转角度和倾斜角度等13Inkbottle墨水瓶工具S用来改变线条的颜色、形状和粗细等属性14Paintbucket颜料桶工具K用来给矢量线围成的区域（填充）填充彩色或图像内容15Dropper滴管工具I用来将舞台中选择的对象的一些属性赋予相应的面板16Eraser橡皮擦工具E用来擦除舞台上的图形和打碎后的图像与文字等对象续表序号图标英文名中文名热键作用8-2P149（2）“查看”栏：工具箱内的“查看”栏中有“手形工具”和“缩放工具”，使用这两个工具可以调整舞台工作区的显示比例和观察的位置。这两个工具的名称与它们的作用如表8-1-3所示。（2）“查看”栏：工具箱内的“查看”栏中有“手形工具”和“缩150序号图标英文名中文名热键作用1Hand手形工具H将鼠标指针移到舞台工作区之上，拖曳鼠标来移动舞台工作区的观察位置2Zoom缩放工具M,Z用来改变舞台工作区和其内对象的显示比例表8-1-3 “查看”栏中工具按钮的名称与作用序号图标英文名中文名热键作用1Hand手形工具H将鼠151（3）“颜色”栏：它是用来确定绘制图形的线条和填充的颜色。其中各按钮的名称与作用如表8-1-4所示。（3）“颜色”栏：它是用来确定绘制图形的线条和填充的颜色。其152序号图标名称作用1笔触颜色用于给线着色，笔触颜色的默认颜色为黑色2填充色用于给填充着色，填充色的默认颜色为白色3黑白使笔触颜色和填充色恢复到默认状态4没有颜色在没有颜色和有颜色之间切换，在选择了椭圆或矩形工具后才有效5交换颜色使笔触颜色与填充色互换表8-1-4 “查看”栏中工具按钮的名称与作用序号图标名称作用1笔触颜色用于给线着色，笔触153（4）“选项”栏：工具箱“选项”栏中放置了用于对当前激活的工具进行设置的一些属性和功能按钮等选项。这些选项是随着用户选用工具的改变而变化的，大多数工具都有自己相应的属性设置。（4）“选项”栏：工具箱“选项”栏中放置了用于对当前激活的工154（1）保存Flash动画：如果是第一次存储Flash动画，可单击“文件”→“保存”或“文件”→“另存为”菜单命令，弹出“保存为”对话框。利用该对话框，可以将动画存储为扩展名为“.fla”的FlashMX2004影片文件或扩展名为“.fla”的Flash8影片文件。4．保存、打开、关闭Flash文档和退出Flash8（1）保存Flash动画：如果是第一次存储Flash动画，可155如果要再次保存修改后的Flash动画文件，可单击“文件”→“保存”菜单命令。如果要以其他名字保存当前Flash动画，可单击“文件”→“另存为”菜单命令。如果要再次保存修改后的Flash动画文件，可156（2）打开Flash动画：单击“文件”→“打开”菜单命令，弹出“打开”对话框。利用该对话框，选择扩展名为“.fla”的FlashMX2004或Flash8文件，再单击该对话框内的“打开”按钮，即可打开选定的Flash动画文件。（2）打开Flash动画：单击“文件”→“打开”菜单命令，弹157（3）关闭Flash文档窗口：单击“文件”→“关闭”菜单命令或单击Flash舞台窗口右上角的按钮。如果在此之前没有保存动画文件，会弹出一个提示框，提示是否保存动画文件。单击“是”按钮，即可保存文件，然后关闭Flash8文档窗口。（3）关闭Flash文档窗口：单击“文件”→“关闭”菜单命令158（4）退出Flash8：单击“文件”→“退出”菜单命令或单击Flash8窗口右上角的按钮。如果在此之前还有没关闭的修改过的Flash文档，则会弹出提示框，提示是否保存动画文件。单击“是”按钮，即可保存文件，并关闭Flash文档窗口。关闭所有的Flash文档窗口后，退出Flash8。（4）退出Flash8：单击“文件”→“退出”菜单命令或单1598.2.1学习目标“简单的图像切换”动画是在【案例25】“计算机产品展示”动画的基础上制作成的。该动画播放后，当文字和图像完全展开后，第2幅主机板图像会从右向左移到演示窗口中，将第1幅图像完全遮挡住，同时还增加了背景音乐，其中的2幅画面如图8-2-1所示。8.2【案例26】“简单的图像切换”动画8.2.1学习目标8.2【案例26】“简单的图像切换160图8-2-1“简单的图像切换”动画播放中的2幅画面图8-2-1“简单的图像切换”动画播放中的2幅画面161通过制作该案例，可以进一步掌握导入外部图像、输入文本和编辑文本的方法，特别是掌握解位图图像和文字的分离方法和初步了解打碎的图像与文字的特点。8.2.2操作过程通过制作该案例，可以进一步掌握导入外部图像、1621．导入外部素材（1）导入到舞台工作区：单击“文件”→“导入”→“导入到舞台”菜单命令，弹出“导入”对话框。利用该对话框，选择文件，再单击“打开”按钮，即可将选定的素材导入到舞台工作区和“库”面板中。8.2.3相关知识1．导入外部素材8.2.3相关知识163可以导入的外部素材有矢量图形、位图、视频影片和声音素材等，文件的格式很多，这可以从“导入”对话框的文件类型下拉列表框中看出，如图8-2-7所示。可以导入的外部素材有矢量图形、位图、视频影片164图8-2-7“文件类型”下拉列表框图8-2-7“文件类型”下拉列表框165如果选择的文件名是以数字序号结尾的，则会弹出“中文Flash8”提示框，询问是否将同一个文件夹中的一系列文件全部导入。单击“否”按钮，则只将选定的文件导入。单击“是”按钮，即可将一系列文件全部导入舞台工作区内。例如，在文件夹内有PC1.jpg…PC10.jpg图像文件，在选中PC1.jpg文件后，单击“是”按钮，即可将这些文件都导入舞台工作区内。如果选择的文件名是以数字序号结尾的，则会弹出166如果一个导入的文件有多个图层，Flash会自动创建新层以适应导入的图像。如果导入的是AVI格式的视频文件，会弹出“导入视频”对话框，如图8-2-8所示。如果一个导入的文件有多个图层，Flash会自167图8-2-8“导入视频”对话框

图8-2-8“导入视频”对话框168这是一个导入视频的向导，此时处于“选择视频”状态。选择一个视频文件后，单击“下一步”按钮后会切换到另一个“导入视频”对话框。按照“导入视频”对话框向导进行一步步操作，最后单击“完成”按钮，即可完成视频文件的导入。在Flash8中，处理视频的功能大大加强了，在后面的章节中将更详细地进行介绍。这是一个导入视频的向导，此时处于“选择视频”169（2）利用剪贴板导入：首先，在Flash或其他应用软件中使用“复制”命令，将图形等对象复制到剪贴板中。然后，在Flash8中，单击“编辑”→“粘贴到中心位置”菜单命令，将剪贴板中的内容粘贴到舞台工作区的中心与“库”面板中。（2）利用剪贴板导入：首先，在Flash或其他应用软件中使用170单击“编辑”→“粘贴到当前位置”菜单命令，可将剪贴板中的内容粘贴到舞台工作区中该图像的原始位置。只有将Flash的舞台工作区内选中的对象复制到剪贴板中后，该菜单命令才有效。单击“编辑”→“粘贴到当前位置”菜单命令，可171如果单击“编辑”→“选择性粘贴”菜单命令，即可弹出“选择性粘贴”对话框，如图8-2-9所示。在“作为”列表框内，选中一个软件名称，再单击“确定”按钮，即可将选定的内容粘贴到舞台工作区中。同时，还建立了导入对象与选定软件之间的链接。如果单击“编辑”→“选择性粘贴”菜单命令，即172图8-2-9“选择性粘贴”对话框图8-2-9“选择性粘贴”对话框173（3）导入到“库”面板：单击“文件”→“导入”→“导入到库”菜单命令，弹出“导入”对话框。利用该对话框选择文件，单击“打开”按钮，即可将选定的素材导入“库”面板。（3）导入到“库”面板：单击“文件”→“导入”→“导入到库”174（1）输入文本的方法：单击工具箱内的“文字工具”按钮，再单击舞台工作区，即会出现一个矩形文本框，矩形框右上角有一个小圆控制柄，表示它是延伸文本，同时光标出现在文本框内，这时就可以输入文字了。随着文字的输入，文本框会自动向右延伸，如图8-2-10所示。2．输入文本（1）输入文本的方法：单击工具箱内的“文字工具”按钮175

图8-2-10延伸文本

图8-2-10延伸文本176（2）输入固定行宽的文本：单击工具箱内的“文本工具”按钮，在舞台的工作区中拖曳出一个矩形文本框。此时文本框右上角的控制柄为方形，表示文本为固定行宽文本，如图8-2-11所示。在固定行宽文本状态下，输入文字会自动换行。双击方形控制柄，可将固定行宽文本变为延伸文本。可以用鼠标拖曳文本框的控制柄，来改变文本框的行宽度。（2）输入固定行宽的文本：单击工具箱内的“文本工具”按钮177

图8-2-11固定行宽文本图8-2-11固定行宽文本178（3）文本属性的设置：文本属性包括文字的字体、字号、颜色和风格等。设置文本的属性可以通过菜单命令或“属性”面板选项的调整来完成。文本的颜色由填充色（单色）决定。单击“文本”菜单下的子菜单命令，即可进行文本属性的设置。（3）文本属性的设置：文本属性包括文字的字体、字号、颜色和风179单击工具箱内的“文字工具”按钮，单击舞台工作区内，即可弹出它的“属性”面板，如图8-2-12所示。其中一些特殊选项的作用如下。单击工具箱内的“文字工具”按钮，180图8-2-12文本工具的“属性”（静态文本）面板图8-2-12文本工具的“属性”（静态文本）面板181按钮：用来确定文字的颜色。

“字符间距”文本框：用来确定各字符之间的距离（单位像素）。“字符位置”下拉列表框：用来选择字符在垂直方向的位置。按钮：用来确定文字的颜色。182“编辑格式选项”按钮：单击它可调出“格式选项”对话框，利用它可以设置段落的缩进量、行间矩、左边矩和右边距等。

“改变文本方向”按钮：单击它可弹出一个菜单，如图8-2-13所示，利用该菜单可以设置多行文字的排列方式。“编辑格式选项”按钮：单击它可调出“格式选项”对话框，利用它183图8-2-13菜单

图8-2-13菜单184“自动调整字距”复选框：选中它后，使用字体信息内部的字间距。

“字体呈现方法”下拉列表框：用来选择设备字体或各种消除锯齿的字体。消除锯齿可对文本作平滑处理，使屏幕上显示的字符的边缘更平滑。这对于清晰呈现较小字体尤为有效。“自动调整字距”复选框：选中它后，使用字体信息内部的字间距。185

“字体呈现方法”下拉列表框：用来选择设备字体或各种消除锯齿的字体。消除锯齿可对文本作平滑处理，使屏幕上显示的字符的边缘更平滑。这对于清晰呈现较小字体尤为有效。

“可选”按钮：单击它后，可用鼠标拖曳选择动画中的文字。

“字体呈现方法”下拉列表框：用来选择设备字体或各种消除锯齿186在Flash中，许多操作（改变位图的局部色彩或形状，以及进行位图的变形过渡动画制作）是针对矢量图形进行的，对于导入的位图和输入的文字就不能操作。位图和文字必须经过分离（也叫打碎）后才能和绘制的图形一样进行一些操作和编辑。3．分离位图和文字在Flash中，许多操作（改变位图的局部色彩187（1）分离位图：选中一个位图，再单击“修改”→“分离”菜单命令，将位图分离。分离的位图图像可以像绘制的图形那样进行编辑修改。（1）分离位图：选中一个位图，再单击“修改”→“分离”菜单命188（2）分离文字：对于FlashMX中的文字，可以通过单击“修改”→“分离”菜单命令，将它们分解为独立的单个字符或汉字。（2）分离文字：对于FlashMX中的文字，可以通过单击“189例如，图8-2-14上图所示的是在Flash中输入的文字，它是一个整体，即一个对象。选中它后，再单击“修改”→“分离”菜单命令，即可将它分解为相互独立的3个字符和4个汉字，如图8-2-14下图所示。例如，图8-2-14上图所示的是在Flash190

图8-2-14文字的分解

图8-2-14文字的分解191如果选中一个或多个单独的字符或汉字，然后单击“修改”→“分离”菜单命令，即可将它或它们分离（叫打碎），如图8-2-15所示（打碎的文字上面有一些小白点）。打碎的文字可以按照图形来编辑修改。如果选中一个或多个单独的字符或汉字，然后单击192

图8-2-15分离的文字图8-2-15分离的文字1938.3.1学习目标“沿矩形框架移动的鼠标”动画播放后，一个绿色彩球沿七彩矩形框架的内边缘转圈移动，其中的两幅画面如图8-3-1所示。通过制作该案例，可以掌握设置图形颜色、将对象对齐等方法，掌握移动对象的起点和终点位置一样的动画制作方法。8.3.2操作过程8.3【案例27】“沿矩形框架移动的鼠标”动画8.3.1学习目标8.3【案例27】“沿矩形框架移动194图8-3-1“沿矩形框架移动的鼠标”动画播放后的两幅画面图8-3-1“沿矩形框架移动的鼠标”动画播放后的两幅画面1951．舞台工作区的网格在舞台工作区中，为了使对象准确定位，可以给舞台的上边和左边加入标尺，在舞台工作区内显示网格和辅助线，它们不会随动画输出。显示与隐藏辅助线的方法如下。8.3.3相关知识1．舞台工作区的网格8.3.3相关知识196（1）选中“视图”→“网格”→“显示网格”菜单选按钮，会在舞台工作区内显示网格。再单击该菜单命令，可取消该菜单选按钮左边的对勾，同时取消网格。（1）选中“视图”→“网格”→“显示网格”菜单选按钮，会在舞197（2）选中“视图”→“网格”→“编辑网格”菜单选按钮，弹出“网