主讲教师主讲教师: 丁月华丁月华 Email:ding_mickeysina.com5多媒体应用软件(一)FlashMX5-2 WHPU n理解和掌握动画的基本原理理解和掌握动画的基本原理n学习学习Flash软件制作二维动画软件制作二维动画学习目标学习目标2021/5/235-3 WHPU Frame1 Frame2 Frame3 Frame4 Frame5 Frame6 Frame7 动画利用了人眼的动画利用了人眼的”视觉暂留视觉暂留”效应效应, 通过连续播放一系列通过连续播放一系列画面，给视觉造成连续变化的画面画面，给视觉造成连续变化的画面, 它的基本原理与电影、电它的基本原理与电影、电视一样，都是利用了一种视觉原理。视一样，都是利用了一种视觉原理。n 动画基本原理2021/5/235-4 WHPU n 常用动画格式lGIF格式格式GIF（Graphics Interchange Format）即）即“图形交换格式图形交换格式” , Internet上大量采用的彩色动画文件多为这种格式的文上大量采用的彩色动画文件多为这种格式的文件，也称为件，也称为GIF89a格式文件。格式文件。lFLIC（FLI/FLC）格式格式FLIC是是Autodesk公司在其出品的公司在其出品的Animator Pro/3D Studio等等2D/3D动画制作软件中采用的彩色动画文件格式，动画制作软件中采用的彩色动画文件格式，FLIC是是FLI(320200)和和FLC( FLI的扩展格式，采用了更高效的数据的扩展格式，采用了更高效的数据压缩技术压缩技术)的统称的统称lSWF格式格式SWF是是Macromedia公司的产品公司的产品Flash的的矢量矢量动画格式，它动画格式，它采用曲线方程描述其内容，因此这种格式的动画在缩放时不采用曲线方程描述其内容，因此这种格式的动画在缩放时不会失真，非常适合描述由几何图形组成的动画，。会失真，非常适合描述由几何图形组成的动画，。？*.fla *.swf *.exe2021/5/235-5 WHPU FlashnFlash工作界面工作界面nFlash中的基本概念中的基本概念nFlash动画类型动画类型nFlash基本工具基本工具n基本基本Flash动画制作动画制作nFlash动画制作高级技术动画制作高级技术n动画的发布动画的发布2021/5/235-6 WHPU n Flash工作界面工作界面由标题栏、菜单栏、时间轴窗口、工具箱、舞台工作区、属性设由标题栏、菜单栏、时间轴窗口、工具箱、舞台工作区、属性设置面板、控制面板，如下图所示。置面板、控制面板，如下图所示。 2021/5/235-7 WHPU l 帧帧(Frame)帧的定义帧的定义在时间轴上，每一个在时间轴上，每一个小方格小方格就是一个帧，时间轴是对帧就是一个帧，时间轴是对帧进行操作的场所。进行操作的场所。帧的分类帧的分类普通帧普通帧: 也称过渡帧也称过渡帧, 在末尾以在末尾以空心的方格空心的方格表示表示关键帧关键帧: 动画播放过程中动画播放过程中, 呈现关键性动作或内容变化呈现关键性动作或内容变化的帧的帧, 时间轴上时间轴上圆圈圆圈表示表示; 根据内容的有无又分为根据内容的有无又分为空空白关键帧白关键帧 和和 含有内容的关键帧含有内容的关键帧。帧的基本操作帧的基本操作插入帧插入帧、删除帧删除帧、清除帧清除帧、反转帧等反转帧等n Flash中的基本概念中的基本概念 2021/5/235-8 WHPU l 图层图层(Layer) 图层定义图层定义: 指动画编辑的物理层指动画编辑的物理层, 图层如一张透明的纸图层如一张透明的纸 , 除了画有图形或文字的地方，其他部分都是透明的；图除了画有图形或文字的地方，其他部分都是透明的；图层又是相对独立的，修改其中一层，不会影响到其他层。层又是相对独立的，修改其中一层，不会影响到其他层。 图层分类图层分类: 普通层普通层、导向层导向层和和蒙版层蒙版层。各种层在时间轴。各种层在时间轴中的层名称前使用不同的图标表示。中的层名称前使用不同的图标表示。图层状态图层状态:活动活动状态：可以对该层进行各种操作。状态：可以对该层进行各种操作。隐藏隐藏状态：即在编辑时是看不见的。状态：即在编辑时是看不见的。锁定锁定状态：被锁定的图层无法进行任何操作。状态：被锁定的图层无法进行任何操作。外框外框模式：所有图形只显示轮廓。模式：所有图形只显示轮廓。n Flash中的基本概念中的基本概念 2021/5/235-9 WHPU l场景场景(Scene)犹如一个舞台，所有的演员与所有的情节，都在这个犹如一个舞台，所有的演员与所有的情节，都在这个舞台上进行。舞台由大小、音响、灯光等条件组成，舞台上进行。舞台由大小、音响、灯光等条件组成，场景也有大小、色彩等的设置。场景也有大小、色彩等的设置。打开场景控制面板操作打开场景控制面板操作(SHIFT+F2)n Flash中的基本概念中的基本概念 2021/5/235-10 WHPU l元件和图库元件和图库元件元件(Symbol) 创建的创建的图形图形（Graphic ) 、按钮按钮（Button）和和影片剪辑影片剪辑（Movie Chips）3种元素种元素元件实例元件实例(Symbol Instance) 元件在场景中的应用元件在场景中的应用, 实例与元件相互独立实例与元件相互独立图库图库(Library) 存放元件的容器存放元件的容器, 供用户反复使用供用户反复使用;打开库面板打开库面板(Ctrl+L)n Flash中的基本概念中的基本概念 2021/5/235-11 WHPU Flash动画基本概念之间的关系动画基本概念之间的关系2021/5/235-12 WHPU n Flash动画类型动画类型l逐帧动画逐帧动画也称为帧也称为帧 帧动画帧动画, 逐帧动画的特点是每一帧都是关键帧，逐帧动画的特点是每一帧都是关键帧，制作的工作量很大。制作的工作量很大。l补间动画补间动画也称为渐变动画也称为渐变动画, 由用户定义好关键帧由用户定义好关键帧, 再由再由Flash自动生成自动生成中间个帧中间个帧, 运动渐变可以产生位置的移动，大小的缩放、旋运动渐变可以产生位置的移动，大小的缩放、旋转、颜色的深浅以及形状变化等多种变化转、颜色的深浅以及形状变化等多种变化; 按照其渐变方式的不同又可分为按照其渐变方式的不同又可分为 运动渐变动画、形状渐变运动渐变动画、形状渐变动画动画2021/5/235-13 WHPU n 基 本 工 具l选择工具选择工具: 箭头工具、套索工具、部分选取箭头工具、套索工具、部分选取工具工具l绘图工具绘图工具: 线条工具、椭圆工具、矩形工具、线条工具、椭圆工具、矩形工具、铅笔工具、钢笔工具、文本工具铅笔工具、钢笔工具、文本工具l填充工具填充工具: 笔刷工具、墨水瓶工具、颜料桶笔刷工具、墨水瓶工具、颜料桶工具工具l自由变换工具自由变换工具l填充变换工具填充变换工具l吸管工具吸管工具l橡皮工具橡皮工具l视图工具视图工具: 手型工具、缩放工具手型工具、缩放工具2021/5/235-14 WHPU 基 本 Flash 动 画 制 作n逐帧动画逐帧动画n形状补间动画形状补间动画n运动补间动画运动补间动画2021/5/235-15 WHPU 帧帧-帧动画制作帧动画制作n每一帧画面都是关键帧每一帧画面都是关键帧, 由用户逐帧创建，通过关由用户逐帧创建，通过关键帧的不断变化产生的，它适合于创建不规则的运键帧的不断变化产生的，它适合于创建不规则的运动动画动动画l【关键操作】【关键操作】 （1）插入关键帧）插入关键帧(F6) （2）绘制关键帧）绘制关键帧l【实例】【实例】 制作毛笔写制作毛笔写”一一”字的动画效果字的动画效果2021/5/235-16 WHPU 形状补间动画形状补间动画n形状补间动画是指对形状补间动画是指对打散状态下的对象打散状态下的对象在形状、在形状、颜色、位置和大小等方面的变化。颜色、位置和大小等方面的变化。 l【关键操作】【关键操作】 （1）设置对象的初始位置及属性。）设置对象的初始位置及属性。（2）设置对象的终止位置及属性。）设置对象的终止位置及属性。（3）由）由Flash MX自动生成形状补间动画的中间各帧。自动生成形状补间动画的中间各帧。l【实例】【实例】 制作字的变形动画制作字的变形动画2021/5/235-17 WHPU 运动补间动画运动补间动画n运动补间动画适用于运动补间动画适用于元件实例、文本和组合体元件实例、文本和组合体等对等对象在形状、颜色、位置和大小等方面的变化。象在形状、颜色、位置和大小等方面的变化。 l【关键步骤】【关键步骤】（1）设置对象的初始位置及属性）设置对象的初始位置及属性（2）设置对象的终止位置及属性）设置对象的终止位置及属性（3）由）由Flash MX自动生成运动补间动画的中间各帧。自动生成运动补间动画的中间各帧。l【实例】【实例】制作小球滚动制作小球滚动制作武汉工业学院的虚影渐现效果动画片头制作武汉工业学院的虚影渐现效果动画片头2021/5/235-18 WHPU Flash动画高级操作n基于引导层的动画基于引导层的动画n基于遮罩层的动画基于遮罩层的动画n声音声音n交互性交互性2021/5/235-19 WHPU Flash动画高级操作n引导层动画引导层动画: 引导层可以是用户自己绘制路径引导层可以是用户自己绘制路径, 让补让补间动画元件、组件或者文本间动画元件、组件或者文本沿着路径运动沿着路径运动, 产生相产生相应的运动曲线应的运动曲线。l【关键步骤】【关键步骤】（1）设计引导层）设计引导层（2）设计被引导层）设计被引导层l【实例】制作一个带有一定运动轨迹的小球【实例】制作一个带有一定运动轨迹的小球2021/5/235-20 WHPU Flash动画高级操作n遮罩层动画遮罩层动画 : 遮罩层中绘制的图形遮罩层中绘制的图形/文字等对象文字等对象, 对其遮对其遮罩的图层而言具有其他的罩的图层而言具有其他的透明透明效果效果, 通过这些对象可通过这些对象可以将被遮罩层的内容显示出来以将被遮罩层的内容显示出来, 其他部分被遮蔽其他部分被遮蔽.l【关键步骤】【关键步骤】（1）设计被遮罩层）设计被遮罩层（2）设计遮罩层）设计遮罩层l【实例实例】静态遮罩层】静态遮罩层 、武汉工业学院的扫描图武汉工业学院的扫描图、旋转地球、旋转地球遮罩层遮罩层被遮罩层被遮罩层显示效果显示效果2021/5/235-21 WHPU Flash动画高级操作n声音声音l 在影片中添加声音在影片中添加声音 【实例实例】给上例中的旋转地球制作背景音乐】给上例中的旋转地球制作背景音乐l 给按钮添加声音给按钮添加声音 【实例实例】制作带有声音的按钮】制作带有声音的按钮2021/5/235-22 WHPU Flash动画高级操作n交互性交互性创建交互式动画的关键是设置在指定的事件发生时创建交互式动画的关键是设置在指定的事件发生时要执行某个特定的动作。在要执行某个特定的动作。在Flash MX中使用中使用动作动作(Action)控制面板或者控制面板或者行为行为(Behaivor)控制面板可控制面板可以为以为按钮按钮、电影剪辑电影剪辑或或帧帧设置动作设置动作。l【实例】创建一个交互式动画【实例】创建一个交互式动画, 可以控制小球运动的开始可以控制小球运动的开始、停止停止、返回返回stop();on (release) play();on (release) stop();on (release) gotoAndPlay(1);2021/5/235-23 WHPU 动画的发布l【基本操作】【基本操作】（1）单击）单击“文件文件”“发布设置发布设置”命令，打开命令，打开“发布设置发布设置”对话对话框，如图框，如图3-77所示。所示。（2）选择）选择“格式格式”选项卡，在选项卡，在“类型类型”选项区中选择要创建的选项区中选择要创建的文件格式，如图所示。文件格式，如图所示。（3）如果选中了对话框下方的）如果选中了对话框下方的“使用默认名称使用默认名称”复选框，则复选框，则所有格式的文件名都将使用与所有格式的文件名都将使用与Flash文件相同的文件名，文件相同的文件名，扩展名自动添加。扩展名自动添加。（4）单击各选项卡，可以分别设置相应的格式选项，设置）单击各选项卡，可以分别设置相应的格式选项，设置完成后可单击完成后可单击“发布发布”按钮生成所有指定的格式文件。按钮生成所有指定的格式文件。（5）单击）单击“确定确定”按钮，关闭对话框。按钮，关闭对话框。2021/5/235-24 WHPU 参考资源nhttp:/design.yesky.com/flash/mx/上 机 题n制作逐帧动画、形状补间动画、运动补间动画、制作逐帧动画、形状补间动画、运动补间动画、基于引导层的动画、基于遮罩层的动画各基于引导层的动画、基于遮罩层的动画各1个个2021/5/235-25 WHPU 2021/5/235-26 WHPU Flash动画基本概念之间的关系动画基本概念之间的关系2021/5/235-27 WHPU 常用Flash MX动作语句1Play和和Stop语句语句lPlay：沿着时间线向前播放。：沿着时间线向前播放。【格式格式】：Play();lStop：停止当前播放的动画。：停止当前播放的动画。【格式格式】：Stop();2021/5/235-28 WHPU 2goto语句语句【动动作作】：可可以以使使电电影影跳跳转转到到一一个个指指定定的的场场景景或或指指定帧。定帧。【 格格 式式 】 ： gotoAndPlay (scene ,frame);或或gotoAndStop(scene ,frame);n当当goto语语句句被被添添加加到到编编辑辑框框中中后后，对对应应的的“动动作作”控制面板参数区如图控制面板参数区如图3-75所示。所示。【举举例例】：gotoAndPlay(场场景景2,6)表表示示跳跳转转到到场场景景2的第的第6帧并继续播放。帧并继续播放。2021/5/235-29 WHPU 3Stop All Sounds语句语句【动动作作】：停停止止当当前前播播放放动动画画中中的的所所有有声声音音，而而不不停止动画的播放。停止动画的播放。【格式】：【格式】：StopAllSounds();n说明：说明：该指令没有参数。该指令没有参数。2021/5/235-30 WHPU 4fscommand命令命令【功功能能】：主主要要用用于于控控制制动动画画的的播播放放环环境境，利利用用fscommand的的设设置置可可以以指指定定动动画画在在利利用用播播放放软软件打开时的画面设置，例如全屏幕播放等。件打开时的画面设置，例如全屏幕播放等。【格式】【格式】：fscommand(command,parameters)；n当当fscommand命命令令被被添添加加到到编编辑辑框框中中后后，对对应应的控制面板参数区如图的控制面板参数区如图3-76所示。所示。2021/5/235-31 WHPU 图3-76 选中fscommand命令后的动作编辑器2021/5/235-32 WHPU 图3-75 goto语句编辑区返回本节2021/5/235-33 WHPU 本章小结本章小结 本章开始介绍了动画的基本概念，包括动画的基本原理、电本章开始介绍了动画的基本概念，包括动画的基本原理、电脑动画及简单二维动画的制作等。后面用大量的篇幅介绍了脑动画及简单二维动画的制作等。后面用大量的篇幅介绍了目前流行的网页动画制作软件目前流行的网页动画制作软件Flash MX的基本内容，并结的基本内容，并结合实例介绍了合实例介绍了Flash MX动画的制作步骤与方法。动画的制作步骤与方法。 2021/5/235-34 WHPU 部分资料从网络收集整理而来，供大家参考，感谢您的关注！