搜索
第7章Flash操作基础第8章Flash动画制作2020/5/23第7-8章Flash8操作基础与动画制作2$[知识目标]熟悉Flash的操作界面;掌握动画制作的基本流程;掌握Flash动画的制作方法.8[能力目标]在Flash基本操作;制作基本的Flash动画.2020/5/23第7-8章Flash8操作基础与动画制作37.1Flash动画概念与原理7.2Flash的基本操作7.3制作Flash动画第7章Flash操作基础2020/5/23第7-8章Flash8操作基础与动画制作47.1.1Flash8的操作界面7.1.2Flash的主要术语7.1.3文件的基本操作7.1Flash基本概念与动画原理2020/5/23第7-8章Flash8操作基础与动画制作5一、动画原理1.视觉暂留属性人的视觉有一种特殊属性，光象一旦在视网膜上形成，视觉会对这个光象的感觉维持一个短暂的时间，这种视觉的生理现象称为视觉暂留性。对于中等亮度的光刺激，视觉暂留时间约为0.05--0.1秒。2.制片放映速度一幅画面为一帧。把一幅幅画面，按每秒24帧的速度播放，就能看到连续的运动画面——动画。早期的电影放映的是逐帧动画。19世纪20年代，英国科学家发现了人眼的“视觉暂留”现象（物体被移动后其形象在人眼视网膜上还可有约0.1秒的停留），揭示了连续分解的动作在快速闪现时产生活动影像的原理。2020/5/23第7-8章Flash8操作基础与动画制作6二、Flash动画1.按制作方式分有两大种类一种是逐帧动画的制作，还有一种是补间动画。使用逐帧动画可以制作一些真实的、专业级的动画效果。使用补间动画的制作方式，可以轻松创建平滑过渡的动画效果。制作快捷。把每个画面分成帧，将这些帧也就是画面快速的播放出来就构成了动画。Flash动画是高压缩的，文件很小，被广泛使用。还可以通过编程来控制播放。2020/5/23第7-8章Flash8操作基础与动画制作72.Flash的动画对象包括：①文字②图形③图像④声音⑤视频⑥动画元件⑦场景。3.Flash动画文件格式*fla——Flash源文件格式，基于矢量技术制作，携带有全部的矢量属性内容，可以随时打开继续修改。*swf——Flash发布的播放文件，可以直接插入web文件中，在浏览器中显示出来。因为是矢量画面，不管将画面放大多少倍，画面不会因此而有失真。swf动画以其高清晰的画质和小巧的体积，在网页设计中得到广泛应用。*swf（smallwebformat）。2020/5/23第7-8章Flash8操作基础与动画制作8三、Flash闪光1.flash[flæʃ]基本翻译n.闪光，闪现；一瞬间adj.闪光的，火速的vt.使闪光；反射vi.闪光，闪现；反射网络释义Flash:系统闪烁信息|闪光|闪光灯2020/5/23第7-8章Flash8操作基础与动画制作92.Flash是Macromedia公司开发的动画编辑工具*Flash是一种创作工具，设计人员和开发人员可使用它来创建演示文稿、应用程序和其它允许用户交互的内容。*Flash可以创建简单的动画、视频、演示文稿、游戏及简单应用程序。Flash特别适用于Internetweb文件的集成。*Flash是通过矢量图形制作图形文件，位图图形靠一组像素数据来表示。矢量图形需要的内存和存储空间很小。3.Flash界面和文档含有四个主要部分内容*舞台是图形的编辑区也是播放的显示区。2020/5/23第7-8章Flash8操作基础与动画制作10*时间轴用来控制动画的摄入时间向量；*层是一个图形活动单元的编辑与活动区域；舞台上各图形的分层顺序，位于较高图层中的图形显示在较低图层中的图形的上方。拖动可以改变方位。*库面板是存放图形、媒体元件的地方。*ActionScript代码是用来对动画编程的，形成可控动画，是动画的高级课程内容。2020/5/23第7-8章Flash8操作基础与动画制作114.存储文件完成Flash文档的创作后，可以使用“文件”“发布”命令发布它。根据设置可以创建压缩的swf文件及html文件。5.SWF的播放含FlashPlayer插件的web浏览器中播放，或者独立FlashPlayer应用程序播放。2020/5/23第7-8章Flash8操作基础与动画制作12四、Flash用途1.动画包括横幅广告、联机贺卡、卡通画等。许多其它类型的Flash应用程序也包含动画元素。2.游戏许多游戏都是使用Flash构建的。3.用户界面许多Web站点设计人员使用Flash设计用户界面。它可以是简单的导航栏，也可以是复杂得多的界面。2020/5/23第7-8章Flash8操作基础与动画制作134.灵活消息区域设计人员使用web页中的这些区域显示可能会不断变化的信息。5.丰富Internet应用程序这包括多种类别的应用程序，它们提供丰富的用户界面，用于通过Internet显示和操作远程存储的数据。可以是一个日历、价格查询、购物目录、教育和测试应用程序，任何其它使用丰富图形界面提供远程数据的应用程序。2020/5/23第7-8章Flash8操作基础与动画制作146.构建Flash应用程序的基本步骤：*确定应用程序要执行哪些基本任务。*创建并导入媒体元素，如图像、视频、声音、文本等。*在舞台上和时间轴中按安排媒体元素，以确定它们的动态。*根据需要，对媒体元素应用特殊效果。*根据需要编写ActionScript代码，以控制媒体元素的行为方式，包括这些元素对用户交互的响应方式。*测试设计结果。*发布播放程序。2020/5/23第7-8章Flash8操作基础与动画制作157.2Flash的工作界面2020/5/23第7-8章Flash8操作基础与动画制作167.2.1Flash的操作界面2020/5/23第7-8章Flash8操作基础与动画制作17㈠图形对象、文字对象和群组对象1．图形对象。使用绘图工具栏中的工具绘制的图形和通过导入命令导入的图像都称为图形对象。2．文字对象。使用文字工具输入的文字称为文字对象。3．群组对象。将一个或多个图形或文字对象组合起来形成一个对象称为群组对象。7.2.2Flash的主要术语2020/5/23第7-8章Flash8操作基础与动画制作18㈡Flash中的元件和实例元件是在Flash文档中创建的图像、按钮或影片剪辑，是可以重复使用的动画资源。实例是指位舞台上或嵌套在另一元件中的元件的副本，实例其实是对元件的引用。㈢图层图层就像透明的胶片，在舞台上一层层地向上叠加，每一张又都保持独立。Flash中的图层位于时间轴左侧。2020/5/23第7-8章Flash8操作基础与动画制作19㈣帧Flash中的帧有：关键帧、空白关键帧和普通帧三种类型，各种帧在时间轴上如图所示。1.关键帧关键帧是指在动画播放过程中，呈现关键性动作或关键性内容变化的帧。关键帧定义了动画的变化环节。因此，动画中的所有对象必须在关键帧中进行编辑。2020/5/23第7-8章Flash8操作基础与动画制作202．空白关键帧空白关键帧是没有内容的关键帧，当空白关键帧有内容后会自动转为关键帧。空白关键帧通常用于结束前一个关键帧的内容或分隔两个相连的补间动画。3．普通帧。普通帧通常处于关键帧的后方，是系统自动生成，主要用于延长关键帧画面的播放时间。普通帧通常只是作为关键帧之间的过渡，不能独立记录任何变形的信息，在普通帧中也不能对对象进行编辑。2020/5/23第7-8章Flash8操作基础与动画制作21㈤补间动画补间动画是在首尾关键帧的时间轴的中间区域，由flash软件系统计算补充一些过度帧，使得画面平稳过度的一种动画制作方式。补间动画是创建动画的一种有效方法。它的优点是动画文件小，因为补间动画只保存两个关键帧和帧与帧之间的更改值。Flash可以创建的补间动画有运动补间和形状补间动画两种类型。2020/5/23第7-8章Flash8操作基础与动画制作22㈠创建新文档1．菜单栏“新建”；工具栏新建。2．新建空白文档,默认尺寸为500×400像素。3．要调整文档属性，执行以下操作：•菜单栏中“修改”|“文档”。•属性检查器的“500×400”按钮，如图所示。7.23基本操作2020/5/23第7-8章Flash8操作基础与动画制作234．打开文档属性对话框，如图所示。5．在对话框中调整文档的尺寸、背景颜色和帧频等，调整后单击“确定”按钮，就调整了文档的属性。2020/5/23第7-8章Flash8操作基础与动画制作241.文件编辑后要保存，Flash文件扩展名是.fla。2.在flash8，可以发布保存为swf、html等格式文件查看已完成的FLA文件文件位于Flash应用程序文件夹中的SamplesandTutorials文件夹中。对许多用户来说，此文件夹是只读的，在教学设置下，更应当是如此。应该将整个AnimationEasing教程文件夹复制到您选择的一个可写位置。在大多数计算机上，AnimationEasing教程文件夹位于以下位置：在Windows中：d:\ProgramFiles\Macromedia\Flash8\SamplesandTutorials\TutorialAssets\CreatingGraphics\AnimationEasing将AnimationEasing文件夹复制到您的硬盘上另一个您有写访问权的位置。㈡保存文件2020/5/23第7-8章Flash8操作基础与动画制作25有两种方法可以查看动画的运动。*在另一个窗口中作为SWF文件查看动画播放；要在另一个窗口中作为SWF文件查看动画播放，选择控制测试影片。*在Flash创作环境中的舞台上查看动画要在Flash创作环境中的舞台上查看动画，请在时间轴上拖动红色的播放头。*关闭应用程序要关闭文档，请选择文件关闭。如果您喜欢在使用起始文件的同时打开已完成的文件作为参考，请注意不要编辑它或保存对它的任何更改。2020/5/23第7-8章Flash8操作基础与动画制作267.3Flash8图形绘制与处理7.3.1绘制基本图形7.3.2文本的编辑7.3.3建立元件7.3.4导入位图7.3.5动画制作流程2020/5/23第7-8章Flash8操作基础与动画制作27绘制站标为例1．新建一个Flash文档，宽260px，高160px，黑色背景。2．单击菜单栏中“视图”|“网格”|“显示网格”命令，显示网格辅助线。3．选择矩形工具，设置笔触颜色为白色，填充色为桔黄色（#FF9900）在舞台上绘制一个矩形。4．使用直线工具在矩形上四分之一处绘制一条与矩形等长的水平直线，使用颜料桶工具将矩形上部填充为紫色（#663399），再使用选择工具选择直线，按Delete键，将其删除。7.3.1绘制基本图形2020/5/23第7-8章Flash8操作基础与动画制作285．使用直线工具在矩形两侧绘制四条对称的直线，使其与矩形的两个边形成两个三角形，使用颜料桶工具：在将三角形的内部填充为绿色（#009933），使用选择工具：分别选择两个三角形与矩形相交的两条直线，按Delete键，将其删除。6．选择铅笔工具，在选项区选择对象绘制和平滑，在矩形桔黄色区域绘制曲线。2020/5/23第7-8章Flash8操作基础与动画制作29㈠输入文本选择工具箱的文本工具，将鼠标移至场景中，当鼠标变为时，在舞台适当的位置单击鼠标，此时创建了一个文本区域有光标闪烁，表示当前处于文本输入状态，可以输入文本。文本输入后，单击文本域以外的任意空白区域，即可完成文本的输入。要添加文字，只需将指针移动到要添加文字的位置，单击鼠标左键，当指定位置有光标闪烁时即可输入要添加的文字；若要删除不需要的文字，只需选中要删除的文字，然后按Delete键即可完成删除操作。7.3.2文本的编辑2020/5/23第7-8章Flash8操作基础与动画制作30㈡设置文