《Dreamweaver 8和Flash 8案例教程 教学课件 ppt 作者 沈昕 第8章 中文Flash 8基础》由会员分享，可在线阅读，更多相关《Dreamweaver 8和Flash 8案例教程 教学课件 ppt 作者 沈昕 第8章 中文Flash 8基础（133页珍藏版）》请在金锄头文库上搜索。
1、第8章 中文Flash 8基础,8.1 【案例25】“计算机产品展示”动画,8.1.1 学习目标 “计算机产品展示”动画是制作的第1个Flash动画（也叫做影片），该动画播放后，在黄色背景的演示窗口内的上边，红色文字“最新计算机产品”逐渐水平展开显示，同时一幅计算机图像从小到大逐渐显示出来。该动画播放中的两个画面如图8-1-1所示。,图8-1-1 第1个Flash影片播放中的两个画面,通过制作该案例，可以对中文Flash 8的工作环境和一些基本操作方法有一个初步的了解。 8.1.2 操作过程,1中文Flash 8的工作环境 中文Flash 8的工作环境如图8-1-14所示。它包括标题栏、菜单栏
2、、主要工具栏、工具箱、时间轴、舞台工作区、“属性”面板、“库”面板和其他各种面板等。,8.1.3 相关知识,图8-1-14 中文Flash 8的工作界面,单击“窗口”“工具栏”“”菜单命令，可以打开或关闭主要工具栏、控制器（用于播放动画）和编辑栏。单击“窗口”“工具”菜单命令，可以打开或关闭工具箱。单击“窗口”“时间轴”菜单命令，可以显示或隐藏时间轴窗口。,Flash 8还有许多面板，要打开其他面板和关闭面板，可以单击“窗口”“”菜单命令或“窗口”“其他面板”“”菜单命令。如果有的面板打不开，可单击“窗口”“工作区布局”“默认”菜单命令。 将鼠标指针移到各按钮之上时，会显示相应的中文名称提示。
3、,主要工具栏也叫做主工具栏，如图8-1-14所示，其中15个按钮的作用如表8-1-1所示。,2主要工具栏,表8-1-1 主要工具栏按钮的名称与作用,续表,工具箱中提供了用于图形绘制和图形编辑的各种工具。工具箱内从上到下分为4个栏：“工具”栏、“查看”栏、“颜色”栏和“选项”栏，如图8-1-14所示。单击按下某个工具的按钮，即可激活相应的操作功能，以后把这一操作叫做使用某个工具。,3工具箱,（1）“工具”栏：工具箱“工具”栏内的工具用来绘制图形、输入文字和编辑图形。其中各工具按钮的名称与作用如表8-1-2所示。,表8-1-2 “工具”栏中工具按钮的名称与作用,续表,（2）“查看”栏：工具箱内的“
4、查看”栏中有“手形工具”和“缩放工具”，使用这两个工具可以调整舞台工作区的显示比例和观察的位置。这两个工具的名称与它们的作用如表8-1-3所示。,表8-1-3 “查看”栏中工具按钮的名称与作用,（3）“颜色”栏：它是用来确定绘制图形的线条和填充的颜色。其中各按钮的名称与作用如表8-1-4所示。,表8-1-4 “查看”栏中工具按钮的名称与作用,（4）“选项”栏：工具箱“选项”栏中放置了用于对当前激活的工具进行设置的一些属性和功能按钮等选项。这些选项是随着用户选用工具的改变而变化的，大多数工具都有自己相应的属性设置。,（1）保存Flash动画：如果是第一次存储Flash动画，可单击“文件”“保存”
5、或“文件”“另存为”菜单命令，弹出“保存为”对话框。利用该对话框，可以将动画存储为扩展名为“.fla”的Flash MX 2004 影片文件或扩展名为“.fla”的Flash 8影片文件。,4保存、打开、关闭Flash文档和退出Flash 8,如果要再次保存修改后的Flash动画文件，可单击“文件”“保存”菜单命令。如果要以其他名字保存当前Flash动画，可单击“文件”“另存为”菜单命令。,（2）打开Flash动画：单击“文件”“打开”菜单命令，弹出“打开”对话框。利用该对话框，选择扩展名为“.fla”的Flash MX 2004或Flash 8文件，再单击该对话框内的“打开”按钮，即可打开选
6、定的Flash动画文件。,（3）关闭Flash文档窗口：单击“文件”“关闭”菜单命令或单击Flash舞台窗口右上角的 按钮。如果在此之前没有保存动画文件，会弹出一个提示框，提示是否保存动画文件。单击“是”按钮，即可保存文件，然后关闭Flash 8文档窗口。,（4）退出Flash 8：单击“文件”“退出”菜单命令或单击Flash 8窗口右上角的 按钮。如果在此之前还有没关闭的修改过的Flash文档，则会弹出提示框，提示是否保存动画文件。单击“是”按钮，即可保存文件，并关闭Flash文档窗口。关闭所有的Flash文档窗口后，退出Flash 8。,8.2.1 学习目标 “简单的图像切换”动画是在【案
7、例25】“计算机产品展示”动画的基础上制作成的。该动画播放后，当文字和图像完全展开后，第2幅主机板图像会从右向左移到演示窗口中，将第1幅图像完全遮挡住，同时还增加了背景音乐，其中的2幅画面如图8-2-1所示。,8.2 【案例26】“简单的图像切换”动画,图8-2-1 “简单的图像切换”动画播放中的2幅画面,通过制作该案例，可以进一步掌握导入外部图像、输入文本和编辑文本的方法，特别是掌握解位图图像和文字的分离方法和初步了解打碎的图像与文字的特点。 8.2.2 操作过程,1导入外部素材 （1）导入到舞台工作区：单击“文件”“导入”“导入到舞台”菜单命令，弹出“导入”对话框。利用该对话框，选择文件，
8、再单击“打开”按钮，即可将选定的素材导入到舞台工作区和“库”面板中。,8.2.3 相关知识,可以导入的外部素材有矢量图形、位图、视频影片和声音素材等，文件的格式很多，这可以从“导入”对话框的文件类型下拉列表框中看出，如图8-2-7所示。,图8-2-7 “文件类型”下拉列表框,如果选择的文件名是以数字序号结尾的，则会弹出“中文Flash 8”提示框，询问是否将同一个文件夹中的一系列文件全部导入。单击“否”按钮，则只将选定的文件导入。单击“是”按钮，即可将一系列文件全部导入舞台工作区内。例如，在文件夹内有PC1.jpgPC10.jpg图像文件，在选中PC1.jpg文件后，单击“是”按钮，即可将这些
9、文件都导入舞台工作区内。,如果一个导入的文件有多个图层，Flash会自动创建新层以适应导入的图像。 如果导入的是AVI格式的视频文件，会弹出“导入视频”对话框，如图8-2-8所示。,图8-2-8 “导入视频”对话框,这是一个导入视频的向导，此时处于“选择视频”状态。选择一个视频文件后，单击“下一步”按钮后会切换到另一个“导入视频”对话框。按照“导入视频”对话框向导进行一步步操作，最后单击“完成”按钮，即可完成视频文件的导入。在Flash 8中，处理视频的功能大大加强了，在后面的章节中将更详细地进行介绍。,（2）利用剪贴板导入：首先，在Flash或其他应用软件中使用“复制”命令，将图形等对象复制
10、到剪贴板中。然后，在Flash 8中，单击“编辑”“粘贴到中心位置”菜单命令，将剪贴板中的内容粘贴到舞台工作区的中心与“库”面板中。,单击“编辑”“粘贴到当前位置”菜单命令，可将剪贴板中的内容粘贴到舞台工作区中该图像的原始位置。只有将Flash的舞台工作区内选中的对象复制到剪贴板中后，该菜单命令才有效。,如果单击“编辑”“选择性粘贴”菜单命令，即可弹出“选择性粘贴”对话框，如图8-2-9所示。在“作为”列表框内，选中一个软件名称，再单击“确定”按钮，即可将选定的内容粘贴到舞台工作区中。同时，还建立了导入对象与选定软件之间的链接。,图8-2-9 “选择性粘贴”对话框,（3）导入到“库”面板：单击
11、“文件”“导入”“导入到库”菜单命令，弹出“导入”对话框。利用该对话框选择文件，单击“打开”按钮，即可将选定的素材导入“库”面板。,（1）输入文本的方法：单击工具箱内的“文字工具”按钮 ，再单击舞台工作区，即会出现一个矩形文本框，矩形框右上角有一个小圆控制柄，表示它是延伸文本，同时光标出现在文本框内，这时就可以输入文字了。随着文字的输入，文本框会自动向右延伸，如图8-2-10所示。,2输入文本,图8-2-10 延伸文本,（2）输入固定行宽的文本：单击工具箱内的“文本工具”按钮 ，在舞台的工作区中拖曳出一个矩形文本框。此时文本框右上角的控制柄为方形，表示文本为固定行宽文本，如图8-2-11所示。
12、在固定行宽文本状态下，输入文字会自动换行。双击方形控制柄，可将固定行宽文本变为延伸文本。可以用鼠标拖曳文本框的控制柄，来改变文本框的行宽度。,图8-2-11 固定行宽文本,（3）文本属性的设置：文本属性包括文字的字体、字号、颜色和风格等。设置文本的属性可以通过菜单命令或“属性”面板选项的调整来完成。文本的颜色由填充色（单色）决定。单击“文本”菜单下的子菜单命令，即可进行文本属性的设置。,单击工具箱内的“文字工具”按钮 ，单击舞台工作区内，即可弹出它的“属性”面板，如图8-2-12所示。其中一些特殊选项的作用如下。,图8-2-12 文本工具的“属性”（静态文本）面板,按钮：用来确定文字的颜色。
13、“字符间距”文本框 ：用来确定各字符之间的距离（单位像素）。 “字符位置”下拉列表框 ：用来选择字符在垂直方向的位置。,“编辑格式选项”按钮：单击它可调出“格式选项”对话框，利用它可以设置段落的缩进量、行间矩、左边矩和右边距等。 “改变文本方向”按钮 ：单击它可弹出一个菜单，如图8-2-13所示，利用该菜单可以设置多行文字的排列方式。,图8-2-13 菜单,“自动调整字距”复选框：选中它后，使用字体信息内部的字间距。 “字体呈现方法”下拉列表框：用来选择设备字体或各种消除锯齿的字体。消除锯齿可对文本作平滑处理，使屏幕上显示的字符的边缘更平滑。这对于清晰呈现较小字体尤为有效。,“字体呈现方法”下
14、拉列表框：用来选择设备字体或各种消除锯齿的字体。消除锯齿可对文本作平滑处理，使屏幕上显示的字符的边缘更平滑。这对于清晰呈现较小字体尤为有效。 “可选”按钮 ：单击它后，可用鼠标拖曳选择动画中的文字。,在Flash中，许多操作（改变位图的局部色彩或形状，以及进行位图的变形过渡动画制作）是针对矢量图形进行的，对于导入的位图和输入的文字就不能操作。位图和文字必须经过分离（也叫打碎）后才能和绘制的图形一样进行一些操作和编辑。,3分离位图和文字,（1）分离位图：选中一个位图，再单击“修改”“分离”菜单命令，将位图分离。分离的位图图像可以像绘制的图形那样进行编辑修改。,（2）分离文字：对于Flash MX
15、中的文字，可以通过单击“修改”“分离”菜单命令，将它们分解为独立的单个字符或汉字。,例如，图8-2-14上图所示的是在Flash中输入的文字，它是一个整体，即一个对象。选中它后，再单击“修改”“分离”菜单命令，即可将它分解为相互独立的3个字符和4个汉字，如图8-2-14下图所示。,图8-2-14 文字的分解,如果选中一个或多个单独的字符或汉字，然后单击“修改”“分离”菜单命令，即可将它或它们分离（叫打碎），如图8-2-15所示（打碎的文字上面有一些小白点）。打碎的文字可以按照图形来编辑修改。,图8-2-15 分离的文字,8.3.1 学习目标 “沿矩形框架移动的鼠标”动画播放后，一个绿色彩球沿七
16、彩矩形框架的内边缘转圈移动，其中的两幅画面如图8-3-1所示。通过制作该案例，可以掌握设置图形颜色、将对象对齐等方法，掌握移动对象的起点和终点位置一样的动画制作方法。 8.3.2 操作过程,8.3 【案例27】“沿矩形框架移动的鼠标”动画,图8-3-1 “沿矩形框架移动的鼠标”动画播放后的两幅画面,1舞台工作区的网格 在舞台工作区中，为了使对象准确定位，可以给舞台的上边和左边加入标尺，在舞台工作区内显示网格和辅助线，它们不会随动画输出。显示与隐藏辅助线的方法如下。,8.3.3 相关知识,（1）选中“视图”“网格”“显示网格”菜单选按钮，会在舞台工作区内显示网格。再单击该菜单命令，可取消该菜单选按钮左边的对勾，同时取消网格。,（2）选中“视图”“网格”“编辑网格”菜单选按钮，弹出“网格”对话框，如图8-3-10所示。利用该对话框
