收藏 分享(赏)

Flash影像是专为网络而创建的互动的二维矢量图形和动画new.doc

上传人:dreamzhangning 文档编号:2240738 上传时间:2018-09-07 格式:DOC 页数:6 大小:39.50KB
下载 相关 举报
Flash影像是专为网络而创建的互动的二维矢量图形和动画new.doc_第1页
第1页 / 共6页
Flash影像是专为网络而创建的互动的二维矢量图形和动画new.doc_第2页
第2页 / 共6页
Flash影像是专为网络而创建的互动的二维矢量图形和动画new.doc_第3页
第3页 / 共6页
Flash影像是专为网络而创建的互动的二维矢量图形和动画new.doc_第4页
第4页 / 共6页
Flash影像是专为网络而创建的互动的二维矢量图形和动画new.doc_第5页
第5页 / 共6页
点击查看更多>>
资源描述

1、Flash 影像是专为网络而创建的互动的二维矢量图形和动画。网络设计者可以使用 Flash创建导航控制栏、动态标志、带有同步音频的动画、甚至完整的视觉丰富的网站。由于Flash 影像属于紧凑的矢量图形,所以下载迅速,并且能够缩放,满足浏览者的屏幕尺寸。在使用 Flash 进行创作的时候,可以通过自己绘制或者输入作品来创建影像,在场景(场景就是用来将各个独立的帧合成到影像中,直接进行绘画,或者对输入作品进行安排的地方)上对其进行安排,利用时间轴进行动态控制。和电影一样,Flash 影像也根据时间的长短分成若干帧。还可以通过令其对事件做出反应而产生互动,或按照指定方法变化。在影像完成之后,可以将其

2、作为 Flash 影像输出,或嵌入 HTML 网页中,将影像连同网页一起上传到网络服务器上。 3.1.2 Flash 时间轴、帧和图层 时间轴用来组织和控制影像不同时间不同图层和帧的内容。时间轴最重要的成分是帧、图层和播放头。时间轴窗口是进行动画播放速度调整和将作品放置到不同图层的地方,时间轴显示影像中的每一帧。 动画的创建是通过改变后续帧的内容来实现的。可以制作一个横跨场景的移动的对象,增加或减小对象大小,旋转,改变颜色,淡入淡出,或者改变形状等。所有的变化都可以单独发生也可以同其他变化一起发生。 在 Flash 影像中每个场景都包含有多少不等的图层。在制作动画的时候,图层的作用主要是组织序

3、列动画的各个部分,分离动画对象,使其相互之间不致发生擦涂、连接、或者分割。如果希望 Flash 每次内插移动多个集合或符号,则每个集合或符号都必须处在单独的图层里。我们就是利用图层的特殊作用,制作了“电视机画中画”的演示动画:背景图层是一幅静态的电视机图像,而第二个图层中则包含有独立的动画对象,制作出在电视机四个角移动的“画中画” 效果。下面举一例说明如何使用时间轴、帧和图层来制作动画。 逐行倒相对相位失真的互补动画的制作步骤: (1) 作坐标轴,在不同层上画出代表 n 行信号的矢量 Fn、 (n+1 )行信号的矢量Fn+1(用蓝色线段表示) ,标上角度,如图1(a)中只有 Fn、Fn+1矢量

4、的情况; (2) 选取矢量 Fn,选择插入转化为符号图形,将其转化成图形;同样转化 Fn+1成图形; (3) 在矢量 Fn 所在帧后插入一关键帧,可以看到插入后实际上是复制了前面的帧,在这里用于表示有相移 n 行矢量 Fn,将 Fn旋转一定的角度; (4) 双击前面的帧,弹出帧属性面板,在“过渡效果”中选择“运动”,拉开两帧相隔的距离,这时可以看到中间有一条蓝色的实线。用鼠标拖动时间线,看到相隔的距离越大,旋转的速度越慢,可以根据要求调整。同样制作 Fn+1顺时针偏移成有相移的(n+1)行矢量Fn+1,如图1(b); (5) 新建一层,Fn+1 为开始帧,按步骤3-4作出 Fn+1倒相过程,生

5、成 Fn+1倒相回来的矢量 Fn+1,如图1(b)中 Fn、Fn+1 、Fn、Fn+1、Fn+1的情况; (6) 然后将 Fn与 Fn+1复制到新建层中,按合成法则画出 Fn与 Fn+1的合成矢量 F 合,如图1(b); (7) 最后,错开各阶段动画时间。 3.1.3 Flash 序列动画 Flash 中制作序列动画的方法有两种:一帧接一帧连续变化的逐帧变化动画和内插动画。在逐帧变化动画中要制作每一帧的图像;在内插动画中,只需制作开始和结束帧的图像,中间过渡帧由 Flash 自动创建。逐帧变化动画对文件尺寸的增加远超过内插动画,因此我们较常使用内插动画。 内插动画对于创作运动和变形是一种非常有

6、效的方法,同时又保持文件尺寸最小。不象逐帧变化动画那样,对于内插动画,Flash 只需保存引起帧发生变化的值, 而不是整个帧。Flash 可以制作两种类型的内插动画。第一种, 称之为运动内插(motion tweening), 这种动画是先在一点定义实体、集合或者文本块的属性,如位置、大小、旋转,然后在另一点改变这些属性。第二种,称之为变形内插(shape tweening),先在一点绘制一个图形,然后在另一点改变这个图形或者绘制另外一个图形,Flash 会在中间的帧中赋予新的值或者图形,由此创作出动画。在电课件中,许多演示电流、信号流向的动画就是根据这两种内插动画制作的。下面举例说明。 行输

7、出电路充放电过程动画的制作: (1) 在 Flash 中画好波形坐标轴; (2) 用绿色线条分别画出不同阶段的充放电波形图,如图2(a)所示; (3) 标上各时间段的 t 值; (4) 制作闪烁效果来突出充放电的时间间隔,可以新建数层,按波形画上相吻合的红色波形,这样就形成一帧对象,在后一帧插入空白帧,然后复制有红色波形的那一帧,在空白帧后面拷贝该帧,至此就完成了一部分的波形闪烁效果; (5) 同理制作各波段的闪烁效果; (6) 在完成波形图后,开始制作电路充放电示意图。画好各对应的电路图,如图2(b); (7) 在相应的电路中,用红色线条表示电流流向。 3.1.4 Flash 高级设计 Fl

8、ash 有一个特殊的图层运动导向层。运动导向层允许绘制路径,内插实体、集合或字块沿着这个路径进行动态变化。可以将多个图层链向同一个运动导向层,让多个对象沿同一路径运动。利用运动导向层,可以制作出沿着特定路线运动的动画。 互动影像在制作精彩的 Flash 动画时必不可少,它可以令学习者参与其中。通过使用键盘、鼠标,或者两者兼用,学习者可以跳到影像的不同部分,移动对象,输入表格信息,或者执行其它互动操作。互动影像是通过设置 actions 来实现的。所谓的 action 就是一套在特定事件发生时执行的指令。所谓能够触发 action 的事件就是当影像播放到了某一帧,或者当用户点击了按钮,或者按动键

9、盘上某些键的行为,这些都称之为事件(event) 。运用actions 需要有一些编程经验。通过 actions,可以制作出随停随放的动画效果。在按钮中加如控制信号动画播放的 actions 指令,在信号流经某一元件时可以停止动画的播放,使学习者能够随时在动画和文字讲解之间灵活切换。 3.2 Flash 动画的输出 当使用 Flash 制作网络课件动画时,往往还需要一些其他的文件。如果要想在浏览器中打开 Flash 影像,必须要先打开一个 HTML 文档,而这个文档反过来启动 Flash Player 并播放影像。除了这个 HTML 文档外,还可以创建一个 Flash 影像的 GIF 动画版本

10、,JPEG 或GIF 图像,以便没有安装 Flash Player 时显示。 Flash 影像的主要文件格式是.swf 。这是唯一支持 Flash 交互功能的文件格式。播放 Flash影像有以下几种方法:1、在装有 Flash Player 的 Netscape 和 Internet Explorer 浏览器上播放。2、在带有 Flash Xtra 的 Director 和 Authorware 上播放。3、在装有 Flash Active X 控制器的 Microsoft Office 和其他带有 Active X 的主机上播放。 4、作为 QuickTime 影像的一部分播放。5、制作成被

11、叫做放映机的独立的播放程序来播放。 .swf 是一种开放式的标准,可以被其他程序支持。除了 swf 格式外,还可以以各种不同格式由 Flash 输出影像和静止图像,包括 GIF,JPEG,PNG,BMP,QuickTime 或 AVI。 4、把各种技术融合到网络多媒体课件动画制作中 4.1 PhotoShop 图像处理 利用 Flash 的绘画功能,可以方便的制作电路图和画出信号流向。但是,由于 Flash 软件中,层没有叠加模式,很难将如三基色原理的相加混色之类的过程表示清楚。而图像处理软件 PhotoShop 就能解决这个问题。 hotoShop 是专业级的图像处理软件,能够绘制图形,优化

12、图片。但是 PhotoShop 不能做出连续动画效果,所以我们决定将相加混色过程用 PhotoShop 做成几幅关键帧图像,再导入 Flash 中,合成比较连续的动画。 例如在制作“红光加绿光” 的相加混色动画时,便是运用了 PhotoShop 图像处理和 Flash 的动画制作。其具体步骤是: (1) 打开 PhotoShop,在两层各画一个互不相交的圆,分别填充为红和绿色,如图3(a);(2) 将上面一层的模式改为屏幕模式; (3) 缩短两个圆的距离(为使动画连续,可做多几个关键帧) ,存盘; (4) 如图3(b)所示,两圆相交时,由于两层的叠加模式为屏幕模式,故能产生相加混色效果。继续缩

13、短两个圆的距离,做多几个关键帧,依次存盘; (5) 打开 Flash,导入刚才存盘的图片; (6) 做一个按钮来控制动画,可选择:插入符号按钮; (7) 回到场景,另开一层,将按钮拖曳到合适位置,单击右键,设置按钮属性,在动作属性中选择 goto,目标帧设为两色光叠加的开始帧;同时在两色光叠加的结束帧添加 stop动作; (8) 同理,分别制作“红光加蓝光”、 “蓝光加绿光”的混色过程,注意将各叠加过程的帧位置错开,以便分别呈现混色过程。 4.2 Adobe Premiere 视频编辑软件 Adobe Premiere 是一个功能强大的非线性视、音频编辑系统,Adobe Premiere 支持

14、多种格式的文件。对于视频动画文件,它支持.avi、.mov、.film 和.flc、.fli ,并且支持.tga 和.gif等文件。对于静止图象,它支持.psd 、.bmp、.pic 、.tif 等格式。对于音频文件,它支持.wav 和.aif 等格式,因此可以和许多也支持这些格式的软件配合使用。 Adobe Premiere 软件在视、音频处理卡的支持下,具有如下功能:对来自视、音频设备输出的动态模拟信号进行数字化处理,视、音频媒体的非线性编辑,可以配音或叠加文字和图像,对剪辑实现特技效果处理以及完成视频压缩等。 Adobe Premiere 提供各种精确的视频编辑工具,能产生广播级的视频文

15、件。在制作网络多媒体课件时,我们经常要运用一些视频来演示教学内容,或者将一些静止图象制作成连续活动的动画。这时虽然也可以用 Flash 来制作,但制作过程复杂,要花费很长的时间,而且制作出来的动画效果并不流畅。用 Adobe Premiere 能够把庞大的视频文件截取若干帧图象,再用 Flash 处理,得到令人满意的动画效果。 Adobe Premiere 的视频处理功能非常强大。在制作电课件时,我们需要使用一些视频素材,但是现有的视频素材很大,如果插入到网页中,受网络传输速度的影响,载入时间很长,故不适合网络多媒体课件。这时,用 Adobe Premiere 对视频进行处理,去除多余的帧,提

16、供压缩比率,在不影响教学要求下,能够大大减少视频文件的大小,使之适合网页制作。 Adobe Premiere 的截图功能为我们制作电课件提供了更多的原始素材。在制作“ 电视机扫描”动画时,就是用 Adobe Premiere 截取视频相隔几帧的图像,再用 Flash 进行帧动画处理。 4.3 扫描仪和数码相机 制作电课件时,我们使用了大量的素材。这些素材有些是用 Flash、PhotoShop 等绘制出来的,比如电路图、方框图。但是,有时候我们要用到实物的图片或者较为复杂的图像,就不能用人工绘制了,而且花费时间。扫描仪和数码相机能为我们很方便的提供这些素材。如,在制作摄像管工作原理时,我们需要

17、用一个动画说明摄像管的工作原理,而摄像管的结构图很复杂,不容易绘制。我们就用扫描仪将现成的图片扫描进电脑,再用Flash 做成动画来表示电子束和电流的流向。而在制作“画中画”动画时所用的电视机画面也是用数码相机拍摄后,再用 Flash 处理的。 因此,在制作课件时要充分利用现有的技术和设备,提高工作效率。尤其是在收集素材方面,能够方便地得到大量逼真的素材,使制作的课件更具说服力和表现力。 5、结束语 不管采用何种工具开发网络多媒体课件动画,都必须以最形象,最直接和最准确的方式展示教学内容。在制作时,制作者首先要对用动画展示的教学内容有深刻的理解,对动画的演示过程有清晰的思路。设计动画流程时,要选择合适的软件工具,尤其要注意多种软件工具的综合利用,取长补短。这样,才能够制作出生动的教学演示动画,充分发挥网络多媒体课件的优势,提高教学效果。 参考文献: 1 杜兴 Flash 4.0动画网页大制作 中国石化出版社 1999年 2 温谦 温颜 Flash 4.0实例教程 电子工业出版社 2000年 3 桑新民 张倩苇 步入信息时代的学习理论与实践 中央广播电视大学出版社 2000年 4 李林和 电视机原理与技术 西安电子科技大学出版社 1994年 声音的话你先得把声音导入到库里,然后再添加 其实在“帮助”窗口里面有教你怎么做的

展开阅读全文
相关资源
猜你喜欢
相关搜索

当前位置:首页 > 高等教育 > 大学课件

本站链接:文库   一言   我酷   合作


客服QQ:2549714901微博号:道客多多官方知乎号:道客多多

经营许可证编号: 粤ICP备2021046453号世界地图

道客多多©版权所有2020-2025营业执照举报