网页制作教程第13章ppt课件

第13章帧、符号与Flash动画初步,13.1帧的创建和应用,1、帧显示栏,帧是Flash中一个重要的概念，所谓帧，就是Flash动画中的静止画面。若干帧的连续显示就形成了动画。,帧显示栏的基本构成,2、关键帧、空白关键帧、普通帧,关键帧（keyframe）是指使动画呈关键性变化的那些帧，由计算机自动生成的帧是不可能成为关键帧的。举例来讲，制作一个小球从左向右作直线运动动画，在Flash中只需定义小球的起点和终点，中间的运动过程由Flash自动完成。那么起点和终点这2帧决定动画的关键性变化，故是关键帧。,普通帧（Frame）是由Flash自动生成的帧，故普通帧是不可编辑的。,如果某帧被设定为关键帧，但帧内没有任何对象，这一帧就被称为空白关键帧,3、洋葱皮按钮,洋葱皮按钮共有4个按钮组成，通过这些按钮的控制，可以显示或隐藏当前帧的前后多帧甚至所有帧的内容，这样就可以在不预览动画的情况下观察到对象的变化过程。,OnionSkin（洋葱皮显示）,OnionOutline（洋葱皮轮廓显示）,EditMultipleFrame（多帧编辑）,ModifyOnionMarks（修改洋葱皮标记）,1、符号的类型,Flash提供了三种符号：,13.2符号与实例,图形符号：静止图形或者动画均可成为图形符号的来源，但对图形符号无法使用行为进行控制，也不能直接在该符号中直接插入声音。,电影片段符号：电影片段符号的来源大多是需重复使用的动画。与图形符号不同，它是独立于时线间的。,按钮符号：按钮符号的主要功能就是为Flash提供交互性。,2、符号的来源,符号可以通过以下方法获取：,从公共符号库中调用：Flash提供了六个公共符号库，分别是Button（按钮库）、Graphic（图形库）、LearningInteractions（学习交互库）、MovieClips（动画库）、SmartClips（精彩片段库）、Sound（声音库）。这些符号库都内置了一些比较实用的符号，且可以随时打开供创作动画时调动。通过选择Window|CommonLibraries下的8个相应的命令即可打开相应的符号库，,从已有程序中提取：选择File|OpenasLibrary命令，可以在不打开Flash动画的情况下打开源文件的符号库，使其中的符号得以供本次动画使用。,从已有程序中提取符号的对话框,创建符号：上述2个方法是通过打开现成的符号库来使用其中的符号，如果这些符号都不符合要求，那么就需要创建符号。选择File|NewSymbol命令，Flash会弹出的SymbolProperties对话框。,创建符号对话框,3、库窗口的使用,Flash提供了符号库来管理动画中所有的符号。选择Windows|Library命令，可打开符号库。,符号库的组成,4、按钮符号的制作,图形符号与电影片段符号的制作与创作普通Flash动画没有根本性区别，而制作按钮符号则比较特殊，其时间线上只有Up、Down、Over、Hit四帧。,创建符号,制作Up帧,制作Over帧,制作Hit帧,制作Down帧,完成符号按钮制作,1、运动过渡动画简述,运动过渡动画，就是两个关键帧内的同一对象发生了位置、大小、旋转、扭曲、颜色的变化，Flash根据这种变化而自动产生的动画。,13.3运动过渡动画,基本步骤,创建文件,创建第1个关键帧,创建运动过渡动画,创建第2个关键帧,设置运动过渡动画,预览动画,所谓变形过渡动画是两个帧内相应对象的形状发生了变化,Flash根据这种变化而自动产生的动画。由于变形过渡动画是基于对象轮廓发生变化而产生的，在动画中对象不能以整体存在，所以Flash不能使用组群、实例、文本（尚未打碎）和位图创建变形过渡动画。,13.4变形过渡动画,基本步骤,创建文件,制作第1个关键帧,创建第2个空白关键帧,设置动画,制作完成,打碎对象,逐帧动画就是每一帧都是关键帧的动画。对于一些难以通过运动过渡和变形过渡来自动完成的动画效果，可采用逐帧动画的方法。,13.4逐帧动画,基本步骤,创建文件,制作第1帧,制作第2帧,创建动画,制作完成,运动过渡动画小结,创建运动过渡动画必须遵循的条件：1.被操作的对象必须在同一层上。2.被操作的对象必须组合(group)或设为符号(symbol)。3.运动不能发生在多个对象之间。4.创建的引导层必须位于运动对象层之上。5.路径绘制主要使用铅笔在Smooth方式下完成。6.路径应有一个小缺口，不支持全封闭的路径。7.引导层完成后应锁定。8.运动对象的中心点必须锁定在路径首末端点处。9.运动渐变动画制作完成后应隐藏引导层。,变形过渡动画小结,创建形状渐变动画必须遵循的条件：1.被操作的对象必须在同一层上。2.被操作的对象必须被打散（Ctrl+B）。3.形状渐变可以发生在多个对象之间。,本章小结和重点回顾,本章重点介绍了利用Flash5制作三种类型的动画，文中的例子只是起了抛砖引玉