flash制作的动画与影片中加入的声音位置同步,导出后明显变慢,与画面断开。为什么?
3.1.2 Flash时间轴、帧和层
时间轴用于组织和控制不同时间图像的不同层和帧的内容。时间轴最重要的组成部分是帧、层和播放头。时间轴窗口是调整动画播放速度,将作品放在不同图层的地方。时间轴显示图像中的每一帧。
动画是通过更改后续帧的内容来创建的。您可以在场景中移动对象,增大或减小对象的大小,旋转,更改颜色,淡入淡出或更改形状。所有变更可以单独发生,也可以与其他变更一起发生。
在Flash图像中,每个场景包含不同的层。制作动画时,层的作用主要是组织序列动画的各个部分,分离动画对象,使它们不会发生摩擦、连接或分割。如果希望Flash一次插入和移动多个集合或元件,每个集合或元件必须位于单独的图层中。我们只是利用图层的特殊功能来制作“电视画中画”的演示动画:背景层是静态的电视图像,而第二层包含独立的动画对象,使“画中画”效果在电视的四个角落移动。这是一个如何使用时间轴,帧和层来制作动画的例子。
逐行反转相对相位失真的互补动画制作步骤:
以(1)为坐标轴,画出代表n行信号的向量Fn和代表不同层(n+1)行信号的向量Fn+1,并标注角度,如图1(a)所示,这里只有Fn和Fn+1向量。
(2)选择矢量Fn,选择插入→转换为符号→图形将其转换为图形;还要把Fn+1转换成图形;
(3)在向量Fn所在的帧后插入一个关键帧,可以看出插入后实际上是复制了前一帧,这里用它来表示相移n行的向量Fn’并旋转一定角度;
(4)双击上一帧,弹出帧属性面板。选择转场效果中的运动打开两帧之间的距离,然后你可以看到中间有一条蓝色的实线。用鼠标拖动时间轴,可以看到距离越大,旋转速度越慢,可以根据要求进行调整。同样,使Fn+1顺时针移动到(n+1)线矢量Fn+1 '有相移,如图1(b);
(5)新建一层,以Fn+1 '为起始帧,按照步骤3-4进行Fn+1 '的反相过程,生成由Fn+1 '反相的矢量Fn+1 ',如图1(b)所示。
(6)然后将FN′和FN+1′′′′复制到新图层中,根据合成规则画出FN′和FN+1′′′′的合成矢量F,如图1 (b)所示;
(7)最后,错开每个阶段的动画时间。
3.1.3闪光序列动画
在Flash中制作序列动画有两种方法:逐帧动画和插值动画。在逐帧动画中,每一帧的图像都要制作出来;在插值动画中,只需要制作起始帧和结束帧的图像,中间过渡帧由Flash自动创建。逐帧动画比插值动画增加的文件大小多得多,所以我们经常使用插值动画。
插值动画是一种非常有效的创建运动和变形的方法,同时保持文件大小最小。与逐帧动画不同,对于插值动画,Flash只需要保存导致帧发生变化的值,而不是整个帧。Flash可以制作两种类型的插值动画。第一种叫做补间动画,就是在一个点定义一个实体、一个集合或者一个文本块的属性,比如位置、大小、旋转,然后在另一个点改变这些属性。第二种类型称为形状补间,首先在一个点绘制图形,然后在另一个点更改图形或绘制另一个图形。Flash将在中间帧中给出新的值或图形,从而创建一个动画。在电学课件中,根据这两种插值动画制作了许多演示电流和信号流向的动画。下面是一个例子。
制作线路输出电路充放电过程的动画;
(1)在Flash中绘制波形坐标轴;
(2)用绿线画出不同阶段的充放电波形,如图2(a)所示;
(3)标记每个时间段的t值;
(4)做一个闪烁效果,突出充放电的时间间隔。可以新建几个图层,根据波形绘制匹配的红色波形,从而形成一个帧对象,在后面的帧中插入一个空白帧,然后将红色波形的帧复制到空白帧后面,从而完成部分波形闪烁效果;
(5)用同样的方法制作每个波段的闪烁效果;
(6)完成波形图后,开始制作电路充放电原理图。画出相应的电路图,如图2 (b)所示;
(7)在相应的电路中,电流流向用红线表示。
3.1.4闪存高级设计
Flash有一个特殊的层——面向运动的层。面向运动的层允许绘制路径,沿着该路径,内插的实体、集合或块可以动态地改变。可以将多个层链接到同一个运动导向层,以便多个对象可以沿着同一路径移动。使用运动引导层,可以制作沿特定路线移动的动画。
交互图像在制作精彩的Flash动画中是必不可少的,可以让学习者参与其中。通过使用键盘和/或鼠标,学员可以跳转到图像的不同部分、移动对象、输入表格信息或执行其他交互式操作。互动视频是通过设置动作来实现的。所谓动作,就是在特定事件发生时要执行的一组指令。所谓能触发一个动作的事件,就是当一个图像播放到某一帧,或者用户点击了一个按钮,或者按下了键盘上的一些键,这些都叫做事件。使用动作需要一些编程经验。通过动作,你可以制作一个停止播放的动画效果。在按钮上添加一个actions命令,比如控制信号的动画,可以在信号流经一个组件时停止动画,让学习者可以随时在动画和文字解释之间灵活切换。
3.2 Flash动画输出
使用Flash制作网络课件动画时,经常需要用到一些其他文件。如果要在浏览器中打开Flash图像,必须先打开一个HTML文档,然后启动Flash Player并播放图像。除了这个HTML文档,还可以创建Flash图像的GIF动画版,JPEG或GIF图像,这样在没有安装Flash Player的情况下也可以显示。
Flash图像的主要文件格式是。主权财富基金。这是唯一支持Flash交互功能的文件格式。Flash图片有几种播放方式:1,用Flash Player在Netscape和Internet Explorer浏览器上播放。2.用Flash Xtra在Director和Authorware上播放。3.在装有Flash Active X控制器的Microsoft Office和装有Active X的其他主机上玩游戏..4.作为QuickTime图像的一部分播放。5.把它做成一个叫投影仪的独立播放器来播放。
。swf是一个开放标准,可以被其他程序支持。除了swf格式,图像和静止图像可以从Flash中以各种格式输出,包括GIF、JPEG、PNG、BMP、QuickTime或AVI。
4.将各种技术融入网络多媒体课件的动画制作中。
4.1 PhotoShop图像处理
利用Flash的绘图功能,可以方便地制作电路图和绘制信号流向。而在Flash软件中,没有图层的叠加模式,所以三原色的加色混合等过程很难表达清楚。图像处理软件PhotoShop可以解决这个问题。
HotoShop是一款专业的图像处理软件,可以绘制图形,优化图片。但是PhotoShop做不出连续的动画效果,所以我们决定用PhotoShop制作几个关键帧图像,然后导入Flash,合成一个更连续的动画。
比如在制作“红灯加绿灯”的加性混色动画时,使用了PhotoShop图像处理和Flash动画。具体步骤如下:
(1)打开PhotoShop,在两层上画一个互不相交的圆,分别用红色和绿色填充,如图3 (a)所示;
(2)将上层的模式改为屏幕模式;
(3)缩短两个圆之间的距离(为了使动画连续,可以制作更多的关键帧)并保存;
(4)如图3(b)所示,当两个圆相交时,两层的叠加方式为屏幕方式,因此可以产生加色混色效果。继续缩短两个圈的距离,多做几个关键帧,依次保存;
(5)打开Flash,导入刚刚保存的图片;
(6)制作一个控制动画的按钮。可以选择:插入→符号→按钮;
(7)回到场景,打开另一层,拖动按钮到适当位置,右键,设置按钮属性,在动作属性中选择goto,将目标帧设置为两种颜色光叠加的起始帧;同时在双色光叠加的结束帧中加入stop动作;
(8)同理,分别做“红光加蓝光”和“蓝光加绿光”的混色过程,注意错开每个叠加过程的帧位置,以便分别呈现混色过程。
4.2 Adobe Premiere视频编辑软件
Adobe Premiere是一个强大的非线性视频和音频编辑系统,Adobe Premiere支持各种格式的文件。对于视频动画文件,它支持。avi,。mov,。电影和。flc,。fli,并且还支持。tga和。gif文件。对于静止图像,它支持。psd,。bmp,。pic,。tif等格式。对于音频文件,它支持以下格式。wav和。aif,所以它可以和许多支持这些格式的软件一起使用。
在视音频处理卡的支持下,Adobe Premiere软件具有以下功能:对视音频设备输出的动态模拟信号进行数字处理,对视音频媒体进行非线性编辑,对文字和图像进行配音或叠加,对剪辑进行特效处理和视频压缩。
Adobe Premiere提供了多种精准的视频编辑工具,可以生成广播级的视频文件。在制作网络多媒体课件时,我们经常会使用一些视频来演示教学内容,或者将一些静止图像制作成连续的动画。这时候虽然也可以用Flash来制作,但是制作过程复杂耗时长,制作出来的动画效果也不流畅。Adobe Premiere可以从一个巨大的视频文件中截取几帧图像,然后使用Flash进行处理,从而获得满意的动画效果。
Adobe Premiere的视频处理功能非常强大。我们在制作电学课件时需要用到一些视频素材,但是现有的视频素材都很大。如果将它们插入到网页中,由于网络传输速度的影响,加载时间会比较长,所以不适合用于网络多媒体课件。此时使用Adobe Premiere对视频进行处理,去掉冗余帧,提供压缩比,可以大大减小视频文件的大小,使其适合网页制作,同时不影响教学要求。
Adobe Premiere的截图功能为我们制作《电学》课件提供了更多的原始素材。制作“电视扫描”动画时,用Adobe Premiere捕捉除视频外的几帧图像,然后用Flash进行帧动画。
4.3扫描仪和数码相机
在制作电学课件时,我们使用了大量的材料。这些材料中有一部分是用Flash和PhotoShop绘制的,比如电路图和框图。但是有时候我们需要用到实物图或者更复杂的图像,所以无法手工绘制,而且很费时间。扫描仪和数码相机可以方便地为我们提供这些材料。比如在制作摄像管的工作原理时,我们需要用一个动画来说明摄像管的工作原理,摄像管的结构图非常复杂,很难画出来。我们用扫描仪把现成的图片扫描进电脑,然后用Flash做动画,显示电子束和电流的流向。用于制作“画中画”动画的电视画面也是用数码相机拍摄,然后用闪光灯处理。
因此,在制作课件时,要充分利用现有的技术和设备,提高工作效率。特别是在素材的收集上,它可以很容易地获得大量的现实素材,使课件更具说服力和表现力。
5.结束语
无论使用什么工具开发网络多媒体课件的动画,都必须以最生动、最直接、最准确的方式展示教学内容。制作时,制作人首先要对动画所展示的教学内容有深刻的理解,对动画的演示过程有清晰的思路。在设计动画流程时,要选择合适的软件工具,尤其要注意综合利用各种软件工具取长补短。只有这样,才能制作出生动的教学演示动画,充分发挥网络多媒体课件的优势,提高教学效果。
回应者:风来流-高级魔术师7级5-25 05:21
自己看一看:
Flash图像是专门为网络创建的交互式二维矢量图形和动画。网络设计人员可以使用Flash创建导航控制栏、动态标志、带有同步音频的动画,甚至是完整的视觉丰富的网站。Flash图像是紧凑的矢量图形,因此可以快速下载并缩放以适应查看者的屏幕大小。使用Flash进行创作时,可以通过绘制或导入自己的作品来创建图像,并将其排列在场景上(场景是可以将单个帧合成到图像中、直接绘画或排列导入作品的地方),并使用时间轴进行动态控制。和电影一样,Flash图像按照时间的长短分为几帧。您还可以通过让它对事件做出反应或以指定的方式进行更改来进行交互。图像完成后,可以输出为Flash图像,也可以嵌入HTML网页,与网页一起上传到网络服务器。
3.1.2 Flash时间轴、帧和层
时间轴用于组织和控制不同时间图像的不同层和帧的内容。时间轴最重要的组成部分是帧、层和播放头。时间轴窗口是调整动画播放速度,将作品放在不同图层的地方。时间轴显示图像中的每一帧。
动画是通过更改后续帧的内容来创建的。您可以在场景中移动对象,增大或减小对象的大小,旋转,更改颜色,淡入淡出或更改形状。所有变更可以单独发生,也可以与其他变更一起发生。
在Flash图像中,每个场景包含不同的层。制作动画时,层的作用主要是组织序列动画的各个部分,分离动画对象,使它们不会发生摩擦、连接或分割。如果希望Flash一次插入和移动多个集合或元件,每个集合或元件必须位于单独的图层中。我们只是利用图层的特殊功能来制作“电视画中画”的演示动画:背景层是静态的电视图像,而第二层包含独立的动画对象,使“画中画”效果在电视的四个角落移动。这是一个如何使用时间轴,帧和层来制作动画的例子。
逐行反转相对相位失真的互补动画制作步骤:
以(1)为坐标轴,画出代表n行信号的向量Fn和代表不同层(n+1)行信号的向量Fn+1,并标注角度,如图1(a)所示,这里只有Fn和Fn+1向量。
(2)选择矢量Fn,选择插入→转换为符号→图形将其转换为图形;还要把Fn+1转换成图形;
(3)在向量Fn所在的帧后插入一个关键帧,可以看出插入后实际上是复制了前一帧,这里用它来表示相移n行的向量Fn’并旋转一定角度;
(4)双击上一帧,弹出帧属性面板。选择转场效果中的运动打开两帧之间的距离,然后你可以看到中间有一条蓝色的实线。用鼠标拖动时间轴,可以看到距离越大,旋转速度越慢,可以根据要求进行调整。同样,使Fn+1顺时针移动到(n+1)线矢量Fn+1 '有相移,如图1(b);
(5)新建一层,以Fn+1 '为起始帧,按照步骤3-4进行Fn+1 '的反相过程,生成由Fn+1 '反相的矢量Fn+1 ',如图1(b)所示。
(6)然后将FN′和FN+1′′′′复制到新图层中,根据合成规则画出FN′和FN+1′′′′的合成矢量F,如图1 (b)所示;
(7)最后,错开每个阶段的动画时间。
3.1.3闪光序列动画
在Flash中制作序列动画有两种方法:逐帧动画和插值动画。在逐帧动画中,每一帧的图像都要制作出来;在插值动画中,只需要制作起始帧和结束帧的图像,中间过渡帧由Flash自动创建。逐帧动画比插值动画增加的文件大小多得多,所以我们经常使用插值动画。
插值动画是一种非常有效的创建运动和变形的方法,同时保持文件大小最小。与逐帧动画不同,对于插值动画,Flash只需要保存导致帧发生变化的值,而不是整个帧。Flash可以制作两种类型的插值动画。第一种叫做补间动画,就是在一个点定义一个实体、一个集合或者一个文本块的属性,比如位置、大小、旋转,然后在另一个点改变这些属性。第二种类型称为形状补间,首先在一个点绘制图形,然后在另一个点更改图形或绘制另一个图形。Flash将在中间帧中给出新的值或图形,从而创建一个动画。在电学课件中,根据这两种插值动画制作了许多演示电流和信号流向的动画。下面是一个例子。
制作线路输出电路充放电过程的动画;
(1)在Flash中绘制波形坐标轴;
(2)用绿线画出不同阶段的充放电波形,如图2(a)所示;
(3)标记每个时间段的t值;
(4)做一个闪烁效果,突出充放电的时间间隔。可以新建几个图层,根据波形绘制匹配的红色波形,从而形成一个帧对象,在后面的帧中插入一个空白帧,然后将红色波形的帧复制到空白帧后面,从而完成部分波形闪烁效果;
(5)用同样的方法制作每个波段的闪烁效果;
(6)完成波形图后,开始制作电路充放电原理图。画出相应的电路图,如图2 (b)所示;
(7)在相应的电路中,电流流向用红线表示。
3.1.4闪存高级设计
Flash有一个特殊的层——面向运动的层。面向运动的层允许绘制路径,沿着该路径,内插的实体、集合或块可以动态地改变。可以将多个层链接到同一个运动导向层,以便多个对象可以沿着同一路径移动。使用运动引导层,可以制作沿特定路线移动的动画。
交互图像在制作精彩的Flash动画中是必不可少的,可以让学习者参与其中。通过使用键盘和/或鼠标,学员可以跳转到图像的不同部分、移动对象、输入表格信息或执行其他交互式操作。互动视频是通过设置动作来实现的。所谓动作,就是在特定事件发生时要执行的一组指令。所谓能触发一个动作的事件,就是当一个图像播放到某一帧,或者用户点击了一个按钮,或者按下了键盘上的一些键,这些都叫做事件。使用动作需要一些编程经验。通过动作,你可以制作一个停止播放的动画效果。在按钮上添加一个actions命令,比如控制信号的动画,可以在信号流经一个组件时停止动画,让学习者可以随时在动画和文字解释之间灵活切换。
3.2 Flash动画输出
使用Flash制作网络课件动画时,经常需要用到一些其他文件。如果要在浏览器中打开Flash图像,必须先打开一个HTML文档,然后启动Flash Player并播放图像。除了这个HTML文档,还可以创建Flash图像的GIF动画版,JPEG或GIF图像,这样在没有安装Flash Player的情况下也可以显示。
Flash图像的主要文件格式是。主权财富基金。这是唯一支持Flash交互功能的文件格式。Flash图片有几种播放方式:1,用Flash Player在Netscape和Internet Explorer浏览器上播放。2.用Flash Xtra在Director和Authorware上播放。3.在装有Flash Active X控制器的Microsoft Office和装有Active X的其他主机上玩游戏..4.作为QuickTime图像的一部分播放。5.把它做成一个叫投影仪的独立播放器来播放。
。swf是一个开放标准,可以被其他程序支持。除了swf格式,图像和静止图像可以从Flash中以各种格式输出,包括GIF、JPEG、PNG、BMP、QuickTime或AVI。