第 15 讲 Flash 入门

第四篇 FLA动画制作 ·第15讲 Flash入门· 1

图像处理技术主讲：李苏阳

第 15 讲 Flash 入门第 15 讲 Flash 入门

Flash 是一个基于矢量的二维网络动画制作软件，暨多媒体CAI 课件创作平台。掌握 Flash 动画的基本概念、操作方法以及动画模式，是 Flash 动画的技术基础。

第四篇 FLA 动画制作

内容提示



Flash 是一种基于矢量交互式网络动画制作软件，现已成为交互式矢量图和 Web 动画标准。

Flash 可生成 .swf 执行文件和 .fla 内部文件。其中 .swf 文件既可插入 HTML 中，也可独立组成网页。

15.1 15.1 FlashFlash 简述简述

本课程采用 2008 年出版的 Adobe Flash CS5 中文版。

Flash 前身 FutureSplash ， 1996 年由 Macromedia 公司收购并更名 Flash 1.0 ，直至 2006 年推出具有高级交互的动画的终结版本 Flash 8.0 止。 2006 年 Macromedia 公司被 Adobe 公司收购， 2007 年推出Flash CS3 ，增加了对 Photoshop 和 Illustrator 文件的支持，并整合了脚本语言 ActionSpcipt 3.0 。经 Flash CS4 后， Adobe 公司2010 年推出全新版本 Flash CS5 ，对时下流行软件提供了支持。

Flash 发展简历



15.1 15.1 FlashFlash 简述简述

Flash 动画应用网络广告：越来越多的知名企业利用 Flash 动画技术制作网络广告，以获得更加效果。电视领域： Flash 动画在电视领域得到越来越广泛的应用，不仅应用于短片，而且已应用于电视系列片的生产。电影领域： Flash 动画在传统电影领域发挥越来越大的作用。运用 Flash 技术直接制作动画影片，比较知名的代表作如花木兰。音乐领域： Flash MV 既可以保证音乐指令，又可以降低成本，并成功地把传统唱片扩展到网络经营的更大空间。教学领域：随着多媒体教学的普及， Flash 动画技术已经被广泛地运用到 CAI 课件制作中，使课件更为精彩、完善。



15.1 15.1 FlashFlash 简述简述 Flash 动画应用

手机领域：手机已成为传播 Flash 动画的技术平台，给 Flash 动画产业提供更为广泛的商业空间。

游戏领域： Flash 强大的交互功能加上优秀的动画功能，使 Flash 在游戏领域占有一席之地。 Flash 游戏不仅可以实现任何内容的丰富动画效果，而且比其他游戏软件产生的数据量更小、占用的空间更省。贺卡领域：越来越多的人在重要的日子里，通过网络贺卡传递着特殊信息。



Flash CS5 工作界面

命令面板工具箱

菜单栏

属性面板

场景 ( 舞台 )

时间轴

15.2 15.2 工作界面



菜单栏

影片控制：播放、测试、删除以及循环播放

当前文档插入：新建元件、图层、运动引导层、帧、关键帧、空白帧、变形转换、效果以及场景

文本格式化：字体、大小、样式、对齐、字母间距

文档编辑：撤消、重做、剪切、复制、粘贴、清除、查找替换、时间轴、编辑元件、首选参数、自定义面板以及快捷键

文档操作：新建、打开、关闭、保存、保存并压缩、另存为、导入、导出、发布设置、发布预览、发布、页面设置以及打印

脚本运行：管理、获取及运行脚本命令

显示与隐藏：显示和隐藏各类工具面板及窗口排列方式

文档显示：放大、缩小、比例、预览模式、工作区、标尺、网络、辅助线、紧贴、隐藏边缘、显示形状提示

对象修改：文档、位图、元件、形状、合并对象以及变形、排列、组合等动画特性

15.2 15.2 工作界面

影片调试：调试影片



工具箱选择、移动、推拉线条 /角度

任意变形、渐变变形

绘制直线 /水平垂直 /45 度线

创建复杂、精确的光滑曲线

装饰性填充图案

绘制线条和曲线

链接对象，制作反向运动动画从线条 /填充中选取颜色

手形

设置工具相关参数选项

笔触

调整对象的节点

3D旋转、移动

选择或分割图形中形状区域

创建文本

绘制矩形、椭圆、多角形

描边或填充封闭区域

填充封闭区域、框线

擦除工作区中的图形

缩放

15.2 15.2 工作界面

选择部分选取

变形 3D

套索钢笔

线条文本铅笔

Deco

形状

刷子

着色骨骼

滴管橡皮擦

选项区

设置黑白、交换轮廓填充色交换轮廓着色

图形着色填充



时间轴时间轴是在同步时间内分配在不同图层上的图片的相互叠合过程的操作区，用于组织和控制 Flash 文档在一定时间内播放的图层数和帧数。时间轴视窗分为图层编辑区和帧编辑区：

每个图层中所包含的所有帧均显示在该图层名右侧一行中。

帧编辑区顶部显示帧编号。播放指针指示当前舞台中显示的帧。播放 Flash 文档时，播放指针从左向右通过时间轴。状态栏显示图层创建与删除、洋葱皮选项、所选帧编号、当前帧频以及到当前帧为止的运行时间等状态。

图层编辑区

播放指针

帧编辑区

状态栏

15.2 15.2 工作界面



库面板用于存储和组织在 Flash 中所创建的图标和导入的声音文件，以及库存项目列表。其中图标由图片、按钮、电影片段构成。

库面板在 Flash 中，面板用于查看、组织和更改媒体、资源及其属性。

属性面板用于显示场景或时间轴当前选定项的常用属性。在属性面板中可更改对象或文档属性。当选定了两个或多个不同类型的对象时，属性面板将显示选定对象的总数。

属性面板

动作面板动作面板可以创建和编辑对象，或帧的 ActionScript 代码。选择帧、按钮或影片剪辑实例可激活动作面板。

15.2 15.2 工作界面



15.3 Flash15.3 Flash 动画术语动画术语

场景 (Scene) 是角色表演的舞台。 Flash 场景是绘制或导入图形进行编辑的场所。角色在舞台中的精确定位一般需要借助网格、辅助线以及标尺实现。制作动画首先需要搭建舞台，可通过文档属性面板设置尺寸、背景颜色、分辨率以及帧率等参数。

场景

元件 (Symbol) 也称符号，是可重复使用的一种特殊对象。元件一旦创建后即可重复调用。运用元件可显著减小空间，加快播放速度 (元件只需一次性下载到 Flash Player) 。

元件



15.3 Flash15.3 Flash 动画术语动画术语

按钮元件：用于创建动画交互性按钮，以响应当前鼠标事件。每个状态可使用不同的图形元件表示，也可对不同状态赋予相应的响应动作。

影片剪辑元件：反复调用的一段小动画。可独立于主动画进行播放。影片剪辑元件用于重复使用的已建动画片段，或要将该动画作为一个实体进行操作。

图形元件：反复调用的图片。用于构建动画时间轴上的内容。图形元件可以是单帧图片，也可以是多帧组成的动画。

实例是位于舞台或嵌套在另一个元件中的元件副本。保存一个元件的几个实例比保存该元件内容的多个副本所占用存储空间小。实例与其元件可能在颜色、大小和功能上差别很大。

实例



15.3 Flash15.3 Flash 动画术语动画术语图层

图层中的每张透明图纸上均含有图形或文字。在图层面板中的图层逐层向上叠加。双击图层名称可给图层重新命名。在时间轴图层名称旁边的铅笔图标表示该图层为活动状态。方框图标表示用颜色标记当前帧内容。

图层是时间轴面板中的重要组成部分。图层可看成多幅透明图纸的合成。其中每张透明图纸均保持独立，各自内容互不影响，可独立编辑。

遮罩层：生成透明区域以显示位于该图层下面的对象。

普通图层：默认图层类型。引导层：帮助对齐对象，可链接若干个普通图层。用户可在该图层创建对象的运动轨迹。



15.3 Flash15.3 Flash 动画术语动画术语帧图

●关键帧：在时间轴视窗中以圆点表示。关键帧用于表现对象在位置、角度、大小、形状发生变化的关键静态画面。在关键帧中可放置所有动画对象，包括：图形、文字、群组、实例、位图、声音、动作以及注释等。

在 Flash 中，动画按时间轴离散为单个帧图，系统默认帧频为 12fps 。

●空白关键帧：在时间轴中以圆圈表示。空白关键帧是在没有动画对象情况下的特殊关键帧。系统将每一个图层的第一帧默认为空白关键帧，相当于一张准备好的空白画纸。一旦添加了对象后，空白关键帧就自动转换为关键帧。空白关键帧对于动画场景的转换有着重要意义。



15.3 Flash15.3 Flash 动画术语动画术语 ●静态帧：在时间轴视窗中以矩形框表示。静态帧也称帧、普通帧，用于延续上一个关键帧或空白关键帧的内容，并且与前一个关键帧内容完全相同。改变其中任一帧，其后各帧中的内容都会发生变化，直到下一个关键帧为止。

●补间帧：构成补间动画的一部分的任何帧。

●属性关键帧：在时间轴视窗中以菱形表示。属性关键帧是更改对象属性后的关键帧。 Flash 可以自动填充属性关键帧之间的属性值 (补间 ) ，以生成流畅的动画。通过属性关键帧，不用画出每个帧就可以生成动画，因此使动画的创建更为方便。



15.4 Flash15.4 Flash 图形编辑图形编辑

绘制线条 / 形状：可选用铅笔工具，类似手绘工具绘制精确路径：如直线 /曲线，可选用钢笔工具，类似贝塞尔工具绘制基本几何形状：可选用线条工具、椭圆工具、矩形工具绘制多边形 /星形：可选用多边星形工具创建笔类笔触：可选用刷子工具

运用工具箱绘图工具可以绘制简单图形。在使用工具箱时，属性面板将显示工具相关参数。

修改曲线形状：可选用任意变形工具调整渐变图形方向 /范围 /中心点：可选用填充变形工具擦除线条 / 形状：可选用橡皮擦工具

图形绘制

图形修改



封闭曲线填色：可选用颜料桶工具线条着色：可选用笔触工具渐变着色：可选用颜料桶工具、混色器面板 >类型

图形着色

在 Flash 中可导入的图形文件格式包括： swf ， spl ， bmp ，gif ， jpg ， ai ， pdf ， eps ， wmf ， fhx ， ftx ， dxf等。

图形导入

绘制简单图形时，运用 Flash绘图工具方便、灵活；但若需要绘制精确图形时，就需借助其他绘图软件绘制后导入。如需要导入 CorlDRAW 图形，先实现单位及文件格式转换：在属性栏设置单位为像素。执行工具 >选项 > 标尺 >分辨率 >水平分辨率为 72 ，导出文件格式为 swf 。

15.4 Flash15.4 Flash 图形编辑图形编辑



Flash声音功能：可以让声音脱离时间线的限制；在动画中不停地播放；让声音播放与动画同步；为网页按钮添加声音；表现声音的淡出淡入效果

导入与播放执行文件 >导入 >导入到库命令，选择声音文件导入库面板。在库面板中选择声音文件，双击浏览区声音波形，在声音属性对话框中单击测试按钮播放声音。动画需要配音时，可建立一个声音图层，将库中的声音文件拖至舞台。在属性面板中设置配音参数。导出声音文件

选择文件 > 发布设置命令，在对话框中选择 Flash选项。在对话框中分别设置参数，按确定。若是 mp3声音文件，建议选择位比率 64kbps 。

15.5 Flash15.5 Flash声音编辑声音编辑



Flash 动画制作完成后可将其发布为可以独立运行的动画文件，文件格式包括： swf 、 html 、 gif 、 exe 、 avi等。

发布文件执行文件 > 发布设置命令，在对话框中可以分别选择文件格式 (swf 、html 、 gif 、 exe等 ) ，设置文件名和路径，单击发布。

导出文件执行文件 >导出 >导出影片命令，在对话框中设置保存类型为 Windows AVI(*.avi) ，单击保存，在对话框中选择相关参数。

15.6 Flash15.6 Flash 动画发布动画发布



Flash 动画创建模式包括：逐帧动画、补间动画、路径动画、遮罩动画、交互动画以及反向运动动画。

逐帧动画全部由关键帧组成，每一帧内容均不相同。

15.7 Flash15.7 Flash 动画模式动画模式

逐帧动画

补间动画是在关键帧之间自动插补过渡帧。补间包括形状补间和动作补间。形状补间动画是根据始末两个关键帧之间的颜色、大小、位置或形状等，自动生成过渡帧动画。

补间动画

动作补间动画是根据始末两个关键帧之间的大小、颜色、位置、透明度等，自动生成过渡帧动画。



15.7 Flash15.7 Flash 动画模式动画模式

路径动画是将一个或多个层链接到一个引导层，产生一个或多个对象沿同一条路径运动动画。但在 Flash CS4 、 Flash CS5 中，路径动画已成为元件自身的补间动画。

遮罩动画是在遮罩层创建一个任意形状的窗口，在遮罩层下方的对象可通过这个窗口显示出来，而在窗口之外的对象将被遮住。

路径动画

遮罩动画

交互动画交互动画是人与画面之间的交互，一般需要通过按钮动作来实现。交互按钮技术主要应用于交互动画、音乐动画、交互网页、交互游戏以及交互 CAI 课件等领域。



反向运动动画是利用骨骼结构对对象或彼此关联的对象组进行反向运动控制。使用骨骼，只需很少的设计，元件实例和形状对象就可以按照复杂而自然的方式运动。反向运动是从 Flash CS4 版本开始新增加的一种动画模式。

反向运动 15.7 Flash15.7 Flash 动画模式动画模式

Documents

第 15 讲 Flash 入门