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

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