《flash8动画设计实例教程》第一章

机械工业出版社中等职业教育“十一五”规划教材۰电子商务专业机械工业出版社《Flash8动画设计实例教程》第一章构建您的第一个Flash目标技能掌握Flash安装方法。掌握Flash动画制作的基本概念。了解Flash工作环境。掌握Flash简单动画的制作流程与方法。机械工业出版社中等职业教育“十一五”规划教材۰电子商务专业机械工业出版社《Flash8动画设计实例教程》•本章目录•1.1进行Flash得安装•1.2Flash8基本概念介绍•1.3设置Flash8的工作环境•1.4Flash8的简单动画制作机械工业出版社中等职业教育“十一五”规划教材۰电子商务专业机械工业出版社《Flash8动画设计实例教程》•本章重点：Flash的安装、动画的基本概念以及Flash的工作环境。•本章难点：简单动画的制作流程和方法。机械工业出版社中等职业教育“十一五”规划教材۰电子商务专业机械工业出版社《Flash8动画设计实例教程》1.1进行Flash的安装1.1.1Flash的安装执行下列操作之一开始安装过程：•(Windows)如果有CD，请将其插入CD驱动器。一段影片剪辑将指导您完成整个安装选择。•从Internet下载的Flash，双击FlashBasic8Installer.exe或FlashProfessional8Installer(Flash8-chs.exe)图标，出现安装向导，如图所示机械工业出版社中等职业教育“十一五”规划教材۰电子商务专业机械工业出版社《Flash8动画设计实例教程》机械工业出版社中等职业教育“十一五”规划教材۰电子商务专业机械工业出版社《Flash8动画设计实例教程》•当图中的进度条消失后，显示如图所示，此处介绍了此版本Flash8安装的几个组件。机械工业出版社中等职业教育“十一五”规划教材۰电子商务专业机械工业出版社《Flash8动画设计实例教程》在此必须接受协议才能继续安装，点击下一步机械工业出版社中等职业教育“十一五”规划教材۰电子商务专业机械工业出版社《Flash8动画设计实例教程》•此处可以使用默认安装路径C:\ProgramFiles\Macromedia\,或自己选择新的安装文件路径，另外还可以选择是否在桌面和快速启动栏建立快捷按钮，如果需要的话直接在二个选择项前打上对勾即可。然后点击下一步机械工业出版社中等职业教育“十一五”规划教材۰电子商务专业机械工业出版社《Flash8动画设计实例教程》•此处可以选择是否安装Flash自带的播放器（默认情况下选中），点击下一步进入另一界面直接点击安装，Flash安装会自动进行，完成后会出现如下图所示窗口机械工业出版社中等职业教育“十一五”规划教材۰电子商务专业机械工业出版社《Flash8动画设计实例教程》•点击完成即可完成Flash的安装。机械工业出版社中等职业教育“十一五”规划教材۰电子商务专业机械工业出版社《Flash8动画设计实例教程》1.1.2Flash的启动与注册•系统安装完成后在开始菜单中如图所示，可以找到Flash的启动项，点击蓝色光条覆盖下的MicromediaFlash8即可启动Flash了。机械工业出版社中等职业教育“十一五”规划教材۰电子商务专业机械工业出版社《Flash8动画设计实例教程》1.1.1Flash的退出退出Flash程序的方法有以下几种：•左键单击菜单栏中的【文件】→【退出】命令或按【Ctrl】＋【Q】键。•单击标题栏右端的【关闭】按钮。•单击标题栏左端的控制选单按钮，从弹出选单中选择“关闭”命令。•双击标题栏左端的控制选单按钮。•按下快捷键【Alt】＋【F4】。机械工业出版社中等职业教育“十一五”规划教材۰电子商务专业机械工业出版社《Flash8动画设计实例教程》•无论使用哪种方法退出Flash8.0，如果所编辑的动画文件还没有保存的话，都将出现一个提示对话框，询问是否保存当前要关闭的文件，用户可以根据需要进行必要的选择。机械工业出版社中等职业教育“十一五”规划教材۰电子商务专业机械工业出版社《Flash8动画设计实例教程》1.2Flash8基本概念介绍1.2.1Flash动画类别•按照计算机制作动画的方式，可以将动画分为逐帧动画、补间动画、遮罩动画、交互动画等。•逐帧动画：逐帧动画采用的原理实际上就是传统的动画片制作原理，先把动画分解成很多个动作，然后将一个一个的动作制作出来，再将它们连续播放就形成了动画。由于这种方式要绘制许多内容不同的帧，不仅制作起来比较复杂，而且最终的文件将十分庞大，不利于在网页上使用。机械工业出版社中等职业教育“十一五”规划教材۰电子商务专业机械工业出版社《Flash8动画设计实例教程》•补间动画：补间(tween)是补足区间(inbetween)的简称。使用这种方法，只需设置起始帧和结束帧的内容，就可以创建平滑的动画，中间的帧由系统根据关键帧自动进行计算而成。由于只需定义两端的关键帧，所以补间动画存储容量小，执行速度快。补间动画分为动作补间动画和形状补间动画。•遮罩动画：遮罩动画是通过一种遮罩层技术实现画面变化的动画。•交互动画：交互动画是由用户操作键盘或鼠标参与动画的执行，用户不再是被动的欣赏，而是参与其中并融入动画角色里。交互动画一般通过动作脚本语言（ActionScript）实现。机械工业出版社中等职业教育“十一五”规划教材۰电子商务专业机械工业出版社《Flash8动画设计实例教程》1.2.2Flash动画优点•使用矢量技术制作动画，只用少量向量数据就可以描述一个复杂的对象，占用的存储空间只是位图的几千分之一，非常适合在网络上使用。同时，矢量图像可以做到真正的无级放大不会降低画面质量。•采用流式播放技术，可以边下载边播放，降低了对带宽的要求，缩短了下载等待时间。•为用户提供了一个灵活易用的操作界面，所见即所得，无论对于Web设计师、动画设计师，还是程序开发人员都一样顺手易用。•兼容性好，可以与Macromedia公司的Dreamweaver、Fireworks集成使用。•交互性强。ActionScript是Flash的脚本语言，随着其版本的不断更新，日趋完美。使用ActionScript可以控制Flash电影中的对象、创建导航和交互元素，制作非常具有魅力的作品。•为程序开发人员提供了大量的对象、事件模式和组件库。机械工业出版社中等职业教育“十一五”规划教材۰电子商务专业机械工业出版社《Flash8动画设计实例教程》1.2.3场景介绍•一场舞台剧，分为好几幕，按照次序一幕幕的进行演出。在Flash动画制作中也采用此种方式，不过“幕”换成了“场景”（Scenes）。一个简单的动画只需一个场景即可，而在创建复杂动画时，就需要使用多个场景来完成机械工业出版社中等职业教育“十一五”规划教材۰电子商务专业机械工业出版社《Flash8动画设计实例教程》1.3设置Flash8的工作环境•中文Flash8.0的工作界面如图所示。它包括标题栏、菜单栏、主要工具栏、工具箱、时间轴、舞台工作区、“属性”面板、“动作”面板、“库”面板、“颜色”面板和其他各种面板等。机械工业出版社中等职业教育“十一五”规划教材۰电子商务专业机械工业出版社《Flash8动画设计实例教程》机械工业出版社中等职业教育“十一五”规划教材۰电子商务专业机械工业出版社《Flash8动画设计实例教程》1.3.1舞台的使用1．标题栏和菜单栏位于屏幕最上方的横条就是标题栏，标题栏的左端依次是控制选单按钮、软件名称和当前编辑的文件名。单击最左边的控制选单按钮可弹出控制选单，可对窗口进行操作，如移动、改变大小等。右端的三个按钮用于调节窗口的状态机械工业出版社中等职业教育“十一五”规划教材۰电子商务专业机械工业出版社《Flash8动画设计实例教程》•标题栏下方是菜单栏，各菜单的命令及功能如表所示。机械工业出版社中等职业教育“十一五”规划教材۰电子商务专业机械工业出版社《Flash8动画设计实例教程》2．主工具栏•在菜单栏下方是主工具栏。主工具栏列出了大部分最常用的工具，从左到右依次为：新建文件、打开文件、保存文件、打印文件、剪切、复制、粘贴、撤销、重做、磁铁、平滑、伸直、旋转与倾斜、缩放、对齐。这些工具集中了菜单中常用命令的快捷按钮，以方便操作。机械工业出版社中等职业教育“十一五”规划教材۰电子商务专业机械工业出版社《Flash8动画设计实例教程》3．舞台•舞台是一块白色的区域，它是创作和动画的主要场所，同时也是动画影片发布后的显示区域。舞台区域左右两侧的灰色区域是工作区。机械工业出版社中等职业教育“十一五”规划教材۰电子商务专业机械工业出版社《Flash8动画设计实例教程》（1）改变舞台（影片）尺寸•舞台的大小就是影片播放窗口的大小，可以通过菜单【修改】→【文档】命令打开“文档属性”窗口，然后在尺寸栏中输入舞台的宽度值和高度值机械工业出版社中等职业教育“十一五”规划教材۰电子商务专业机械工业出版社《Flash8动画设计实例教程》（2）改变舞台显示比例用户可以根据需要，调节舞台的显示比例。当需要精确绘图时，可以放大显示比例，使之称为一个特定的区域；当需要看整个舞台效果时，可以缩小显示比例，在屏幕上显示出整个舞台。机械工业出版社中等职业教育“十一五”规划教材۰电子商务专业机械工业出版社《Flash8动画设计实例教程》放大或缩小舞台显示比例的方法有以下几种：•选择菜单【视图】→【放大】命令，成倍放大舞台；【视图】→【缩小】命令，成倍缩小舞台；【视图】→【缩放比率】命令，可以按特定百分比缩放舞台。•应用编辑栏右侧的显示比例下拉列表框，从列表框中选择或输入合适的百分比。•应用绘图工具箱中的放大镜工具。要放大或缩小某个对象，可以选择放大镜工具，单击该对象。机械工业出版社中等职业教育“十一五”规划教材۰电子商务专业机械工业出版社《Flash8动画设计实例教程》1.3.2时间轴的使用•时间轴用于组织和控制文档内容在一定时间内播放的图层数和帧数。与胶片一样，Flash文档也将时长分为帧。图层就像堆叠在一起的多张透明幻灯胶片一样，每个图层都包含一个显示在舞台中的不同图像。时间轴的主要组件是图层、帧和播放头。机械工业出版社中等职业教育“十一五”规划教材۰电子商务专业机械工业出版社《Flash8动画设计实例教程》1．移动播放头•文档播放时，播放头在时间轴上移动，指示当前显示在舞台中的帧。时间轴标题显示动画的帧编号。要在舞台上显示帧，可以将播放头移动到时间轴中该帧的位置。机械工业出版社中等职业教育“十一五”规划教材۰电子商务专业机械工业出版社《Flash8动画设计实例教程》2．更改时间轴中帧的显示•可以通过“帧视图”菜单，更改时间轴中帧的大小，以及向帧序列添加颜色以加亮显示它们。还可以在时间轴中包括帧内容的缩略图预览。这些缩略图是动画的概况，因此非常有用，但是它们需要额外的屏幕空间。机械工业出版社中等职业教育“十一五”规划教材۰电子商务专业机械工业出版社《Flash8动画设计实例教程》3．使用帧•实际上Flash动画是通过连续显示一系列静止图像形成的。这一幅幅静止图像以时间上的出现次序从左到右依次水平排列，每一幅图像就叫一帧。•在Flash中，帧可以分为未用帧、空帧、关键帧、空白关键帧、延续帧和过渡帧。帧在时间轴中出现的顺序决定它们在Flash应用程序中显示的顺序。机械工业出版社中等职业教育“十一五”规划教材۰电子商务专业机械工业出版社《Flash8动画设计实例教程》4．绘图纸外观•在时间轴下面的5个按钮是绘图纸工具按钮，它们可以使动画编辑者在编辑区内看到多个帧的画面机械工业出版社中等职业教育“十一五”规划教材۰电子商务专业机械工业出版社《Flash8动画设计实例教程》•帧居中按钮：用来定位当前帧的位置，单击此按钮后，当前帧就会被定位于时间轴的正中间。•绘图纸外观按钮：在时间轴上设置一个连续的显示帧区域，区域内的帧所包含的内容同时显示在编辑区中。•绘图纸外观轮廓按钮：该按钮作用与绘图纸外观按钮一样，只是它只显示各帧图形的轮廓线。•编辑多个帧按钮：当