【文档说明】《flash8动画设计实例教程》第一章.ppt，共(66)页，2.326 MB，由小橙橙上传

转载请保留链接：https://www.ichengzhen.cn/view-2799.html

以下为本文档部分文字说明：

•本章目录•1.1进行Flash得安装•1.2Flash8基本概念介绍•1.3设置Flash8的工作环境•1.4Flash8的简单动画制作•本章重点：Flash的安装、动画的基本概念以及Flash的工作环境。•本章难点：简单动画的制作流程和方法。1

.1进行Flash的安装1.1.1Flash的安装执行下列操作之一开始安装过程：•(Windows)如果有CD，请将其插入CD驱动器。一段影片剪辑将指导您完成整个安装选择。•从Internet下载的Fla

sh，双击FlashBasic8Installer.exe或FlashProfessional8Installer(Flash8-chs.exe)图标，出现安装向导，如图所示•当图中的进度条消失后，显示如图所示，此处介绍了此版本Flash8安装的几个组件。在此必须接受协议才能继续安装，点击下一步

•此处可以使用默认安装路径C:\ProgramFiles\Macromedia\,或自己选择新的安装文件路径，另外还可以选择是否在桌面和快速启动栏建立快捷按钮，如果需要的话直接在二个选择项前打上对勾即可。然后点击下一步•此处可以选择是否安装Flash自带的播放器（默认情况下选中），点击

下一步进入另一界面直接点击安装，Flash安装会自动进行，完成后会出现如下图所示窗口•点击完成即可完成Flash的安装。1.1.2Flash的启动与注册•系统安装完成后在开始菜单中如图所示，可以找到Flas

h的启动项，点击蓝色光条覆盖下的MicromediaFlash8即可启动Flash了。1.1.1Flash的退出退出Flash程序的方法有以下几种：•左键单击菜单栏中的【文件】→【退出】命令或按【Ctrl】＋【Q】键。•单击标题栏右端的【关闭】按钮。•单击标题栏左端的控制选单按钮，从弹出选单

中选择“关闭”命令。•双击标题栏左端的控制选单按钮。•按下快捷键【Alt】＋【F4】。•无论使用哪种方法退出Flash8.0，如果所编辑的动画文件还没有保存的话，都将出现一个提示对话框，询问是否保存当前要关闭的文件，用户可以根据需要进行必要的选择。1.2Flash8基本概念介绍1.2.1Fl

ash动画类别•按照计算机制作动画的方式，可以将动画分为逐帧动画、补间动画、遮罩动画、交互动画等。•逐帧动画：逐帧动画采用的原理实际上就是传统的动画片制作原理，先把动画分解成很多个动作，然后将一个一个的动作制作出

来，再将它们连续播放就形成了动画。由于这种方式要绘制许多内容不同的帧，不仅制作起来比较复杂，而且最终的文件将十分庞大，不利于在网页上使用。•补间动画：补间(tween)是补足区间(inbetween)的简称。使用这种方法，只需设置起始帧和结束

帧的内容，就可以创建平滑的动画，中间的帧由系统根据关键帧自动进行计算而成。由于只需定义两端的关键帧，所以补间动画存储容量小，执行速度快。补间动画分为动作补间动画和形状补间动画。•遮罩动画：遮罩动画是通过

一种遮罩层技术实现画面变化的动画。•交互动画：交互动画是由用户操作键盘或鼠标参与动画的执行，用户不再是被动的欣赏，而是参与其中并融入动画角色里。交互动画一般通过动作脚本语言（ActionScript）实现。1.2.2Flash动画优点•使

用矢量技术制作动画，只用少量向量数据就可以描述一个复杂的对象，占用的存储空间只是位图的几千分之一，非常适合在网络上使用。同时，矢量图像可以做到真正的无级放大不会降低画面质量。•采用流式播放技术，可以边下载边播放，降低了对带宽的要求，缩短

了下载等待时间。•为用户提供了一个灵活易用的操作界面，所见即所得，无论对于Web设计师、动画设计师，还是程序开发人员都一样顺手易用。•兼容性好，可以与Macromedia公司的Dreamweaver、Fireworks集成

使用。•交互性强。ActionScript是Flash的脚本语言，随着其版本的不断更新，日趋完美。使用ActionScript可以控制Flash电影中的对象、创建导航和交互元素，制作非常具有魅力的作品。•为程序开发人员提供了大量的对象、事件模式和

组件库。1.2.3场景介绍•一场舞台剧，分为好几幕，按照次序一幕幕的进行演出。在Flash动画制作中也采用此种方式，不过“幕”换成了“场景”（Scenes）。一个简单的动画只需一个场景即可，而在创建复杂动画时，就需要使用多个场景来完成1.3设置Flash8的工作环境•中文Flash8

.0的工作界面如图所示。它包括标题栏、菜单栏、主要工具栏、工具箱、时间轴、舞台工作区、“属性”面板、“动作”面板、“库”面板、“颜色”面板和其他各种面板等。1.3.1舞台的使用1．标题栏和菜单栏位于屏幕最上方的横条就是标题栏，标题栏的

左端依次是控制选单按钮、软件名称和当前编辑的文件名。单击最左边的控制选单按钮可弹出控制选单，可对窗口进行操作，如移动、改变大小等。右端的三个按钮用于调节窗口的状态•标题栏下方是菜单栏，各菜单的命令及功能如表所示。2．主

工具栏•在菜单栏下方是主工具栏。主工具栏列出了大部分最常用的工具，从左到右依次为：新建文件、打开文件、保存文件、打印文件、剪切、复制、粘贴、撤销、重做、磁铁、平滑、伸直、旋转与倾斜、缩放、对齐。这些工具集中了菜单

中常用命令的快捷按钮，以方便操作。3．舞台•舞台是一块白色的区域，它是创作和动画的主要场所，同时也是动画影片发布后的显示区域。舞台区域左右两侧的灰色区域是工作区。（1）改变舞台（影片）尺寸•舞台的大小

就是影片播放窗口的大小，可以通过菜单【修改】→【文档】命令打开“文档属性”窗口，然后在尺寸栏中输入舞台的宽度值和高度值（2）改变舞台显示比例用户可以根据需要，调节舞台的显示比例。当需要精确绘图时，可以放大显示比例，使之称为一个特定的区域；当需要看整个舞台效果时，可以缩小显示比例，在屏幕上显示

出整个舞台。放大或缩小舞台显示比例的方法有以下几种：•选择菜单【视图】→【放大】命令，成倍放大舞台；【视图】→【缩小】命令，成倍缩小舞台；【视图】→【缩放比率】命令，可以按特定百分比缩放舞台。•应用编辑栏右侧的显示比例下拉列表框，从列表框中选择或输入合适的百分比

。•应用绘图工具箱中的放大镜工具。要放大或缩小某个对象，可以选择放大镜工具，单击该对象。1.3.2时间轴的使用•时间轴用于组织和控制文档内容在一定时间内播放的图层数和帧数。与胶片一样，Flash文档也将时长分为帧。

图层就像堆叠在一起的多张透明幻灯胶片一样，每个图层都包含一个显示在舞台中的不同图像。时间轴的主要组件是图层、帧和播放头。1．移动播放头•文档播放时，播放头在时间轴上移动，指示当前显示在舞台中的帧。时间轴标题显示动画的帧编号。要在舞台上显示帧，可以将播放头移动到时间轴中该帧的位置。2．更改时间轴中

帧的显示•可以通过“帧视图”菜单，更改时间轴中帧的大小，以及向帧序列添加颜色以加亮显示它们。还可以在时间轴中包括帧内容的缩略图预览。这些缩略图是动画的概况，因此非常有用，但是它们需要额外的屏幕空间。3．

使用帧•实际上Flash动画是通过连续显示一系列静止图像形成的。这一幅幅静止图像以时间上的出现次序从左到右依次水平排列，每一幅图像就叫一帧。•在Flash中，帧可以分为未用帧、空帧、关键帧、空白关键帧、延续帧和过渡帧。帧在时间轴中出现的顺序决定它们在Flas

h应用程序中显示的顺序。4．绘图纸外观•在时间轴下面的5个按钮是绘图纸工具按钮，它们可以使动画编辑者在编辑区内看到多个帧的画面•帧居中按钮：用来定位当前帧的位置，单击此按钮后，当前帧就会被定位于时间轴的正中间。•绘图纸

外观按钮：在时间轴上设置一个连续的显示帧区域，区域内的帧所包含的内容同时显示在编辑区中。•绘图纸外观轮廓按钮：该按钮作用与绘图纸外观按钮一样，只是它只显示各帧图形的轮廓线。•编辑多个帧按钮：当需要同时编辑多个帧时，按下此按钮就可以了。但要注意，它只对逐帧动画起作用，对补间动画无效。•修改

绘图纸标记按钮：用于改变绘图纸显示的状态和设置。单击它会弹出一个与时间轴多帧显示相关的菜单。1.3.3图层的使用•图层就像透明的胶片一样，在舞台上一层层地向上叠加。图层可以组织文档中的图形图象。可以在图层上绘制和编辑对象，而不会影响其它

图层上的对象。如果一个图层上没有内容，那么就可以透过它看到下面的图层。层与层之间是独立的，每个图层上都有若干帧，每个Flash动画又有多个图层组成。1．创建图层和图层文件夹（1）创建新图层时间轴底部的“插入图层”按钮。•选择菜单命令【插入】→【时间轴】→【图层】。•右键单击

时间轴中的一个图层名称，然后从弹出的菜单中选择【插入图层】，就会在当前图层上方添建一个新图层。（2）创建图层文件夹创建图层文件夹的方法有以下几种：•在时间轴中选择一个图层或文件夹，然后选择菜单命令【插入】→【时间

轴】→【图层文件夹】。•右键单击时间轴中的一个图层名称，然后从弹出的菜单中选择【插入文件夹】。2．查看图层和图层文件夹1）显示/隐藏图层显示和隐藏图层的几种方法：–单击时间轴中图层或文件夹名称右侧的“眼睛”列

，可以隐藏该图层或文件夹。再次单击它可以显示该图层或文件夹。–单击眼睛图标可以隐藏时间轴中的所有图层和文件夹。再次单击它可以显示所有的层和文件夹。–在“眼睛”列中拖动可以显示或隐藏多个图层或文件夹。–按住【Alt】键单击图层或文件夹名称右侧的“眼睛”列可以隐藏所有其它图层和文件夹。再次按

住【Alt】键单击可以显示所有的图层和文件夹。2）以轮廓颜色显示图层为了帮助用户区分对象所属的图层，可以用彩色轮廓显示图层上的所有对象。可以更改每个图层使用的轮廓颜色。•单击图层名称右侧的“轮廓”列可以显示该层上所有对象的轮廓。再次单击它

可以关闭轮廓显示。•单击轮廓图标可以显示所有图层上的对象的轮廓。再次单击它可以关闭所有图层上的轮廓显示。•按住【Alt】键单击图层名称右侧的“轮廓”列可以将所有其它图层上的对象显示为轮廓。再次按住【Alt】键单击它可

以关闭所有图层的轮廓显示。3）锁定/解锁图层锁定和解锁图层的方法有以下几种：•单击图层或文件夹名称右侧的“锁定”列可以锁定它。再次单击“锁定”列可以解锁该图层或文件夹。•单击挂锁图标可以锁定所有的图层和文件夹，再次单击它可以解锁所有的图

层和文件夹。•在“锁定”列中拖动可以锁定或解锁多个图层或文件夹。•按住【Alt】键单击图层或文件夹名称右侧的“锁定”列，可以锁定所有其它图层或文件夹。再次按住【Alt】键单击“锁定”列可以解锁所有的图层或文件夹。3.编辑图层和文件夹1）选择图层选择单个图层或文件夹有以下几种方法

：•在时间轴中单击图层名称。•在时间轴中单击对应于这一图层中的任意一帧。•在舞台上选中一个对象，这个对象所在的图层将变为当前图层。•选择两个或多个图层或文件夹，有以下两种方法：•先选中当前层，再按住【Shift】键单击当前层外的另外一层，

则当前层和另一层之间的所有层被选中。•按住【Control】键单击时间轴中多个层，则这些层同时被选中。2）重命名图层重命名图层或文件夹的方法有以下几种：•双击时间轴中图层或文件夹的名称，然后输入新名称。•右键单击图层或文件夹的名称，然后从弹出菜单中选择【属性】。在“图层属性”对话框中，

在“名称”文本框中输入新名称，然后单击“确定”。•在时间轴中选择该图层或文件夹，然后选择【修改】→【时间轴】→【图层属性】。在“图层属性”对话框中，在“名称”文本框中输入新名称，然后单击“确定”。3）复

制和粘贴图层复制和粘贴图层的步骤如下：（1）单击时间轴中的图层名称选择整个图层。（2）选择【编辑】→【时间轴】→【复制帧】。（3）单击"添加图层"按钮创建新层。（4）单击该新图层，然后选择【编辑】→【时间轴】→【粘贴帧】。4）删除图层或文件夹选中将删除的图层，然后执行下面的操作之一：•单

击时间轴中的“删除图层”按钮。•将图层或文件夹拖到“删除图层”按钮。•右键单击该图层或文件夹的名称，然后从弹出的菜单中选择“删除图层”。•注意：如果删除图层文件夹，则文件夹下包含的图层及其内容都会被删除。5）改变图层顺序•时间轴中图层的顺序决定了编辑区中各图层对

象的重叠关系，根据需要可调整图层间的排列顺序。操作方法为：选中要移动的图层，然后用鼠标拖动图层到所需要的位置即可。6）改变图层高度•可以更改时间轴中图层的高度，从而在时间轴中显示更多的信息（例如声音波形）。操作方法为：在选定图层上单击右键，从弹出的菜单中选择【属性】命令，在打开图层属性窗口中设置图

层在时间轴中的显示高度。4．使用引导层•为了在绘画时帮助对齐对象或者控制运动补间动画中对象的移动情况，可以创建引导层。•创建引导层的方法有以下几种：•右键单击选定图层，然后从弹出菜单中选择【引导层】。再次选择【引导层

】，可以将该层改回常规层。•单击时间轴中的某一图层，然后单击时间轴下方的“添加运动引导层按钮”，就在选中的图层上新建一个运动引导层，而原来选中的图层成为被引导图层。5．多个对象分散到图层可以将一个图层中某一帧内的多个对象分散到不同图层的第1帧中。步骤如下：（1）选中要编辑

的所有对象。（2）选择菜单【修改】→【时间轴】→【分散到图层】命令，则选中的对象被分配到各自独立的图层里。新的图层由系统自动增加。1.3.4工具面板的使用使用“工具”面板中的工具可以绘图、上色、选择和修改插图，并可以更

改舞台的视图。“工具”面板分为四个部分：•“工具”区域包含绘图、上色和选择工具。•“查看”区域包含在应用程序窗口内进行缩放和移动的工具。•“颜色”区域包含用于笔触颜色和填充颜色的功能键。•“选项”区域显示用于当前所选工具的功能键。功能键影响工具的上色或

编辑操作。1．选择工具可以通过在“工具”面板中直接单击要使用的工具或使用该工具的快捷键来选择工具。各个工具的快捷键可以通过菜单命令【编辑】→【快捷键】查看。2．自定义工具面板可以自定义“工具”面板，以便指定在创作环境中显示哪些工

具。使用“自定义工具面板”对话框在工具栏中添加或删除工具。方法如下：（1）选择【编辑】→【自定义工具面板】显示“自定义工具面板”对话框，如图。对话框左侧的“可用工具”菜单指示Flash中当前可用的工具。右侧“当前选择”菜单指示当前为“工具”面

板中的选定位置分配的工具。（2）单击“工具”面板图像中的某个工具，以指定要分配其它工具的位置。（3）要将某个工具添加到所选位置，在“可用工具”列表中选择该工具，然后单击“添加”按钮。可以将一个工具分配给多

个位置。（4）要从所选位置中删除某个工具，在“当前选择”滚动列表中选择该工具，然后单击“删除”按钮。（5）单击“确定”应用所做的更改并关闭“自定义工具面板”对话框。1.3.5网格、辅助线和标尺1．使用标尺当显示标尺时，它们将显示在文档的左沿和上沿。可以更改标尺的度量单位，将其默认单位

（像素）更改为其它单位。在显示标尺的情况下移动舞台上元素时，将在标尺上显示几条线，指出该元素的尺寸。（1）显示或隐藏标尺。选择菜单【视图】→【标尺】命令，可以显示或隐藏标尺。（2）设置标尺单位。选择菜单【修改】→【文档】命令，打开“文档属性”对话框，在左下角的“标尺单位”栏中选择一个单位。2．使用

辅助线如果显示了标尺，可以将水平和垂直辅助线从标尺拖动到舞台上。可以移动、锁定、隐藏和删除辅助线，也可以使对象贴紧至辅助线，更改辅助线颜色和贴紧容差（对象与辅助线必须有多近才能贴紧至辅助线）。（1）显示或隐藏辅助线。选择菜单命令【视图】

→【辅助线】→【显示辅助线】。（2）锁定辅助线。选择菜单命令【视图】→【辅助线】→【锁定辅助线】，即可将辅助线锁定，此时无法用鼠标拖曳改变辅助线的位置。（3）编辑辅助线。选择菜单命令【视图】→【辅助线】→【编辑辅助线…】，打开“辅助线”窗口。在此窗口中，可以编辑辅助线的颜色、确定

是否显示辅助线、是否对齐辅助线、是否锁定辅助线和辅助线的对齐精确度。（4）清除辅助线。选择菜单命令【视图】→【辅助线】→【清除辅助线】。3．使用网格•当在文档中显示网格时，将在所有场景中的对象之后显示一系列的直线。可以将对象与网格

对齐，也可以修改网格大小和网格线颜色。（1）显示或隐藏网格。选择菜单命令【视图】→【网格】→【显示网格】。（2）编辑网格。选择菜单命令【视图】→【网格】→【编辑网格…】，打开“网格”窗口，如图所示。•在此窗口中，可以编辑网格的颜色、确定是否显示网格、是否对齐网格、调整网格的间距以

及对象和网格对齐的精确度等。加入网格的舞台如图。1.3.6使用面板和“属性”检查器1．使用“属性”检查器•使用“属性”检查器可以很容易地访问舞台或时间轴上当前选定项的最常用属性，从而简化了文档的创建过程。编辑者

可以在“属性”检查器中直接更改对象或文档的属性，而不用访问也用于控制这些属性的菜单或面板。2．使用面板•使用面板可以处理对象、颜色、文本、实例、帧、场景和整个文档。例如，可以使用“混色器”面板创建颜色，并使用“对齐”面板将对象彼此对齐或与舞台对齐。•面板可以

根据需要进行个性定制，使操作更加便捷。Flash中绝大部分的操作都能通过这些面板来轻松实现，对于这些面板的作用和具体操作方法，将在后面的章节中结合范例进行讲解。这里主要介绍它们的一般操作。（1）打开面板。从【窗口】菜单选择所需的面板。（2）关闭面板。从【窗口】菜单选择所需的

面板或者右击要关闭的面板标题栏，在弹出的菜单中选择【关闭面板组】命令。（3）拆分和组合面板。•组合的方法是将鼠标放在要组合的面板标签上，出现一个抓手图标，然后拖动抓手将面板放到另一个面板上。目标面板旁边显示一条黑线，以显示面板将放置到的位置。释放鼠标，这样就可以组合在一起。•拆分的方法是

拖动面板的抓手，将它与其它面板分开。（4）展开和折叠面板。如果面板是展开的，单击标题栏上的折叠箭头即可折叠面板。再次单击折叠箭头会将面板展开到它以前的大小。（5）保存自定义面板设置。用户可以根据自己的喜好，重新调整打开哪些面

板，调整各面板的位置。然后，选择【窗口】→【工作区布局】→【保存当前】。在打开的“保存面板布局”窗口中输入布局名称（如：我的布局），然后单击“确定”，即可在【窗口】→【工作区布局】菜单中添加一个【我的布局】

子菜单命令。•使用自定义面板布局时，选择菜单命令【窗口】→【工作区布局】→【我的布局】，即可将工作环境改变为当时保存的状态。选择菜单命令【窗口】→【工作区布局】→【默认】，可以将工作环境恢复到Flash默认的工作区布局状态。1.4Flash8的

简单动画制作1.4.1任务概述•制作一个彩球从左向右水平移动的简单动画。1.4.2新建文件•选择菜单【文件】→【新建】命令，打开“新建文档”窗口。选择类型中的“Flash文档”，点击“确定”进入文档编辑窗口。也可以单击主工具栏的“新建”按钮，直接创建一个Flash文档。1.4.3设置舞台•选择菜单

【修改】→【文档】命令或单击“属性”检查器中的“文档属性”按钮，打开“文档属性”对话框。•在打开的“文档属性”对话框中，设置舞台尺寸宽为600，高为300，背景颜色为黄色。设置好之后点击“确定”。1.4.4绘制简单图形•新建的文档中已经有一个空白关键帧，在这个关键帧中绘制第一个对象。选择“工

具”面板中的“椭圆”工具，在“工具”面板的“颜色”栏点击“笔触颜色”按钮，在弹出的颜色样本中选择右上角的没有颜色；再点击“填充颜色”按钮，在打开的颜色面板中选择红色渐变色。•按下键盘的【Shift】键，同时在舞台左侧拖动鼠标绘制出一个

没有边框，填充色是红黑渐变色的圆。•选择工具面板中的颜料桶工具，再单击红色圆的内左上边，使圆内亮点偏移，成为一个具有立体感的彩球。1.4.5创建补间动画•制作动作补间，需要先将矢量图形转换为组合或元件。选中红

色的立体球，选择菜单【修改】→【转换为元件】，在弹出的对话框中输入名字“立体彩球”，类型为图形。如图1-44所示。这时，彩球四周会出现一个蓝色的矩形框。•鼠标选中时间轴中图层1的第50帧，在该帧上单击右键，在弹出的菜单中选择【插入关键帧】命令。选中该帧，按住【Shift】键的

同时，使用选择工具将立体彩球从舞台左侧水平移动到舞台右侧。•选中图层1中的第1帧，单击鼠标右键，在弹出的菜单中选择【创建补间动画】命令。此时，图层1中从第1帧到第50帧之间出现一条水平指向右的箭头，表示该

动画制作成功。1.4.6预览发布文档动作制作完毕后，按【Ctrl】＋【Enter】键预览动画效果。如果动画有问题，再重新修改；如果没有问题就可以发布了。在发布动画之前要现保存文档，然后选择菜单【文件】→【发布】命令，就会在保存文档的文件夹下生成一个扩展名为.swf的文件，这

就是我们最终完成的动画作品。本章到此结束，谢谢！