FLASH物理课件制作.ppt

《FLASH物理课件制作.ppt》由会员分享，可在线阅读，更多相关《FLASH物理课件制作.ppt（90页珍藏版）》请在三一办公上搜索。

1、第6章 Flash CS3设计和制作物理课件,Flash最早的版本称为Future Splash Animator。1996年，Future Splash Animator卖给了Macromedia公司，改名为Flash1.0。之后不断推出新版本，2005年推出Flash 8。2005年，Adobe公司收购Macromedia公司，在原来的基础上，对Macromedia Flash作了改进，推出了Adobe Flash CS3。Flash是一种交互式动画设计工具，用它可以将文字、图形图像、动画、交互方式等融合在一起，以制作出高品质的动画。,Flash与其它工具相比，具有矢量描述、播放流畅、数据

2、量小、色彩鲜明等特点。上手很容易，但要制作出高质量的仿真Flash动画也并不容易。通过使用关键帧和图符使得所生成的动画体积很小，而且用Flash做出来的动画是矢量的，与位图不同的是矢量图形可以任意缩放尺寸而不会产生任何变形，从而保证了图形的质量。,目前，越来越多的人把Flash作为网页和课件动画设计的首选工具。强大的动画编辑功能帮助设计者可以随心所欲地设计出高品质的动画，通过ActionScript脚本语言可以实现交互性，使Flash具有更大的设计自由度，另外，它与Dreamweaver配合默契，可以非常方便地直接嵌入网页的任一位置，制作出网页型多媒体课件。本章在介绍中文版Flash CS3的

3、基本使用方法的基础上，通过一些物理课件的制作实例，使读者从中体会用Flash CS3制作多媒体课件的方法和技巧。能制作出丰富多彩的多媒体物理课件。,6.1 工作窗口及基本操作,在深入学习用Flash CS制作课件之前，首先要熟悉它的工作界面以及有关文件的的基本操作，如文件的新建、打开、关闭、保存等。,6.1.1 工作窗口,图6.1 欢迎屏幕,【工具】面板,其它面板,文档选项卡,6.1.2 基本操作,1新建文件2打开文件 3保存文件 4导入文件5播放文件6设置文档属性7【舞台】视图缩放8关闭和退出,6.2【工具】面板的使用与图形的绘制,6.2.1 初识【工具】面板,【工具】面板是Flash CS

4、3中最常用到的一个面板，Flash CS3提供了多种工具来绘制基本图形，对基本图形的组合和修改，可得到复杂的图形。如图6.11所示是Flash CS3的【工具】面板。表6.3列出了【工具】面板中的主要的工具及其用途。,6.2.2 工具使用与基本几何图形的绘制,1绘制和处理线条2用【铅笔工具】绘图和调整 3使用【钢笔工具】制作图形4椭圆的绘制5矩形和多边形的绘制 6.【滴管工具】的使用7.【刷子工具】的使用8.【任意变形工具】的使用,9【渐变变形工具】的使用10【橡皮擦工具】的使用11【手型工具】的使用12【缩放工具】的使用,6.2.3 物理课件中组合图形的绘制,使用Flash CS3中的绘图工

5、具，可以直接绘制出简单的几何图形，但是在课件中所需的图形，往往是复杂多变的，但都是由这些基本图形构成的组合体，例如物理课件中的装置模型和各种示意图等。由于这些图形都是由线条、矩形和圆形等基本几何图形组合而成，综合使用Flash CS3的绘图工具，便可绘制出各种各样的课件图形。,1几何图形的分割与组合,【实例6-1】绘制如图6.39所示的“斜面上木块的受力分析图”。本实例源文件见光盘实例第6章实例6-1“受力分析图.fla”文件。,图6.39 斜面上物体的受力分析图,2使用【颜色】面板“包装”图形,【实例6-2】绘制如图6.44所示的立体图形。本实例源文件见光盘实例第6章实例6-2“立体图形.f

6、la”文件。,图6.44 效果图,6.3 编辑课件中的文字,文字是课件的重要组成部分。在Flash CS3中，文本的创建与修改十分简单，它的显示效果丰富，功能齐全，还可通过对文本进行“分离”操作，将文字转化为矢量图，通过对转换后的“图形文字”进行处理，得到各种各样的特殊效果。它在课件字幕、标题文字和文字动画等的制作中广泛应用。,6.3.1 文字对象的创建与编辑,1文字的输入2文字的编辑,6.3.2 课件中段落性文字的设置,1设置文本的方向2设置字符间距3，格式按钮的使用,6.3.3 物理课件中数学公式的编辑方法与技巧,6.3.4 课件中特效文字的制作,1空心文字的制作,图6.57 空心文字,【

7、实例6-3】绘制如图6.57所示的空心文字。本实例源文件见光盘实例第6章实例6-3“空心文字.fla”文件。,2荧光文字的制作,图6.60 彩色荧光文字,【实例6-4】绘制如图6.60所示的荧光文字。本实例源文件见光盘实例第6章实例6-4“荧光文字.fla”文件。,6.4 元件与库,在理解元件和库的概念的基础上，了解元件和库的作用，掌握如何在Flash CS3中创建元件，理解图形、按钮影片剪辑三种元件之间的区别，掌握如何在Flash CS3中生成元件实例。,元件的类型及创建,影片剪辑：使用影片剪辑元件可以创建可重复使用的动画片段。按钮元件：主要用来实现人机交互和美化界面。图形元件：用于制作动画

8、中的静态对象，没有交互性，该元件拥有相对独立的编辑区域和播放时间，应用到场景中时，会受到帧序列和交互设置的影响。,6.4.2 三种元件的区别,（1）影片剪辑元件、按钮元件和图形元件最主要的差别在于，影片剪辑元件和按钮元件的实例上都可以加入动作语句，图形元件的实例上则不能；在影片剪辑里的关键帧上可以加入动作语句，而按钮元件和图形元件则不能。（2）影片剪辑元件和按钮元件中都可以加入声音，图形元件则不能。,（3）影片剪辑元件的播放不受场景时间线长度的制约，它有元件自身独立的时间线；按钮元件独特的4帧时间线并不自动播放，而只是响应鼠标事件；图形元件的播放完全受制于场景时间线；（4）影片剪辑元件在场景中

9、按【Enter】键测试时看不到实际播放效果，只能在各自的编辑环境中观看效果，而图形元件在场景中即可适时观看，可以实现所见即所得的效果。,（5）三种元件在【舞台】上的实例都可以在属性面板中改变其实例行为，也可以相互交换实例。（6）影片剪辑中可以勘套另一个影片剪辑，图形元件中也可以勘套另一个图形元件，但是按钮元件中不能勘套另一个按钮元件；三种元件可以相互勘套,6.4.3 元件与库的作用,元件是在Flash CS3中创建的图形、按钮或影片剪辑，它是一种可重复使用的对象。一旦元件创建完成后，就可以在该文档或其它文档中重复使用。元件可以包含从其它应用程序中导入的插图。创建的任何元件都会自动成为当前文档的

10、库的一部分。元件在【舞台】上的一次具体使用称为实例。重复使用实例不会增加文件的大小，是使文档文件保持较小的策略中很好的方法。元件还简化了文档的编辑。,元件就象一个演员，当编辑元件时，该元件的所有实例都相应地更新以反映编辑，而不必逐个进行修改。元件的另一个好处是使用它们可以创建完善的交互性。,Flash CS3中的库是用于存储和组织在Flash文档中创建或导入的媒体资源（如视频剪辑、声音剪辑、位图、矢量图）的地方。打开【库】面板的方法是：选择【窗口】|【库】命令（或按【Ctrl+L】），则可打开如图6.67所示的【库】面板，在【库】面板中列出了所有的元件，可对元件进行编辑操作，如插入新的元件、修

11、改元件的属性、删除元件等。单击元件列表中的某个元件，可在预览窗口中预览该元件，双击元件列表中的某个元件，进入元件的编辑状态，按住鼠标左键，从预览窗口中将元件拖拽到【舞台】可生成一个实例。,库还包含已添加到文档的组件。组件在库中显示为编译剪辑。【库】面板会显示库中所有项目名称的滚动列表，用户可查看和组织这些元素。【库】面板中项目名称旁边的图标指示该项目的文件类型。【库】面板有一个选项菜单，其中包含用于管理库项目的命令。,在Flash CS3中工作时，可以打开任意Flash CS3文档的库，将该文档的库项目用于当前文档。可以在Flash应用程序中创建永久的库，只要启动Flash CS3就可以使用这

12、些库。Flash CS3还自带几个含按钮、图形、影片剪辑和声音的范例库，可以将这些元素添加到Flash CS3文档中。Flash CS3范例库和用户创建的永久库都列在【窗口】|【公用库】子菜单下，图6.68是公用库下的【按钮】库。,图6.68【公用库】中的“按钮”范例库,图6.67【库】面板,6.5 物理Flash动画课件的制作,动画与电影一样都是利用视觉残留作用而产生的动感效果。将一张张不动的，但又是逐渐变化的画面以一定的速度连续放映，就可产生动画了。在Flash CS3中，这一张张不动的画面称为“帧”。Flash CS3动画正是由许多“帧”按一定的顺序排列而成。当播放时，按一定的速度和顺序

13、播放这些“帧”就可以了。,为掌握Flash制作动画的方法，在本节中将首先学习“帧”和“图层”的一些基本操作，在此基础上进一步学习应用Flash CS3制作逐帧动画、补间动画、路径动画、遮罩动画以及交互式动画的基本方法和技巧，通过实例掌握它们在物理课件制作中的应用。,6.5.1 帧的基本操作,1时间轴,2帧的种类,（1）帧（2）关键帧（3）空白关键帧,3选取帧4插入关键帧5清除关键帧6插入帧7插入空白关键帧8删除帧,6.5.2 图层的基本操作,1创建图层2编辑图层,（1）选取图层（2）删除图层（3）锁定图层（4）重命名图层（5）改变层的次序,（1）显示和隐藏图层（2）以轮廓线的形式查看图层内容,

14、3查看图层,6.5.3 Flash动画制作基本流程,6.5.3 利用逐帧动画制作物理动画,通常制作逐帧动画有以下几种方法：（1）导入图片到Flash中，建立逐帧动画。（2）绘制矢量逐帧动画，用鼠标或压感笔在场景中一帧一帧地画出帧的内容。（3）文字逐帧动画，用文字作帧中的内容，实现文字的跳跃、旋转、色采的变化等特效。（4）指令逐帧动画，在时间轴帧面板上，逐帧写入动作脚本语句来完成图像的变化。,（5）导入序列图像，可以导入GIF序列图像、SWF动画文件或利用其它软件产生的动画序列（如Swish、Swift 3D等）。,【实例6-6】新建一个Flash文档，用逐帧动画制作一支燃烧蜡烛，如图6.83所

15、示。最终效果见光盘实例第6章实例6-6“燃烧蜡烛fla”文件。,图6.83 动画效果,6.5.4 利用形状补间制作物理动画,补间动画分为形状补间动画和动画补间动画。形状补间动画是Flash中非常重要的表现手法之一，运用它，可制作物理课件中演示物体的形变、单摆运动、弹簧振子、球面波、驻波、波的干涉、奥斯特实验等动画。下面从形状补间动画基本概念入手，认识形状补间动画在时间帧上的表现，了解形状补间动画的创建方法，学会应用“形状提示”让图形的形变自然流畅，最后，提供了两个实例练手，帮助您更深地理解形状补间动画。,1形状补间动画的概念,2产生形状补间动画的三个基本条件,（1）在动画的开始，结束位置各设置

16、一个关键帧。（2）在这两个关键帧中导入或绘制不同的对象。在起始帧和结束帧中至少各有一个形状不同的对象。（3）在两个关键帧中间设置形状渐变扩展帧。形状渐变扩展帧是由系统根据两形状之间的差别生成的。,4形状补间动画在时间轴面板上的表现,3创建形状补间动画的方法,5认识形状补间动画的属性面板,【实例6-7】制作一个点源发出的球面波的动画。动画要达到的效果为点源发出的球面波一个一个地从点源处向外扩展，图6.89为课件运行后的效果图。课件源文件在光盘实例第6章实例6-7“点源球面波.fla”文件。,【实例6-8】制作一个弦上产生的驻波。图6.93为课件运行后的效果图。课件源文件在光盘实例第6章实例6-8

17、“驻波.fla”文件。,图6.93 课件运行效果图,6.5.5 利用动画补间制作物理动画,动画补间动画也是Flash中非常重要的表现手段之一，与形状补间动画不同的是，动画补间动画的对象必需是“元件”或“组合”后的对象。运用动画补间动画，可以设置元件的大小、位置、颜色、透明度、旋转等种种属性，配合别的手法，甚至能做出令人称奇的仿3D的效果来。在物理课件制作中，利用动画间动画可制作诸如自由落体、横波和和纵波、小球的碰撞、动滑轮的运动、摩擦起电、静电感应、运动电荷在电磁场中的运动等。,在Flash CS3的【时间轴】面板上的一个关键帧中放置一个元件，然后在另一个关键帧中改变这个元件的大小、颜色、位置

18、、透明度等，Flash根据二者之间帧的值创建的动画被称为动画补间动画。利用Flash CS3软件提供的动画补间动画功能，可实现图形的移动、缩放、旋转等动画效果。,1动画补间动画的概念,2构成动画补间动画的元素,构成动作补间动画的元素是元件，包括影片剪辑、图形元件、按钮、文字、位图、组合等等，但不能是形状，只有把形状“组合”或转换成“元件”后才可以做动作补间动画。,3创建动画补间动画的方法,创建动画补间动画的方法是：首先在【时间轴】面板上动画开始播放的地方创建或选择一个关键帧并添加一个元件，一帧中只能放一个元件，然后在动画结束的地方创建或选择一个关键帧并设置该元件的属性，再单击开始帧，在【属性】

19、面板上单击【补间】旁边的“小三角”，在弹出的下拉列表中选择“动画”，或单击右键，在弹出的菜单中选择【创建补间动画】，这样就创建了一个动画补间动画。,4动画补间动画在时间轴面板上的表现,图6.98 动画补间动画在时间帧上的表现,5动画补间动画与形状补间动画的区别,表6.4 形状补间动画和动画补间动画的区别,6认识动画补间动画的属性面板,图6.99 动画补间动画【属性】面板,【实例6-9】使用动画补间动画和形状补间动画制作一个弹簧振子。运行课件时，弹簧的一端固定在支架上，另一端固定一小球，作简谐振动。效果如图6.100所示。本课件源文件见光盘实例第6章实例6-9“弹簧振子.fla”文件。,图6.1

20、00 弹簧振子动画效果,图6.112 完成后的【时间轴】面板,6.5.6 利用引导路径制作物理动画,单纯依靠设置关键帧，有时仍然无法实现一些复杂的动画效果，有很多运动是弧线或不规则的，如月亮围绕地球旋转、鱼儿在大海里遨游、刚体的平动、抛物运动等，在Flash中能不能做出这种效果呢？答案是肯定的，这就是利用“引导路径动画”。将一个或多个层链接到一个运动引导层，使一个或多个对象沿同一条路径运动的动画形式被称为“引导路径动画”。这种动画可以使一个或多个元件完成曲线或不规则运动。,1创建引导路径动画的方法,（1）创建引导层和被引导层（2）引导层和被引导层中的对象（3）向被引导层中添加元件,2应用引导路

21、径动画的技巧,图6.114 路径的调整和对齐,（1）“被引导层”中的对象在被引导运动时，还可作更细致的设置。如果选择【属性】面板上的【调整到路径】，对象的基线就会调整到运动路径；按下【紧贴至对象】按钮，元件会自动紧贴到运动路径上，如图6.114所示。,（2）引导层中的内容在播放时是看不见的，利用这一特点，可以单独定义一个不含“被引导层”的“引导层”，该引导层中可以放置一些文字说明、元件位置参考等，此时，引导层的图标为。,（3）在做引导路径动画时，按下【工具】面板上的【紧贴至对象】功能按钮，可以使对象附着于引导线的操作更容易成功。,（4）过于陡峭的引导线可能使引导路径动画失败，而平滑圆润的线段有

22、利于引导路径动画成功制作。（5）被引导对象的中心对齐场景中的十字星，也有助于引导动画的成功。,（6）向被引导层中放入元件时，在动画开始和结束的关键帧上，一定要让元件的中心点对准线段的开始和结束的端点，否则无法引导，如果元件为不规则形，可以按下【工具】面板上的【任意变形工具】，调整中心点。,（7）如果想解除引导，可以把被引导层拖离“引导层”，或在图层区的引导层上单击右键，在弹出的快捷菜单上选择【属性】，在对话框中选择【一般】作为图层类型，如图6.115所示。,图6.115【图层属性】面板,（8）如果想让对象作封闭路径运动，可以在“引导层”画一个封闭曲线，再用橡皮擦去一小段，使曲线出现2个端点，再

23、把对象的起始、终点分别对准端点即可。,（9）引导线允许重叠，比如螺旋状引导线，但在重叠处的线段必需保持圆润，让Flash能辨认出线段走向，否则会使引导失败。,【实例6-10】利用引导路径动画，制作一个电子被约束在两通电线圈之间运动的动画，即磁镜。课件运行效果见图6.116。课件源文件见光盘实例第6章实例6-10“磁镜.fla”文件。,图6.116 课件运行效果,【实例6-11】在Flash CS3中利用封闭路径制作一个演示地球公转的动画，动画效果如图6.122所示。动画源文件见光盘实例第6章实例6-11”地球公转.fla”。,图6.122 地球公转动画,图6.126 完成后的【时间轴】面板,6

24、.5.7 利用遮罩制作物理动画,在Flash CS3的作品中，我们常常看到很多眩目神奇的效果，而其中不少就是用最简单的“遮罩”完成的，如水波、万花筒、百页窗、放大镜、望远镜、日食、月食、小船渡河、螺旋测微器、行波等等。那么，“遮罩”如何能产生这些效果呢？在本节中，我们除了给大家介绍“遮罩”的基本知识，还结合我们的实际经验介绍一些“遮罩”的应用技巧，最后，提供两个实用的范例，以加深对“遮罩”原理的理解。,在Flash CS3中实现“遮罩”效果有二种做法，一种是用补间动画的方法，一种是用ActionScript指令的方法，在本节中，我们只介绍第一种做法。,（1）什么是遮罩（2）遮罩有什么用,2创建

25、遮罩的方法,（1）创建遮罩（2）构成遮罩和被遮罩层的元素（3）遮罩中可以使用的动画形式,1遮罩动画的概念,3应用遮罩时技巧,（1）遮罩层的基本原理是：能够透过该图层中的对象看到“被遮罩层”中的对象及其属性（包括它们的变形效果），但是遮罩层中对象的许多属性如渐变色、透明度、颜色和线条样式等却是被忽略的，比如，我们不能通过遮罩层的渐变色来实现被遮罩层的渐变色变化。（2）要在场景中显示遮罩效果，可以锁定遮罩层和被遮罩层。,（3）可以用ActionScript动作语句建立遮罩，但这种情况下只能有一个“被遮罩层”，同时，不能设置Alpha属性。（4）不能用一个遮罩层试图遮蔽另一个遮罩层。（5）遮罩可以应

26、用在GIF动画上。,（6）在制作过程中，遮罩层经常挡住下层的元件，影响视线，无法编辑，可以按下遮罩层时间轴面板的显示图层轮廓按钮，使遮罩层只显示边框形状，在种情况下，仍可拖动边框调整遮罩图形的外形和位置。,【实例6-12】利用遮罩动画制作一个地球自转的动画。效果见图6.128所示。动画源文件见光盘实例第6章实例6-12”地球自转.fla”文件。,图6.128 课件运行效果,【实例6-13】利用遮罩动画制作一个右行波的动画。效果见图6.132所示。动画源文件见光盘实例第6章实例6-13”右行波.fla”文件。,图6.132 课件运行效果,6.5.8 交互式物理课件动画制作,1按钮交互,按钮交互是

27、指通过给按钮附加相应的命令，使它能起到控制课件运行和程序流程的作用，一个课件中可能有一个还多个按钮，它是课件中使用率较高的一种交互方式。一般来说，在一个课件中，动画或其它演示内容的播放与停止，目标的跳转与定位，运行的开始与结束都是通过鼠标单击按钮来实现的。常见的按钮类型有Windows风格按钮、动画式按钮、图形按钮、文字按钮和热区式按钮。,【实例6-14】制作一个复摆，并用按钮对摆的运动与停止进行控制。课件运行效果如图6.138所示。动画源文件见光盘实例第6章实例6-14”复摆.fla”文件。,图6.138 课件运行效果,【实例6-15】制作一个演示奥斯特实验的动画。课件运行效果如图6.143

28、所示。动画源文件见光盘实例第6章实例6-15”奥斯特实验.fla”文件。,热对象交互是指将课件中的某个对象作为交互对象，并引发其它对象的变化。使用热对象交互能够使课件更生动、更人性化。【实例6-16】制作一个平面镜成像的动画。动画效果为当拖动“物”时，“像”的位置随着“物”的位置的改变而改变。运行后的“演示”场景和“解释”场景的效果图如图6.150所示。本课件源文件见光盘实例第6章实例6-16“平面镜成像.fla”文件。,2热对象交互,图6.159“演示”场景的【时间轴】面板,图6.161“解释”场景的【时间轴】面板,3文本交互,文本交互是能够让用户在课件中输入文本内容，如填写答案，输入课件运

29、行的变量值等，实现人机交互的功能的一种交互方式。,【实例6-17】制作演示光的折射现和规律的课件。课件运行效果如图6.162所示，课件源文件见光盘实例实例6-17“光的折射.fla”文件。,图6.162 课件“光的折射”效果图,图6.168 课件【时间轴】面板,4重试限制、条件和时间限制交互,条件和时间交互是课件制作中两种高级交互方式。条件交互就是指当某一个动作、事件或结果出现时，如果满足设定的条件要求时，则会触发相关的课件内容；时间交互是指在某个时刻到达时，触发相关的课件内容或显示相关的课件内容。,【实例6-18】使用重试限制和时间限制交互，制作一个单选题的动画课件，课件封面和第1题的效果如

30、图6.169所示。课件源文件见光盘实例实例6-18“单选题.fla”文件。,图6.169 课件运行效果,图6.173 课件【时间轴】面板,【实例6-19】使用条件交互方式，制作一个填补电流表和电压表的简单课件，如图6.174所示。课件源文件见光盘实例实例6-15“填补电路中的元件.fla”文件。,图6.174 课件运行效果,6.6 课件的发布,当完成动画制作后，就需要将其打包并发布出去，这样既可以保护课件不被撰改，又可缩小动画文件的大小，加快播放的速度。Flash CS3为用户集成了发布功能，使用该功能可以将制作完成的动画发布成SWF格式，发布成GIF动画等。,6.6.1 发布成SWF动画文件,6.6.2 发布成GIF动画文件,图6.183【导出GIF】对话框,图6.184【导出Windows AVI】对话框,6.6.3 输出视频文件,6.6.4 输出静止图像文件与图像序列文件,1输出静止图像文件2输出图像序列文件,图6.184【导出Windows AVI】对话框,