《flash动画制作教程.ppt》由会员分享,可在线阅读,更多相关《flash动画制作教程.ppt(76页珍藏版)》请在taowenge.com淘文阁网|工程机械CAD图纸|机械工程制图|CAD装配图下载|SolidWorks_CaTia_CAD_UG_PROE_设计图分享下载上搜索。
1、第第6章章 动画制作软件动画制作软件Flash MX 初识初识Flash 动画制作基础动画制作基础 简单动画制作简单动画制作 高级动画制作高级动画制作 作品的输出作品的输出一、初识一、初识Flash1.用户界面用户界面菜单栏菜单栏标准工具栏标准工具栏控制工具栏控制工具栏绘图工具栏绘图工具栏浮动面板浮动面板时间轴面板时间轴面板属性面板属性面板工作区工作区(图见下页图见下页)(图见下页图见下页)时间轴面板时间轴面板属性面板属性面板 如文字工具的属性面板。如文字工具的属性面板。一、初识一、初识Flash2.绘图工具绘图工具箭头工具、精选工具和套索工具箭头工具、精选工具和套索工具直线工具和铅笔工具直线
2、工具和铅笔工具钢笔工具钢笔工具椭圆工具和矩形工具椭圆工具和矩形工具笔刷工具笔刷工具自由形变工具自由形变工具渐变工具渐变工具墨水瓶工具和颜料桶工具墨水瓶工具和颜料桶工具吸管工具吸管工具橡皮擦工具橡皮擦工具视图移动工具视图移动工具缩放工具缩放工具 一、初识一、初识Flash 箭头工具(箭头工具(Arrow Tool)、精选工具)、精选工具(Subselect Tool)和套索工具()和套索工具(Lasso Tool)。)。他们的主要功能都是选择他们的主要功能都是选择箭头工具箭头工具 选取和移动对象、修正对象轮廓、选取和移动对象、修正对象轮廓、旋转或缩放对象。旋转或缩放对象。精选精选工具工具 对曲线
3、、圆形、矩形等图形对象的对曲线、圆形、矩形等图形对象的外形进行编辑调整。若图形对象是组件,必须先外形进行编辑调整。若图形对象是组件,必须先解散。解散。套索工具套索工具 使用圈选方式来选取对象,它可以使用圈选方式来选取对象,它可以圈出不规则形状。圈出不规则形状。一、初识一、初识Flash箭头工具箭头工具 用来选择或移动对象用来选择或移动对象选择对象方法选择对象方法:单击对象的内部区域(或轮廓线),选中该对象的内单击对象的内部区域(或轮廓线),选中该对象的内部区域(或轮廓线);部区域(或轮廓线);双击对象的内部区域(或轮廓线),选中该对象的内双击对象的内部区域(或轮廓线),选中该对象的内部区域和轮
4、廓线(或轮廓线);部区域和轮廓线(或轮廓线);拖放鼠标圈出一个矩形,该矩形中的区域被选中。拖放鼠标圈出一个矩形,该矩形中的区域被选中。选项栏选项栏:自动对齐自动对齐(Snap to Objects)绘制、移动、旋转或调)绘制、移动、旋转或调整的对象将自动对齐;整的对象将自动对齐;平滑处理平滑处理(Smooth)对直线和形状进行平滑处理;)对直线和形状进行平滑处理;平直处理平直处理(Straighten)对直线和形状进行平直处理。)对直线和形状进行平直处理。一、初识一、初识Flash精选工具精选工具 使用该工具选中对象后,对象将使用该工具选中对象后,对象将显示出一条带有节点(空心小方块)的蓝色显
5、示出一条带有节点(空心小方块)的蓝色线条。线条。套索工具套索工具 选择不规则区域,或选择位图中选择不规则区域,或选择位图中不同颜色的区域(必须事先用不同颜色的区域(必须事先用Modify/Break Apart命令将其打碎)。命令将其打碎)。包括:包括:魔术棒魔术棒(Magic Wand)可根据颜色选择对象的)可根据颜色选择对象的不规则区域;不规则区域;多边形多边形(Polygon Mode)可选择多边形区域;)可选择多边形区域;一、初识一、初识Flash 直线工具(直线工具(Line Tool)和铅笔工具()和铅笔工具(Pencil Tool)。)。用于在工作区中绘制线条。用于在工作区中绘制
6、线条。直线工具直线工具 只能画直线。只能画直线。按住按住Shift键,拖放鼠标可以绘制键,拖放鼠标可以绘制垂直垂直、水水平平直线或直线或45 斜线。斜线。铅笔工具铅笔工具 画直线或曲线。画直线或曲线。所画线条包括:所画线条包括:Straighten(平直)、(平直)、Smooth(平滑)、(平滑)、Ink(墨水)三种模式。(墨水)三种模式。一、初识一、初识Flash 钢笔工具(钢笔工具(Pen Tool)。)。可以绘制连续线条与贝塞尔曲线,且绘可以绘制连续线条与贝塞尔曲线,且绘制后还可以配合精选工具来加以修改。用钢制后还可以配合精选工具来加以修改。用钢笔工具绘制的不规则图形,可以在任何时候笔工
7、具绘制的不规则图形,可以在任何时候重新调整。重新调整。一、初识一、初识Flash 椭圆工具(椭圆工具(Oval Tools)和矩形工具)和矩形工具(Rectangle Tools)。)。绘制椭圆或矩形。配合绘制椭圆或矩形。配合Shift键,可绘制圆键,可绘制圆或正方形。或正方形。笔刷工具(笔刷工具(Brush Tool)。)。填充工作区中任意区域的颜色。填充工作区中任意区域的颜色。它与铅笔工具不同,它与铅笔工具不同,笔刷笔刷工具画出的是工具画出的是填填充区充区,而,而铅笔铅笔工具则是工具则是线条线条。一、初识一、初识Flash 自由形变工具(自由形变工具(Free Transform Tool
8、)可对选定对象进行缩放、旋转、扭曲等可对选定对象进行缩放、旋转、扭曲等形变。形变。一、初识一、初识Flash 渐变工具(渐变工具(Gradient Tool)。)。改变图形对象中的渐进色的方向、深度和改变图形对象中的渐进色的方向、深度和中心位置等。中心位置等。(a)使用渐变工具前)使用渐变工具前;(b)使用渐变工具后。)使用渐变工具后。一、初识一、初识Flash 墨水瓶工具(墨水瓶工具(Ink Bottle Tool)和颜料桶工)和颜料桶工具(具(Paint Bucket Tool)。)。墨水瓶工具墨水瓶工具 更改线条的颜色和样式;更改线条的颜色和样式;颜料桶工具颜料桶工具 更改填充区域的颜色
9、。包括:更改填充区域的颜色。包括:缺口大小(缺口大小(Gap Size)和锁定填充()和锁定填充(Lock Fill)两个选项。)两个选项。缺口大小缺口大小 决定如何处理未完全封闭的轮廓,决定如何处理未完全封闭的轮廓,锁定填充锁定填充 决定决定Flash填充渐变的方式。填充渐变的方式。一、初识一、初识Flash 吸管工具(吸管工具(Eyedropper Tool)。)。从工作区中拾取已经存在的颜色及样式从工作区中拾取已经存在的颜色及样式属性,并将其应用于别的对象中。属性,并将其应用于别的对象中。一、初识一、初识Flash 橡皮擦工具(橡皮擦工具(Eraser Tool)。)。完整或部分地擦除线
10、条、填充及形状。完整或部分地擦除线条、填充及形状。选项栏选项栏:擦除模式(:擦除模式(Eraser Mode)、水龙头)、水龙头(Faucet)和橡皮擦形状()和橡皮擦形状(Eraser Shape)。)。擦除模式擦除模式选项用于选择擦除图画区域的方式,包选项用于选择擦除图画区域的方式,包括:括:Erase Normal(普通,擦除线条和填充)、(普通,擦除线条和填充)、Erase Fills(擦除填充)、(擦除填充)、Erase Lines(擦除线条)(擦除线条)、Erase Selected Fills(擦除所选区域)和(擦除所选区域)和Erase Inside(擦除内部)。(擦除内部)。
11、水龙头水龙头选项可以快速擦除线条或填充颜色。选择选项可以快速擦除线条或填充颜色。选择水龙头后,在工作区中单击要擦除的线条或填充水龙头后,在工作区中单击要擦除的线条或填充区域(选择的区域或封闭区域)。区域(选择的区域或封闭区域)。橡皮擦形状橡皮擦形状选项选项 用于设置橡皮擦的外形。用于设置橡皮擦的外形。一、初识一、初识Flash 视图移动工具(视图移动工具(Hand Tool)。)。用于移动工作区使其便于编辑,其功能相用于移动工作区使其便于编辑,其功能相当于移动滚动条。选择该工具后,使用鼠标当于移动滚动条。选择该工具后,使用鼠标在工作区中拖动页面即可调整。在工作区中拖动页面即可调整。一、初识一、
12、初识Flash 缩放工具(缩放工具(Zoom Tool)。用于调整工作区的显示比例。用于调整工作区的显示比例。选项栏选项栏:放大(:放大(Enlarge)和缩小()和缩小(Reduce)。)。二、动画制作基础二、动画制作基础 动画的类型动画的类型 帧、图层和场景帧、图层和场景 符号和实例符号和实例 动画制作流程动画制作流程1.动动 画画 的的 类类 型型Flash生成的动画文件,其扩展名默认为生成的动画文件,其扩展名默认为.fla和和.swf。前者只能在。前者只能在Flash环境中运行;后者可以环境中运行;后者可以脱离脱离Flash环境独立运行。环境独立运行。动画的制作方式动画的制作方式 帧动
13、画和造型动画帧动画和造型动画在在Flash中,中,帧动画帧动画亦称逐帧动画(亦称逐帧动画(Frame by Frame Animation)或影格连续动画;)或影格连续动画;造型动造型动画画则称为渐变动画(则称为渐变动画(Tweened Animation)。)。1.动动 画画 的的 类类 型型逐帧动画逐帧动画在连续动画的相邻两帧中,画面一般地仅在连续动画的相邻两帧中,画面一般地仅有微小的变化;有微小的变化;每一帧都是关键帧;每一帧都是关键帧;每帧画面的制作。每帧画面的制作。借助“描图纸”按钮,在上一帧的基础上略作修改。使用其他绘图软件制作系列文件,文件名采用连续的编号,如a01、a02、a0
14、3等。1.动动 画画 的的 类类 型型渐变动画渐变动画只需在重要处定义关键帧,只需在重要处定义关键帧,Falsh会自动创建关会自动创建关键帧间的内容;键帧间的内容;渐变动画区分为渐变动画区分为“移动渐变移动渐变”(motion tween)和和“形状渐变形状渐变”(shape tween););移动渐变动画 首末帧间是淡蓝色的背景;形状渐变动画 首末帧间是淡绿色的背景;渐变有问题用虚线表示。渐变有问题用虚线表示。2.帧、图层和场景帧、图层和场景动画电影的组成层次可分为:动画电影的组成层次可分为:动画电影(动画电影(movie)场景(场景(scene)帧帧(frame)。帧帧 是是Flash动画
15、的基本组成元素,也是动画的基本组成元素,也是Flash作品的基本播放单位。在时间轴作品的基本播放单位。在时间轴上,每个上,每个小方格小方格(亦称影格)即为一帧,(亦称影格)即为一帧,其内容可包括:图形、音频、素材符号、其内容可包括:图形、音频、素材符号、嵌入对象等。嵌入对象等。2.帧、图层和场景帧、图层和场景图层图层 是Flash为制作复杂动画作品而引入的一种手段,相当于一张透明的玻璃纸。将不同对象放在不同层上,可以轻松制作场将不同对象放在不同层上,可以轻松制作场景复杂的动画。景复杂的动画。分为:分为:Normal(普通)、(普通)、Guide(引导)、(引导)、Guided(被引导)、(被引
16、导)、Mask(遮罩)和(遮罩)和Masked(被遮罩)。(被遮罩)。2.帧、图层和场景帧、图层和场景 场景场景复杂的复杂的Falsh动画中,几个互相联系但性质动画中,几个互相联系但性质不一样的镜头。不一样的镜头。相当于影视作品中的相当于影视作品中的分镜头。分镜头。动画动画动画就是利用人类视觉暂留的特性,快速动画就是利用人类视觉暂留的特性,快速播放一系列静态图像,从而产生动态的效播放一系列静态图像,从而产生动态的效果;果;标准的动画播放速度是:标准的动画播放速度是:2430幅幅/秒。秒。2.帧、图层和场景帧、图层和场景 分辨率分辨率分辨率是衡量图像细节表现能力分辨率是衡量图像细节表现能力的一个
17、尺度;的一个尺度;Flash中分辨率的设置决定了动画中分辨率的设置决定了动画最后显示的区域大小。最后显示的区域大小。2.1 2.1 帧的种类帧的种类关键帧关键帧 指一段动画中处于起始、结束等关键位置的帧。静止帧静止帧 指关键帧前后的一或多个具有静止内容的相邻帧。在时间轴上,灰色表示已有内容的静止帧,白色表示空静止帧。中间过渡帧中间过渡帧 指过渡动画中两个关键帧之间的所有帧,其颜色由过渡类型决定。2.2 2.2 帧的操作帧的操作 选择帧;选择帧;创建帧;创建帧;复制帧;复制帧;删除帧;删除帧;改变帧频率(播放频率)。改变帧频率(播放频率)。在默认情况下,在默认情况下,Flash动画的播动画的播放
18、频率是放频率是12fps(每秒(每秒12帧)。帧)。2.3 2.3 图层的操作图层的操作图层操作区。图层操作区。初始界面插入按钮插入按钮层状态按钮层状态按钮删除按钮删除按钮编辑后界面2.3 2.3 图层的操作图层的操作Normal(普通);Guide(引导);Guided(被引导);Mask(遮罩);Masked(被遮罩);Folder(图层夹)。图层的类型。图层的类型。2.3 2.3 图层的操作图层的操作Guide和Guided 引导层用于制作被引导层中对象的运动路线。被引导层实质上是一个普通层,其中的对象将沿着引导层指引的轨迹运动。引导层中的运动路线可使用铅笔工具制作。图层的类型图层的类型
19、引导层引导层作用作用 引导与它相关联图层中对象的运动轨迹或定位。在引导层内创建网格、图形或其他对象,可在绘制图形时起到辅助作用。引导层在输出的电影中不会出现。引导层引导层分类分类 普通和运动普通和运动普通:只起到辅助绘图和绘图定位的作用。运动:在制作动画时,可以起到设置运动路径的向导作用。引导层引导层一个向导层可以与多个普通层关联,一个向导层可以与多个普通层关联,其方法是用鼠标把一个普通层的名字其方法是用鼠标把一个普通层的名字拖曳到运动向导层的下面一层。拖曳到运动向导层的下面一层。将引导层转换为普通层将引导层转换为普通层方法一:右单击该向导层方法一:右单击该向导层单击快捷菜单击快捷菜 单中的单
20、中的GuideGuide。方法二:选中向导层,在图层属性对话方法二:选中向导层,在图层属性对话 框中选中框中选中NormalNormal单选项。单选项。2.3 2.3 图层的操作(续)图层的操作(续)Mask和Masked 遮罩层的作用就是将其下面的图层(被遮罩层)遮住。遮罩层可以看作一块挡板,在其中绘制的任何图形都相当于把这部分挖去,可以通过挖去的窟窿看到下面图层的内容。遮罩动画中的遮罩层和被遮罩层只有在锁定的情况下才能预览。图层的类型图层的类型2.3 2.3 图层的操作图层的操作Folder图层夹(Layer Folder)相当于文件夹,用于对图层进行分类,方便管理。图层的类型图层的类型2
21、.3 2.3 图层的操作图层的操作 添加(插入)一个添加(插入)一个新图层。新图层。调整图层顺序。调整图层顺序。改变图层状态。改变图层状态。编辑/不可编辑;显示/隐藏;锁定/解锁;轮廓/非轮廓。设置图层属性。设置图层属性。删除图层。删除图层。5种基本操作种基本操作2.4 2.4 场景场景(Scene)(Scene)应用应用 显示场景面板:显示场景面板:Modify/Scene1.设置新场景设置新场景添加添加 按钮按钮或或Insert/Scene;删除删除 按钮按钮或或 Ctrl+按钮(无确认框);按钮(无确认框);复制复制 按钮,新场景名后有一按钮,新场景名后有一copy;改名改名 双击场景名
22、;双击场景名;查看查看 单击场景名单击场景名或或View/Goto/。2.4 2.4 场景场景(Scene)(Scene)应用应用2.调整场景的显示调整场景的显示放大或缩小放大或缩小单击工具箱单击工具箱View区中的区中的 按钮;按钮;选择工具箱选择工具箱Options区中的区中的 或或 按钮按钮 Alt+单击反相操作。单击反相操作。放大指定区域放大指定区域 在放大或缩小方式下,在区域中拖出一在放大或缩小方式下,在区域中拖出一个矩形,系统自动设置放大比例。个矩形,系统自动设置放大比例。移动页面移动页面使用工具箱使用工具箱ViewView区中的区中的 按钮。按钮。3.应用标尺及网格应用标尺及网格
23、标尺标尺 View/Rulers;显示网格显示网格 View/Grid/Show Grid;编辑网格编辑网格 View/Grid/Edit Grid。4.设置参数设置参数设置设置 File/Preferences;Undo Levels(撤销次数)(撤销次数)最多最多200次。次。2.4 2.4 场景场景(Scene)(Scene)应用应用3.符号和实例符号和实例符号符号 可以重复使用的图像、动画可以重复使用的图像、动画或按钮。或按钮。符号符号是构成动画的基本单位,它可是构成动画的基本单位,它可节省存储空间,加快动画播放速度。节省存储空间,加快动画播放速度。实例(实例(InstanceInst
24、ance)是符号在场景上是符号在场景上的具体体现,即在的具体体现,即在工作区工作区中的中的符号。符号。3.符号和实例符号和实例符号的分类符号的分类:图形(:图形(GraphicGraphic)、按钮)、按钮(ButtonButton)和电影片段()和电影片段(Movie ClipMovie Clip)。)。图形图形可以是任意静态图形、也可以是受主可以是任意静态图形、也可以是受主时间轴(时间轴(场景中的时间轴场景中的时间轴)控制的动画。)控制的动画。按钮按钮是指可以通过鼠标点击(是指可以通过鼠标点击(或滑过、移或滑过、移离等离等)完成一定的交互功能的符号。)完成一定的交互功能的符号。电影片段电影
25、片段是指可以独立于主时间轴的动画是指可以独立于主时间轴的动画片段。片段。3.符号和实例符号和实例新建一个符号新建一个符号 Insert/New Symbol命令。命令。或或 Ctrl+F8创建新符号创建新符号 用箭头工具选择场景中的元素用箭头工具选择场景中的元素Insert/Convert to Symbol输入名称输入名称选择选择类型类型单击单击OK。创建空符号创建空符号 Insert/New Symbol输入名称输入名称选择类型选择类型单击单击OK 进入符号编辑模式。进入符号编辑模式。3.符号和实例符号和实例编辑符号编辑符号 在库面板中双击需编辑符号在库面板中双击需编辑符号的名称。的名称。
26、3.符号和实例符号和实例创建实例创建实例创建符号的新实例创建符号的新实例 选择关键帧选择关键帧Window/Library将将Library窗窗口中的符号拖至场景中。口中的符号拖至场景中。更改实例的颜色效果更改实例的颜色效果Brightness(明暗)、(明暗)、Tint(浓淡)、(浓淡)、Alpha(透明度)、(透明度)、advanced(特殊效果)。(特殊效果)。分离实例分离实例切断实例和符号之间的链接,使之成为切断实例和符号之间的链接,使之成为一组独立的形状和线条。一组独立的形状和线条。选中实例选中实例Modify/Break Apart4.动画制作流程动画制作流程 打开新影片文件并安排
27、场景;打开新影片文件并安排场景;插入动画元件(帧、图层等);插入动画元件(帧、图层等);设定动画效果并测试动画;设定动画效果并测试动画;使用使用 File/Save 命令保存扩展名为命令保存扩展名为.fla 的的 Flash 动画文件;动画文件;输出影片。输出影片。三、简单动画制作三、简单动画制作 逐帧动画逐帧动画 运动渐变动画运动渐变动画 形状渐变动画形状渐变动画1.逐帧动画逐帧动画 创建一个新图层;创建一个新图层;在起始帧位置插入一个空白关键帧;在起始帧位置插入一个空白关键帧;在空白关键帧中制作和编辑画面内容;在空白关键帧中制作和编辑画面内容;在编辑完成的关键帧后插入另一空白关键帧在编辑完
28、成的关键帧后插入另一空白关键帧进行编辑,使之与上一帧略有不同;进行编辑,使之与上一帧略有不同;重复步骤重复步骤的操作,创建其他各帧,直至全的操作,创建其他各帧,直至全部制作完毕;部制作完毕;保存文件。保存文件。注:注:若每帧的画面已用其他绘图软件制作成系若每帧的画面已用其他绘图软件制作成系列图片文件,则列图片文件,则 两步可并为一步,即两步可并为一步,即使用使用 File/Import命令导入系列图片文件。命令导入系列图片文件。1.逐帧动画逐帧动画例例6-3 利用骏马飞奔的系列图片制作动画利用骏马飞奔的系列图片制作动画操作操作步骤如下:步骤如下:选择选择File/New命令或单击命令或单击Ma
29、in工具栏中的工具栏中的New按钮;按钮;选择选择File/Import命令,在命令,在Import对话框中对话框中选择系列图片中的第一幅图片文件;选择系列图片中的第一幅图片文件;系统将提示系统将提示“该文件似为系列文件的一部分,该文件似为系列文件的一部分,是否需要输入全部系列?是否需要输入全部系列?”;单击单击“是是”按钮,这一系列图片即按序号逐按钮,这一系列图片即按序号逐帧插入;帧插入;选择选择File/Save命令,保存文件。命令,保存文件。演示演示2.运动渐变动画运动渐变动画 制作运动渐变动画的限制条件制作运动渐变动画的限制条件 运动对象只能是运动对象只能是文字文字、符号符号或或组合体
30、;组合体;运动不能发生在多个对象之间;运动不能发生在多个对象之间;被操作被操作对象对象只能在只能在同一层同一层上。上。2.运动渐变动画运动渐变动画 运动渐变动画的制作过程运动渐变动画的制作过程 创建一个新图层;创建一个新图层;在起始帧位置,插入一个空白关键帧;在起始帧位置,插入一个空白关键帧;在空白关键帧中制作和编辑画面内容;在空白关键帧中制作和编辑画面内容;单击时间轴中的结束帧位置,插入另一单击时间轴中的结束帧位置,插入另一个关键帧(或空白关键帧);个关键帧(或空白关键帧);在结束关键帧中编辑画面内容;在结束关键帧中编辑画面内容;创建运动动画,并设置运动参数;创建运动动画,并设置运动参数;保
31、存文件。保存文件。注:运动渐变动画首尾帧间有淡蓝色背景,并有黑色箭头表示,若出现虚线表示渐变过程有问题。2.运动渐变动画运动渐变动画 例例6-4 制作一幅动画,将字符串制作一幅动画,将字符串“Flash运动动画运动动画”从右往左平移,文字颜色为蓝色。从右往左平移,文字颜色为蓝色。操作步骤如下:操作步骤如下:单击单击Main工具栏中的工具栏中的New按钮;按钮;编辑起始关键帧。在第编辑起始关键帧。在第1帧工作区中右端输入字符帧工作区中右端输入字符串串Flash运动动画;运动动画;编辑结束关键帧。单击时间轴的第编辑结束关键帧。单击时间轴的第30帧,按帧,按F6创创建一关键帧,将文字拖至工作区的左端
32、;建一关键帧,将文字拖至工作区的左端;将鼠标移至时间轴的第将鼠标移至时间轴的第1帧,单击鼠标右键打开快帧,单击鼠标右键打开快捷菜单,选择捷菜单,选择Create Motion Tween命令;命令;单击播放工具栏中的播放按钮,观看播放效果;单击播放工具栏中的播放按钮,观看播放效果;选择选择File/Save或或File/Export Movie命令。命令。演示演示3.形状渐变动画形状渐变动画 制作运动渐变动画的限制条件制作运动渐变动画的限制条件 起始帧和结束帧中的运动对象只能是形起始帧和结束帧中的运动对象只能是形状;状;当运动对象是文字、符号或组合体时,当运动对象是文字、符号或组合体时,必须先
33、通过打散命令将它们打散。必须先通过打散命令将它们打散。判定形状的方法判定形状的方法 当使用鼠标单击所选择的对象时,对象当使用鼠标单击所选择的对象时,对象会被小圆点覆盖。会被小圆点覆盖。3.形状渐变动画形状渐变动画 形状渐变动画的制作过程形状渐变动画的制作过程 创建一个新图层;创建一个新图层;在起始帧位置插入一个空白关键帧;在起始帧位置插入一个空白关键帧;在空白关键帧中制作和编辑画面内容;在空白关键帧中制作和编辑画面内容;单击时间轴中的结束帧位置,插入一个(空单击时间轴中的结束帧位置,插入一个(空白)关键帧,在其中编辑制作形状;白)关键帧,在其中编辑制作形状;在属性面板中单击在属性面板中单击Tw
34、een右侧文本框的下拉右侧文本框的下拉箭头选择箭头选择Shape选项,创建形变动画;选项,创建形变动画;保存文件。保存文件。3.形状渐变动画形状渐变动画 说明说明 若编辑的内容为非形状,必须使用若编辑的内容为非形状,必须使用Modify/Braek ApartModify/Braek Apart(打散对象)命(打散对象)命令将对象转换为形状,一次不行可执行令将对象转换为形状,一次不行可执行多次。多次。形状渐变动画首尾帧间有淡形状渐变动画首尾帧间有淡绿绿色背景,色背景,并有黑色箭头表示,若出现并有黑色箭头表示,若出现虚线虚线表示渐表示渐变过程变过程有问题。有问题。3.形状渐变动画形状渐变动画 例
35、例6-7 制作一个由圆渐变为矩形的动画制作一个由圆渐变为矩形的动画操作步骤如下:操作步骤如下:单击单击Main工具栏中的工具栏中的New按钮,创建一个新文按钮,创建一个新文件。件。编辑起始关键帧。在第编辑起始关键帧。在第1帧工作区中绘制圆。帧工作区中绘制圆。编辑结束关键帧。在第编辑结束关键帧。在第30帧工作区中绘制矩形。帧工作区中绘制矩形。将鼠标移至时间轴的第将鼠标移至时间轴的第1帧,在属性面板中单击帧,在属性面板中单击Tween右侧文本框的下拉箭头选择右侧文本框的下拉箭头选择Shape选项。选项。单击播放工具栏中的播放按钮,观看播放效果。单击播放工具栏中的播放按钮,观看播放效果。保存文件保存
36、文件。演示演示3.形状渐变动画形状渐变动画 例例6-8 制作一个由圆渐变为一行字的动画制作一个由圆渐变为一行字的动画 本例中的结束本例中的结束帧是文字而不是形状,因此不能象上例一样直接制作形帧是文字而不是形状,因此不能象上例一样直接制作形变动画,必须先将其打散并转换为形状。变动画,必须先将其打散并转换为形状。操作步骤如下:操作步骤如下:单击单击Main工具栏中的工具栏中的New按钮,创建一个新文件。按钮,创建一个新文件。编辑起始关键帧。在第编辑起始关键帧。在第1帧工作区中绘制一个椭圆。帧工作区中绘制一个椭圆。编辑结束关键帧:编辑结束关键帧:再第再第3030帧工作区中输入帧工作区中输入“形状渐变
37、形状渐变”4 4个字;个字;选中选中“形状渐变形状渐变”(被蓝色框线包围);(被蓝色框线包围);选择选择Modify/Break ApartModify/Break Apart命令,将整行字拆为单字;命令,将整行字拆为单字;选择选择Modify/Break ApartModify/Break Apart命令,将单字拆为字形。命令,将单字拆为字形。将鼠标移至时间轴的第将鼠标移至时间轴的第1帧,在属性面板中单击帧,在属性面板中单击Tween右侧文本框的下拉箭头选择右侧文本框的下拉箭头选择Shape选项。选项。单击播放工具栏中的播放按钮,观看播放效果。单击播放工具栏中的播放按钮,观看播放效果。保存文
38、件保存文件。演示演示四、高级动画制作四、高级动画制作 遮罩动画遮罩动画 声音动画声音动画 行为动画行为动画1.遮罩动画遮罩动画遮罩层的作用。遮罩层的作用。可以可以透过透过遮罩层内的遮罩层内的图形看图形看到其下面图到其下面图层的层的内容内容,而不可以透过遮罩层内的无图,而不可以透过遮罩层内的无图形处看其下面图层的内容。形处看其下面图层的内容。可制作可制作图像文字图像文字、电影文字电影文字、图像的动图像的动态切换态切换和和探照灯效果探照灯效果等。等。遮罩动画至少要有两个层(遮罩动画至少要有两个层(遮罩层和被遮遮罩层和被遮罩层罩层)的配合才能完成)的配合才能完成。创建遮罩层。创建遮罩层。右右单击需设
39、为遮罩层的普通层层名单击需设为遮罩层的普通层层名单击快捷菜单中的单击快捷菜单中的MaskMask。注意:注意:若该层下面有一普通层,系统将自动为若该层下面有一普通层,系统将自动为其与遮罩层建立关联,即将其设为被遮罩层。其与遮罩层建立关联,即将其设为被遮罩层。1.遮罩动画遮罩动画建立与取消普通层与遮罩层的关联。建立与取消普通层与遮罩层的关联。建立:建立:方法一:用鼠标将已经存在的普通层拖曳到遮方法一:用鼠标将已经存在的普通层拖曳到遮 罩层下面。罩层下面。方法二:在建立一个新的遮罩层的同时系统自动方法二:在建立一个新的遮罩层的同时系统自动 与其下面的普通层建立关联。与其下面的普通层建立关联。具体操
40、具体操 作:作:选中一个普通层,在图层属性对话选中一个普通层,在图层属性对话 框中选中框中选中Mask单选项。单选项。取消:取消:方法一:用鼠标将被遮罩的图层拖曳到遮罩层方法一:用鼠标将被遮罩的图层拖曳到遮罩层 的上面。的上面。方法二:选中被遮罩图层,在图层属性对话框方法二:选中被遮罩图层,在图层属性对话框 中选中中选中Normal单选项。单选项。1.遮罩动画遮罩动画例例6-9 制作一个动画,使其中的文字制作一个动画,使其中的文字能在运动中改变颜色。能在运动中改变颜色。解解 根据题意,可以先制作一个运动根据题意,可以先制作一个运动文字层作为遮罩层(文字层作为遮罩层(maskmask),另外再)
41、,另外再制作一个被遮罩层(制作一个被遮罩层(maskedmasked),在其),在其中导入一幅背景画作为运动中文字的中导入一幅背景画作为运动中文字的颜色。颜色。1.遮罩动画遮罩动画操作步骤如下:操作步骤如下:单击单击Main工具栏中的工具栏中的New按钮。按钮。制作运动文字层,并取名为制作运动文字层,并取名为Text:将图层重命名为将图层重命名为Text;在第在第1帧工作区中输入帧工作区中输入“文字变色动画文字变色动画”,并使,并使用箭头工具将其调整到运动开始位置;用箭头工具将其调整到运动开始位置;在第在第30帧按帧按F6键创建关键帧,使用箭头工具将键创建关键帧,使用箭头工具将文文字字调到结束
42、位置;调到结束位置;将鼠标移到时间轴的第将鼠标移到时间轴的第1帧,单击鼠标右键打开帧,单击鼠标右键打开快捷菜单,选择快捷菜单,选择Create Motion Tween命令,创命令,创建运动动画。建运动动画。1.遮罩动画遮罩动画 制作背景层,并取名为制作背景层,并取名为BG:单击图层操作区中的单击图层操作区中的Insert Layer(插入层)(插入层)按钮,插入一个图层并重命名为按钮,插入一个图层并重命名为BG;选择选择File/Import命令,导入背景图片文件。命令,导入背景图片文件。调整图层顺序。在图层操作区,将调整图层顺序。在图层操作区,将BG层拖到层拖到Text层下面。层下面。将将
43、Text层和层和BG层分别设为层分别设为mask层和层和masked层:将鼠标移到图层操作区的层:将鼠标移到图层操作区的Text层,单击鼠层,单击鼠标右键打开快捷菜单,选择标右键打开快捷菜单,选择Mask命令。命令。单击播放工具栏中的播放按钮,观看播放效单击播放工具栏中的播放按钮,观看播放效果。果。保存文件保存文件。演示演示2.声音动画声音动画导入声音文件导入声音文件 选择选择File/ImportFile/Import命令,打开命令,打开ImportImport对话框;对话框;选择声音文件,单击选择声音文件,单击“打开打开”按钮,按钮,该声音文件即加入库面板中;该声音文件即加入库面板中;选择
44、选择Window/LibraryWindow/Library命令,打开库命令,打开库面板;面板;将库面板中的声音文件拖至某一帧将库面板中的声音文件拖至某一帧的工作区中,该帧的时间轴上即出现的工作区中,该帧的时间轴上即出现一表示声音的符号。一表示声音的符号。2.声音动画声音动画编辑声音编辑声音 在时间轴面板上单击有声音符在时间轴面板上单击有声音符号的那一帧,在号的那一帧,在PropertiesProperties面板面板将显示有关声音的属性;将显示有关声音的属性;单击单击EditEdit按钮,打开编辑声音按钮,打开编辑声音窗口;窗口;编辑完成,单击编辑完成,单击OKOK按钮按钮。2.声音动画声音
45、动画例例6-12 为按钮为按钮1.fla增加声音功能,然后保存在增加声音功能,然后保存在按钮按钮2.fla中。当鼠标移到按钮上时能发出中。当鼠标移到按钮上时能发出“当当”的一声,按下鼠标时可发出一段短音乐,以的一声,按下鼠标时可发出一段短音乐,以上两段音效分别由上两段音效分别由Ding.wav和和Tada.wav提供。提供。操作步骤如下:操作步骤如下:选择选择File/Open命令或单击命令或单击Main工具栏中的打工具栏中的打开按钮,在出现的打开对话框中选择按钮开按钮,在出现的打开对话框中选择按钮1.fla,然后单击,然后单击“打开打开”按钮。按钮。选择选择File/Import命令,打开导
46、入对话框,导命令,打开导入对话框,导入声音文件入声音文件Ding.wav和和Tada.wav。选择选择Window/Library命令或按功能键命令或按功能键F11打打开库面板。开库面板。双击库面板中的双击库面板中的“按钮按钮”符号,进入符号,进入“按钮按钮”符号的编辑状态。符号的编辑状态。单击图层操作区的插入层按钮,插入一个新的单击图层操作区的插入层按钮,插入一个新的图层图层Layer2。单击单击Layer2层的层的Over帧,按帧,按F6键创建关键帧,键创建关键帧,将库面板中的声音符号将库面板中的声音符号Ding拖入工作区。拖入工作区。单击单击Layer2层的层的Down帧,按帧,按F6键
47、创建关键帧,键创建关键帧,将库面板中的声音符号将库面板中的声音符号Tada拖入工作区。拖入工作区。按快捷键按快捷键Ctrl+Enter观看播放效果。观看播放效果。选择选择File/Save As,将结果保存在按钮,将结果保存在按钮2.fla中。中。演示演示2.声音动画声音动画3.行为动画行为动画行为动画行为动画 通过人工操作(如鼠标单击)通过人工操作(如鼠标单击)来控制动画的动作。来控制动画的动作。行为动画是通过一种类似于脚本的行为动画是通过一种类似于脚本的简化简化语言语言(Action Script)实现对)实现对动画的控制的。动画的控制的。3.行为动画行为动画Flash中的行为只能添加到:
48、中的行为只能添加到:Keyframe(关键帧);(关键帧);Button(按钮);(按钮);Movie Clip(电影片段)。(电影片段)。与时序有关的行为(如到达某一时刻就执行某一行为)必须添加到关键帧上。与事件相关的行为(如单击鼠标就执行某一行为)必须添加到按钮上。3.行为动画行为动画按钮操作事件的编码一般采用如按钮操作事件的编码一般采用如下的格式:下的格式:on(鼠标事件)(鼠标事件)对事件的响应语句对事件的响应语句3.行为动画行为动画例例6-14 制作一个由行为控制的动画。当制作一个由行为控制的动画。当单击对象时它开始顺时针旋转,再次单单击对象时它开始顺时针旋转,再次单击对象就停止旋转
49、。单击次数为奇数开击对象就停止旋转。单击次数为奇数开始旋转,偶数则停止旋转。始旋转,偶数则停止旋转。操作步骤如下:操作步骤如下:单击单击Main工具栏中的工具栏中的New按钮。按钮。3.行为动画行为动画 制作能旋转的对象符号制作能旋转的对象符号Rotate。选择选择Insert/New Symbol命令,在对话框中输命令,在对话框中输入符号名入符号名Rotate,选择符号类型为,选择符号类型为Movie Clip,单击,单击OK按钮。按钮。在第在第1帧导入帧导入Button.jpg文件。文件。单击时间轴的第单击时间轴的第30帧,按功能键帧,按功能键F6创建关键创建关键帧。帧。创建旋转动画。单击
50、时间轴的第创建旋转动画。单击时间轴的第1帧,在属帧,在属性面板中单击性面板中单击Tween下拉列表框右侧的箭头下拉列表框右侧的箭头选择选择Motion选项;然后在选项;然后在Tween下方新弹出下方新弹出的的Rotate选项左、右两个文本框分别选择及选项左、右两个文本框分别选择及输入输入CW(顺时针顺时针)和和1。3.行为动画行为动画 制作能旋转的对象符号制作能旋转的对象符号Rotate。编码。选择编码。选择Window/Actions命令,打开命令,打开Action面面板。板。在右边的文本输入区中输入代码如下:在右边的文本输入区中输入代码如下:stop();停止播放停止播放 i=1;变量变量