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

第8章中文Flash8基础，8.1 案例25计算机产品演示动画，8.1.1学习的计算机产品演示动画是创建的第一个Flash动画(也称为电影)，播放后，该动画将在黄色背景的演示窗格顶部逐渐水平显示红色字符“最新的计算机产品”，同时显示一张计算机图像(从小到大)。此动画播放的两帧如图8-1-1所示。图8-1-1在第一个Flash视频播放期间制作两个屏幕，以便初步了解中文Flash8的工作环境和一些基本操作方法。8.1.2工作流程，1 .中文Flash8的工作环境中文Flash8的工作环境如图8-1-14所示。这包括标题栏、菜单栏、主工具栏、工具箱、时间轴、舞台工作区、“属性”面板、“库”面板和其它各种面板。您可以通过单击8.1.3相关知识、图8-1-14中文Flash8的操作界面、窗口工具栏菜单命令来打开或关闭主工具栏、控制器(用于播放动画)和编辑栏。可以通过单击“窗口”“工具”菜单命令打开或关闭工具箱。您可以按一下视窗时间表(timeline)选单指令来显示或隐藏时间表视窗。要在Flash8中打开其他面板并关闭面板，请单击“窗口”“菜单”命令或“窗口”“其他面板”“菜单”命令。如果面板未打开，请单击“窗口”“放置工作空间”“默认”菜单命令。将鼠标指针移动到按钮上时，将显示相应的中文名称提示。主工具栏也称为主工具栏，如图8-1-14所示，15个按钮的工作方式如图8-1-1所示。2 .主工具栏、表格8-1-1主工具栏按钮的名称和角色、继续表格、图形绘制和图形编辑的各种工具都可以在工具箱中使用。工具箱内部从上到下分为四个栏：工具栏、视图栏、颜色栏和选项栏，如图8-1-14所示。单击工具上的按钮将激活相应的操作功能，以后此操作称为使用工具。3 .工具箱，(1)工具栏：工具箱工具栏中的工具用于绘制图形、输入文字和编辑图形。其中，每个工具按钮的名称和作用见表8-1-2。、表格8-1-2“工具”栏中工具按钮的名称和角色；、继续表格；(2)查看栏：工具箱中的“查看”这两个工具使您可以调整舞台工作区的显示比例和观察位置。这两个工具的名称的工作方式类似于表8-1-3。表格8-1-3检视列上工具按钮的名称和功能，(3)颜色列：决定绘制的线和填满的颜色。其中每个按钮的名称和作用见表8-1-4。和表格8-1-4中视图栏上工具按钮的名称和功能；(4)选项栏：工具箱选项栏包含设置当前活动工具的某些属性和功能按钮等选项。这些选项取决于用户选择工具的更改，其中大多数工具具有自己的属性设置。(1)保存Flash动画：第一次保存Flash动画时，单击“文件”“保存”或“文件”“另存为”菜单命令以显示“另存为”对话框。使用此对话框时，动画的扩展名为“.Fla 的FlashMX2004影片文件或扩展名为.Fla”，即Flash8影片文件。4 .保存、打开、关闭和退出Flash 8；要重新保存修改后的Flash动画文件，请单击“文件”“保存”菜单命令。要使用其他名称保存当前Flash动画，请单击“文件”“另存为”菜单命令。(2)打开Flash动画：单击“文件”“打开”菜单命令以显示“打开”对话框。在此对话框中，扩展名为“.您可以选取Fla 的FlashMX2004或Flash8档案，然后按一下对话方块中的开启按钮，开启选取的Flash动画档案。(3)关闭Flash文档窗口。单击“文件”“关闭”菜单命令，或单击Flash舞台窗口右上角的按钮。如果在此之前未保存动画文件，将弹出提示框，提示您保存动画文件。单击“是”按钮保存文件，然后关闭Flash8文档窗口。(4)退出Flash8:单击“文件”“退出”菜单命令，或单击Flash8窗口右上角的按钮。如果有在此之前未关闭的已修改Flash文档，则会弹出提示框，询问您是否要保存动画文件。若要保存文件并关闭“Flash文档”窗口，请单击“是”按钮。关闭所有Flash文档窗口，然后退出Flash8。8.2.1学习目标“简单的图像过渡”动画是基于“案例25”、“计算机产品显示”动画制作的。播放该动画，并且文本和图像完全扩展后，第二板图像从右向左移动到演示窗口，完全遮挡添加了背景音乐的第一图像，如图8-2-1所示。8.2 例26通过制作简单图像转换动画、图8-2-1“简单图像转换”动画播放的两个画面，可以获得外部图像导入、文本输入和文本编辑方法的初步知识，特别是位图图像和字符的分离方法以及破碎图像和字符的特征。8.2.2工作流程，1 .导入外部素材(1)导入到舞台工作区：单击“文件”“导入”“导入到舞台”菜单命令以显示“导入”对话框。您可以在此对话方块中选取档案，然后按一下开启按钮，将选取的素材汇入舞台工作区和元件库面板。8.2.3相关知识，可以导入的外部素材包括矢量图形、位图、视频视频和声音素材，文件的格式非常多。您可以在“导入”对话框的文件类型下拉列表框中看到这一点，如图8-2-7所示。如果在图8-2-7的“file type(文件类型)”下拉列表框中选择的文件名以数字序列号结尾，单击“否”按钮仅将选定的文件导入到中。单击“是”按钮将一系列文件导入舞台工作区。例如，如果图像文件PC1.jpg PC10.jpg位于文件夹中，您可以选择PC1.jpg文件，然后单击“是”按钮，将这些文件导入舞台工作区。如果导入的文件包含多个图层，则Flash会自动创建新图层以匹配导入的图像。导入AVI格式的视频文件时，“视频导入”对话框将弹出，如图8-2-8所示。“video import(视频导入)”对话框是导入图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)文本属性的设置：文本属性包括字符的字体、大小、颜色和样式等。可以通过调整菜单命令或“属性”面板选项来设置文本的属性。文本的颜色由填充颜色(单色)确定。您可以按一下文字(text)选单下的子选单指令来设定文字属性。单击工具箱中的“文字工具”按钮，然后单击舞台工作区以弹出“属性”面板，如图8-2-12所示。其中一些特殊选项的工作方式如下：图8-2-12文本工具(静态文本)面板，按钮：用于确定文本的颜色。字元间距文字方块：决定字元之间的距离(以像素为单位)。“文字位置”(text location)下拉列表框：允许您选择垂直方向上的文字位置。编辑、和格式选项按钮：单击可显示“格式选项”对话框，您可以在其中设置段落缩进、行间距以及左右边距等。“更改文字方向”按钮：单击以显示用于设置多行文字对齐的菜单，如图8-2-13所示。图8-2-13菜单，“自动调整字偶间距调整”复选框：选中时，使用字体信息内部的字偶间距调整。字体呈现方法下拉列表框：用于选择设备字体或各种抗锯齿字体。消除锯齿可以平滑文本，从而平滑屏幕上文字的边缘。这对清晰呈现小字体特别有效。“字体呈现方法”下拉列表框：用于选择设备字体或各种消除锯齿的字体。消除锯齿可以平滑文本，从而平滑屏幕上文字的边缘。这对清晰呈现小字体特别有效。拾取按钮：单击后，可以使用鼠标拖动以选择动画中的文字。更改Flash中位图的局部颜色或形状，以及设置位图的变形转换动画等许多操作都以矢量图形为目标，不适用于导入的位图和导入的文本。位图和文字在处理和编辑之前必须分离(破碎)，就像绘制的图形一样。3 .分离位图和字符(1)分离位图：选择位图，然后单击“修改”“分离”菜单命令分离位图。分离的位图图像可以像绘制的图形一样进行编辑和修改。(2)分隔字符：对于FlashMX中的字符，可以单击“修改”“分隔”菜单命令将其分解为单个字符或汉字。例如，图8-2-14中的上图显示了在Flash中输入的文本。此文本是完整的，即对象。选取后，您可以按一下修改分离功能表指令，将它们分解为彼此分离的三个字元和四个汉字，如图8-2-14中的下图所示。图8-2-14分解字符，选择一个或多个单独的字符或汉字，然后单击“修改”“分离”菜单命令，将分离或分离，如图8-2-15(断字上面有一个小白点)所示。破断的文字可以按外观编辑。当播放图8-2-15分离文本、8.3.1学习目标“鼠标沿矩形帧移动”动画时，绿色印刷色球沿7色矩形帧的内边缘旋转，如图8-3-1所示。制作本示例将帮助您熟悉设置图形颜色、对齐对象等方法，并学习动画方法，例如移动对象的起点和终点位置。8.3.2工作流程，8.3 案例27沿矩形帧移动的鼠标动画，图8-3-1 沿矩形帧移动的鼠标播放动画后的两个屏幕，1。如果舞台工作区的网格位于舞台工作区中，您可以在舞台的顶部和左侧添加标尺，以指定对象的确切位置，从而在不随动画输出的舞台工作区中显示网格和参考线。显示和隐藏参考线的方法如下：8.3.3相关知识，(1)查看网格显示网格菜单选择按钮，以在舞台工作区中显示网格。再次单击菜单命令将取消相应菜单选择按钮左侧的复选标记，并取消栅格。(2)选择“视图”“编辑栅格”菜单“选择”按钮，以弹出“栅格”对话框，如图8-3-10所示。在此对话框中，可以编辑网格颜色，调整网格线间距，确定网格线是否可见，是否对齐网格线，以及移动对象时与网格线对齐的精度等。添加了网格的舞台工作区如图8-3-11所示。图8-3-10 网格对话框，图8-3-11添加到网格中的舞台工作区，(1)面板的默认行为：面板的种类不同，但下面介绍的一些默认行为是相同的。您可以按一下面板左上角的按钮或标题列，收合面板。同时，面板右下角的按钮会变成图示。再次单击图标可以展开面板。您也可以按一下面板的标题列来收阖面板。2 .面板、弹出面板通常放置在Flash窗口的底边(“属性”面板等)和右侧，您可以用鼠标拖动面板左上角的图标将其拖到其它位置。单击面板标题栏右侧的图标，将弹出该面板的面板菜单。例如，单击“信息”面板标题栏右侧的图标时，面板菜单将弹出，如图8-3-12所示。图8-3-12“信息”面板中的面板菜单，(2)“属性”面板中的特征：非常有用的特殊面板，选择其它对象或工具箱中的工具时，将自动弹出其它集中了设置参数选项的“属性”面板。例如，单击工具箱中的“椭圆”(ellipse)工具将显示“属性”(properties)面板(图8-3-13所示)，其中提供了椭圆轮廓线颜色、在图8-3-13椭圆工具的“属性”面板中，单击“属性”面板右下角的箭头按钮可以折叠“属性”面板的下半部分。您可以按一下属性面板右下角的箭头按钮，展开属性面板的下半部。(3)面板布局：如果面板的位置没有更改，则面板将与Flash8作业界面的右侧对齐。这是Flash8的默认状态。为了方便使用，用户可以根据自己的习惯或工作需要重新调整打开的面板，并调整每个面板的位置。具体操作方法如下。保存工作区布局：重新定位打开的面板后，单击“窗口”“工作区布局”“保存当前”菜单命令以弹出“保存工作区布局”对话框，如图8-3-14所示。在对话框的文本框中输入面板布局的名称