图形图像动画课件.ppt

《图形图像动画课件.ppt》由会员分享，可在线阅读，更多相关《图形图像动画课件.ppt（74页珍藏版）》请在三一办公上搜索。

1、现代教育技术中心,第八章 多媒体技术基础,学时:理论教学2学时(8.1、8.2、8.3讲1学时，8.4讲1学时)内容：基本知识 多媒体概念、类型、特点、关键技术、多媒体计算机系统 硬件系统 接口卡，信息获取设备 软件系统 素材制作、创作合成、制作流程 数字化表示和压缩 声音、图像的采样和量化，压缩概念 Flash制作 基本操作（逐帧、过渡、引导层、遮罩层、Alpha通道、声音）难点：基本知识重点：数字化表示、Flash制作,现代教育技术中心,第八章 多媒体技术基础,8.1 多媒体技术的基本概念8.2 多媒体计算机系统8.3 多媒体信息的数字化和压缩技术 8.4 Flash 动画制作,现代教育技

2、术中心,8.1 多媒体技术的基本概念,8.1.1 多媒体8.1.2 多媒体分类8.1.3 多媒体技术的特点8.1.4 多媒体信息处理的关键技术,目录,现代教育技术中心,8.1.1 多媒体,媒体存储信息的物理实体，如磁盘、光盘等信息的表现形式或载体,如文字、图形、图像、动画、声音等,多媒体融合两种或两种以上媒体的一种人-机交互式信息交流和传播媒体，使用的媒体包括文字、图形、图像、声音、动画和电视图像。多媒体技术 是一种基于计算机的综合技术，包括数字化信息的处理技术、音频和视频技术、计算机硬件和软件技术、人工智能和模式识别技术、通信和图像技术等，是一门跨学科的综合技术。,返回,现代教育技术中心,8

3、.1.2 多媒体分类,通常，人们将文本、音频、视频、图形、图像、动画的综合体笼统称为“多媒体”。由此可见，多媒体信息包括以下5种：,文字,图形,图像,动画,音频,视频,返回,现代教育技术中心,各类文字和符号,文字和符号,多媒体,多媒体,多媒体,多媒体概述,现代教育技术中心,通过计算而描述的矢量图形,文字,图形,矢量图形对象,现代教育技术中心,用像素点描述的自然影像,文字,图形,图像,位图图像对象,现代教育技术中心,单画面矢量动画和多画面帧动画,文字,图形,图像,动画,多画面帧动画,单画面矢量动画,FRAME 01 FRAME 02 FRAME 03 FRAME 04 FRAME 05 FRAM

4、E 06 FRAME 07,动画对象,现代教育技术中心,音频数字信号、压缩音频信号,文字,图形,图像,动画,音频,midi音频 wav音频 mp3压缩音频,音频对象,现代教育技术中心,视频数字信号AVI、压缩视频信号MPG,文字,图形,图像,动画,音频,视频,音频+视频Audio Vedio Information,视频对象,END,现代教育技术中心,8.1.3 多媒体技术的特点(1)集成性 两个方面:信息媒体的集成，即将各种不同的媒体信息有机地同步，集成为一个完整、协调的多媒体信息；是各种不同的显示或表现媒体设备的集成。(2)交互性 多媒体计算机除了可以播放各种媒体信息外，还可以与使用者进行

5、信息交换。(3)实时性 声音和活动视频图像的实时同步处理，使声音和图像在播放时不出现停滞。,返回,现代教育技术中心,8.1.4 多媒体信息处理的关键技术,1.多媒体数据压缩技术 节省存储空间，提高通信介质的传输效率，使计算机实时处理和播放视频、音频信息成为可能。2.多媒体数据存储技术 数字化数据存储的介质有：硬盘、光盘和磁带等。3.集成电路制作技术 多媒体处理涉及大量计算,软件通过硬件实现,提高处理速度.4.多媒体数据库技术 研究多媒体信息的特征、建立多媒体数据模型；有效地组织和管理多媒体信息；多媒体信息的检索和统计。,现代教育技术中心,5.虚拟现实技术利用计算机生成一种模拟环境，通过多种传感

6、设备，使人能够沉浸在计算机生成的虚拟境界中，并能够通过语言、手势等自然的方式与之进行实时交互，创建了一种适人化的多维信息空间。6.多媒体网络与通信技术多媒体通信技术支持是保证多媒体通信实施的条件。,返回,现代教育技术中心,8.2 多媒体计算机系统,多媒体系统:具有强大的数据处理能力和数字化媒体设备整合能力，能综合处理多种媒体信息，并提供多媒体信息的输入、编辑、存储和播放等功能,8.2.1 多媒体计算机硬件系统8.2.2 多媒体计算机软件系统8.2.3 多媒体应用系统的设计流程,目录,现代教育技术中心,8.2.1 多媒体计算机硬件系统,现代教育技术中心,1.多媒体接口卡（1）声卡作用：实现模/数

7、、数/模（A/D、D/A）的转换基本功能：录制与播放声音文件。编辑与合成音乐文件。MIDI音乐的合成。性能指标：采样频率、采样的位数。,现代教育技术中心,（2）显卡 显示器适配卡，连接主机与显示器的接口卡 作用：主机的输出信息转换成字符、图形和颜色等信息 显示主芯片（GPU）：图像运算和内部控制工作 显示缓存：储存显示芯片涉及的数据 数字模拟转换器（RAMDAC）:数模转换,现代教育技术中心,输出接口（见图8.2.5）要有：VGA 视频图形阵列接口 作用：是将转换好的模拟信号输出到CRT或者LCD显示器中。DVI 数字视频接口，无需转换 DVI-D接口：只能输出数字信号。DVI-I接口：它可输

8、出模拟或数字信号。HDMI 高清晰多媒体接口 作用：将多媒体数字信息输出到液晶电视机或数字投影仪。,现代教育技术中心,（3）视频卡,作用：支持视频信号的输入和输出，实现对语音和活动图像的采集、量化成数字信号，然后压缩编码成可供编辑处理的视频数据文件。主要是视频采集卡：模拟信号采集 数字信号采集卡（DV卡或1394卡）,现代教育技术中心,2.信息获取设备,（1）数码相机 主要指标：分辨率，以万像素 表示（2）数码摄像机 动态图像，通过1394接口（3）摄像头 视频输入设备,返回,现代教育技术中心,.2.2 多媒体计算机软件系统,1.多媒体操作系统 多媒体数据和多媒体设备的管理和控制功能2.多媒体

9、驱动程序 完成设备的初始化，控制各种设备操作 3.多媒体素材制作软件 图像、图形、动画和声音等素材的制作,现代教育技术中心,常用多媒体素材制作软件,现代教育技术中心,4.多媒体创作软件,作用：多媒体素材有机地结合成一个完整的的多媒体产 品，应还具有操作界面的生成、能交互控制、数 据管理等功能。（1）编程语言灵活多变且功能强大，增加开发难度 VB等（2）多媒体创作工具,返回,现代教育技术中心,8.2.3 多媒体应用系统的设计流程,返回,现代教育技术中心,8.3 多媒体信息的数字化和压缩技术,8.3.1 音频信息8.3.2 数字图像及处理8.3.3 视频8.3.4 数据压缩技术,目录,现代教育技术

10、中心,8.3.1 音频信息 1.基本概念,复杂的声波由许许多具有不同振幅和频率的正弦波组成。周期T:重复出现的时间间隔;振幅A:波形相对基线的最大位移,表示音量的大小;频率f:信号每秒钟变化的次数,即1/T 以赫兹(Hz)为单位。,现代教育技术中心,声音按频率分类 正常人所能听到的声音频率范围为20 Hz20 kHz。声音质量的频率范围:CD 如随身听 FM:调频 AM:调幅,把调制信号从低频搬移到了高频，以便利用电离层传播,调频声音的高低变为频率的变化的电信号,调幅就是用声音的高低变为幅度的变化的电信号.,现代教育技术中心,2.模拟音频的数字化,用计算机对音频信息处理，就要将模拟信号（如语音

11、、音乐等）转换成维数字信号。,采样 每隔一定时间间隔对模拟 波形上取一个幅度值。量化 将每个采样点得到的幅度值 以数字存储。编码 将采样和量化后的数字数据 以一定的格式记录下来,现代教育技术中心,3.数字音频的技术指标,采样频率、量化位数和声道数采样频率：每秒钟的采样次数量化位数(采样精度)：存放采样点振幅值的二进制位数。通常 量化位数有8位、16位，分别表示有28、216个等级。声道数：声音通道的个数，立体声 为双声道。每秒钟存储声音容量的公式为：采样频率采样精度声道数/8=字节数例如，用44.10 kHz的采样频率，16位的精度存储，则录制1秒钟的立体声节目，其WAV文件所需的存储量为：4

12、4 100162/8=176 400（字节）,现代教育技术中心,采样频率和量化参数比较,现代教育技术中心,4.数字音频的文件格式,Wave格式文件（.Wav）记录了真实声音的二进制采样数据，通常文件较大。MIDI格式文件（.MID）数字音乐的国际标准.记录的是音符数字，文件小。MPEG音频文件（.MP1/.MP2/.MP3）采用MPEG音频压缩标准进行压缩的文件。RA格式文件（.ra）RA（Real Audio）是Real Network公司制定的音频压缩规 范，有较高的压缩比，采用流媒体的方式在网上实时播放。,现代教育技术中心,5.声音的录制与播放,“录音机”是用于声音文件的录制与播放，还可

13、以对声音进行编辑和特殊效果处理。录制声音 编辑声音删除声音 当前位置之前或之后插入声音移动声音 删除和插入间接完成,返回,现代教育技术中心,8.3.2 数字图像及处理,1.基本概念 图形和图像 图形：由点、线等组成的有边界画面，文件中存放描述图形的指令。图像：由图像设备输入的无边界画面，数字化后以位图形式存储。图形与图像的数字化 分辨率（行、列）和颜色深度 真彩色每个像素点占3个字节，224=16777216 种颜色。计算存储一秒图像公式：列数行数像素的颜色深度/8 帧/秒=字节数 例：12801024分辨率的“真彩色”电视图像，按每秒30帧计算，显示1分钟，则需要：1280102433060

14、 6.6 GB,现代教育技术中心,2.图像的数字化采样 用多少个像素点的“列数行数”表示，分辨率越高，图像越清晰，存储量也越大。量化 量化是在图像离散化后，将表示图像色彩浓淡的连续变化值离化为整数值的过程。把量化时所确定的整数值取值个数称为量化级数,也称为颜色深度.,图像 采样 量化 数字图像,现代教育技术中心,颜色深度黑白图 图像的颜色深度为1，则用一个二进制位1和0表示纯白、纯黑两种情况；灰度图 图像的颜色深度为8，占一个字节，灰度级别为256级。通过调整黑白两色的程度（称颜色灰度）来有效地显示单色图像；RGB 24位真彩色 彩色图像显示时，由红、绿、蓝三基色通过不同的强度混合而成，当强度

15、分成256级（值为0255），占24位，就构成了224=16777216种颜色的“真彩色”图像。,灰度图,彩色图,现代教育技术中心,图像的分辨率和像素位的颜色深度决定了图像文件的大小，计算公式为：列数行数颜色深度8=图像字节数例8.2 当要表示一个分辨率为640480的“24位真彩色”图像，则需要：6404802481MB 由此可见，数字化后的图像数据量十分巨大，必须采用编码技术来压缩信息。它是图像传输与存储的关键。,现代教育技术中心,3.常用图像文件格式,BMP和DIB格式文件 与设备无关的位图格式文件，Windows环境中经常使用.GIF格式文件 Internet上的重要文件格式之一，最大

16、不超过64 KB，256色以内，压缩比较高，与设备无关。JPEG格式文件（.JPG）利用JPEG方法压缩,Internet上重要文件格式之一，适用于处理256色以上、大幅面图像。WMF格式文件 位图与矢量图的混合体,Windows中许多剪贴画图像 是以该格式存储的。广泛应用于桌面出版印刷领域。,现代教育技术中心,4.图像数据的获取,利用图像处理软件和现成的图像库 最常用的是Photoshop,可以绘图,也可以编辑来自网络、CD-ROM光盘上存储的图像库“画图”程序可以获取屏幕界面利用数字化设备获取 数码相机、数字摄象机，将拍摄的自然界景物按数字格式存储通过连接转换转换成计算机中的图像和影象文件

17、。扫描仪将照片、艺术作品转换成数字图像文件。,返回,现代教育技术中心,8.3.3 视频,视频是将一幅幅独立图像组成的序列按照一定的速率连续播放，利用视觉暂留现象在人的眼前呈现出连续运动的画面。模拟视频常用两种标准：NTSC制式(30帧/秒，525行/帧)PAL制式（25帧/秒，625行/帧），我国采用PAL制式。,例1分钟的数字视频容量640480 3 30 60=1 658 880 000字节,分辨率,帧/秒,采样深度,时间,现代教育技术中心,常用视频文件格式,AVI（Audio-Video Interleaved）文件将视频与音频信息交错地保存在一个文件中，较好地解决了音频与视频的同步问题

18、，已成为Windows视频标准格式文件。MOV文件利用它可以合成视频、音频、动画、静止图像等多种素材。MPG(.mpg)文件是按照MPEG标准压缩的全屏视频的标准文件。DAT文件是VCD专用的格式文件，文件结构与MPG文件格式基本相同。,现代教育技术中心,流媒体概述,流媒体一种可以使音频、视频等多媒体文件能在Internet上以实时的、无需下载等待的流式传输方式进行播放的技术,应用 互联网直播 视频点播 远程教育 视频会议系统,现代教育技术中心,常用流媒体文件,RealMedia(RealNetworks)RA（RealAudio）用来传输接近CD音质的音频数据RM（RealVideo）在低速

19、率的网络上实时传输活动视频影像RF（RealFlash）一种高压缩比的动画格式QuickTime(Apple)是数字媒体领域事实上的工业标准，是创建3D动画、实时效果、虚拟现实、A/V和其他数字流媒体的重要基础。ASF与WMA(Microsoft)ASF是一种数据格式，音频、视频、图像以及控制命令脚本等多媒体信息通过这种格式，以网络数据包的形式传输，实现流式多媒体内容发布。WMV是微软公司推出的与MP3格式齐名的一种音频格式，是用于高清晰度映像的编解码器。Micromedia flash,返回,现代教育技术中心,8.3.4 数据压缩技术,数字化了的视频和音频信号的数量之大是非常惊人的。带来的问

20、题 占用存储容量 降低通信干线的信道传输率 影响计算机的处理速度和播放效果问题的解决：数据压缩数据压缩：一般可以分为有损压缩和无损压缩两种。,现代教育技术中心,数据压缩技术的性能指标 压缩比:即压缩前后所需的信息存储之比要大；恢复效果:即要尽可能恢复到原始数据 速度:即压缩、解压缩的速度 开销:实现压缩的软、硬件开销要小,现代教育技术中心,无损压缩（解压缩后信息不失真，可逆）这类算法主要特点是压缩比较低，为2:15:1，一般用来压缩文本数据或计算机绘制的图像（色彩不丰富）。典型的编码：行程编码：对连续出现的符号用一个计数值来表示，能确保解压后的数据不失真。例用于文字压缩:AAAAABBBBCC

21、DDDDDD 5A4B2C6D Huffman编码 编码思想：出现频率较高的符号采用短码字，出现频率较低的符号采用较长的码字，以达到缩短平均码长来实现数据的压缩。,现代教育技术中心,2.有损压缩 有损压缩方法是以牺牲某些信息（这部分信息基本不影响对原始数据的理解）为代价，换取了较高的压缩比。广泛用于语音、图像和视频数据的压缩。,3.数据压缩的国际标准 JPEG标准 适用于连续色调和多级灰度的静态图像 MPEG标准 适用于运动图像、音频信息。包括MPEG视频、MPEG音频、MPEG系统（视频和音频的同步）。MPEG已制定了MPEG-1、MPEG-2、MPEG-4、MPEG-7、MPEG-21等四

22、种。MPEG-1：有限带宽传输设计，用于VCD压缩，数据传输率为11.5 Mbps MPEG-2：高带宽传输设计,现代教育技术中心,返回,现代教育技术中心,8.4 Flash动画制作,1.Flash 概述2.Flash 8 工作界面3.Flash 基本术语4.Flash 基本操作 5.动画制作6.发布与输出,目录,现代教育技术中心,Flash 概述,Flash 是美国Macromedia公司推出的一款非常优秀的基于矢量图形的交互式动画设计软件。它可以将音乐、声效、动画以及富有新意的界面等多媒体元素融合在一起，制作出高品质的动画效果。它可应用在网页设计、MTV、电子贺卡、广告制作、游戏制作以及课

23、件制作。,现代教育技术中心,Flash 8 工作界面,现代教育技术中心,Flash基本术语,时间轴 帧 图层 场景 元件、实例 对象,现代教育技术中心,时间轴,时间轴位于主工具栏的下面，是用来进行动画创作和编辑的主要工具，分为两大部分：层控制区和时间轴控制区，如图所示。,现代教育技术中心,帧（Frame）构成Flash动画的基本组成元素,几种类型:,现代教育技术中心,图层(Layer),图层就像透明的胶片，每个图层上所绘制的对象按一定的顺序重叠在一起，形成复杂的动画。每个每个图层都有各自的时间轴。在Flash MX中图层分为普通层、遮罩层、运动引导层。,现代教育技术中心,场景面板,场景（Sce

24、ne）场景如同拍电影的不同场所，一个影片可以有一个也可以有多个场景，每个场景是Flash作品中相对独立的一段动画内容.,现代教育技术中心,元件、实例,元件：存放在库中可反复取出使用动画元素实例：将元件从库中拖到舞台上就形成了这个元件的一个实例.一个元件可以产生多个实例，当元件更新后，舞台上的所有实例全部更新，但修改实例的属性对元件没有丝毫影响。说明：为了方便，在场景中引入的实例也简称为元件。,现代教育技术中心,图 示,现代教育技术中心,对象（Object）Falsh中的动画都是由对象组成的，对象可以分为:形状 通过绘图工具绘制产生的如园、矩形等形状；对象被选中，以网点所覆盖，对象不是整体，各部

25、分的形状、大小都可以改变。组 将形状通过“修改|组合”命令转换成为组对象，对象是个整体，只能改变组对象的大小、角度等操作。组对象通过“修改|分离”命令打散转变为形状对象。元件 通过“插入”菜单的“|新建元件”或“转换为元件”命令创建的元件，在场景中引用，其实质也是组。文本 通过工具箱的“文本工具”产生。,现代教育技术中心,基本操作,1.设置场景属性 场景大小、背景、分辨率及帧的播放速度“修改|文档”命令打开其对话框 2.绘制线条、椭圆或矩形 直线工具：铅笔工具：任意形状；光滑：在铅笔模式中进行“平滑”选择 钢笔工具：精确的路径和各种复杂的图形,现代教育技术中心,3.选定对象：用于选取矢量线：选

26、线或填空；也可以改变线形状 4.对象的变形和混色器“修改|变形”：“窗口|混色器”，混色器面板设置颜色 5.文字输入与处理：“属性”面板先设置字体、字号、颜色等，再输入字“Ctrl+B”矢量图分离成图形；“Ctrl+G”相反作用,现代教育技术中心,6.元件与场景 创建元件“插入|新建元件”“插入|转换为元件”将场景中的对象转换为元件使用元件在场景中的“窗口|库”，将元件拖到场景，实例化,现代教育技术中心,动画制作,1.逐帧动画 2.过渡动画 3.遮罩层动画 4.引导层动画 5.Alpha通道应用 6.添加声音,现代教育技术中心,逐帧动画,逐帧动画:每一帧的画面都需要自己制作。逐帧动画的体积一般

27、比较大。例8.10：显示数字计数器，在显示数字5这帧时停留时间长些。设计思想：(1)在时间轴第1帧输入数字1，其它帧插入关键帧，将数字改变，在数字5后的帧间隔长一些；(2)“修改|文档”将帧的播放速度由默认12改为4，使显示速度慢一些。例：制作文字滚动的动画文字 在关键帧依次增加文字,现代教育技术中心,过渡动画,过渡动画:可以做出位移、旋转、缩放、颜色改变等动画效果。制作方法:改变两个关键帧的位置、形状、颜色和大小等属性来完成。也可通过几个层之间动画的叠加来实现。实现过渡动画:通过“补间”来实现两个关键帧之间的动画变化；有两种“补间”：“动作补间”：关键帧是矢量图（组、元件）；“动画补间”：关

28、键帧是分离的图形。,现代教育技术中心,例8.11“形状补间”，使用改变帧形状的方法制作由圆形变为方形、三角形的动画。例8.12“动画补间”利用两个图层实现两个球碰撞的效果。设计思想：利用元件、两个图层的时间轴实现两球碰撞的模拟；场景中的网格便于定位，通过“查看|网格|显示网格”来设置。,现代教育技术中心,引导层动画,引导层动画:使运动的对象沿着特定的路径运动，运动的对象可以是实例、组合及文本块，而引导层中的路径必须是矢量图形。例8.13 利用引导层使对象沿指定曲线运动的动画。设计思想：“插入|新建元件”建立一个元件，作为运动对象；在图层1不同帧引用元件；添加运动层，用铅笔画一条光滑运动轨迹；在

29、图层1对象定位在运动曲线上，作”动作补间”。,现代教育技术中心,遮罩层动画,遮罩层动画:遮罩层的内容就好比一个洞，透过这个洞，我们可以看到下面的层。遮罩层的对象可以是填充的形状、文字和实例。例8.14 制作探照灯效果的动画。设计思想：利用遮罩层运动的圆遮罩下面的文字，形成探照灯的效果。例8.16 使用图层的遮罩技术滚动显示彩色文字，文字颜色使用一幅图片来填充。设计思想：在图层1有运动的图片；在图层2有所需的文字，设置为遮罩层。,现代教育技术中心,Alpha通道应用,Alpha通道:是指元件对象颜色的透明度，应用在对象由近到远逐渐变淡的过程。例8.15 通过改变文本的位置、颜色和大小的方法制作逐

30、渐消失的文字。注 意:使用Alpha通道属性的对象必须是元件或组，不能是分散的图形。,现代教育技术中心,声音的导入与使用,声音在动画中占有相当重要的地位，它在整个动画过程中起着画龙点睛的作用。一个精彩的的动画，配以合适的背景音乐，将会使作品生动起来，变得更加精彩。添加声音过程 1.导入声音 2.在场景中加入使用声音 3.声音属性设置（音效、播放）,现代教育技术中心,1.导入声音,使用“文件”“导入”命令;选择.wav或.mp3格式的文件，将其导入到库中;如果想获得较好的音效，可导入22kHz、16位立体声格式的声音文件；如果为了提高动画文件的传输速度，则应导入8kHz、8位单声道格式的声音文件

31、。,现代教育技术中心,2.在场景中加入声音,库面板中将声音文件拖到关键帧上,3.声音属性设置,效果：有淡入淡出等.同步方式四种：事件：某个动作触发；播放前必须下载完才播放;动画停止，声音也要播完;可能会同时听到多个声音 开始：与事件相似；区别是要播完原来的；不会同时听到多个声音 停止：立即停止播放当前帧的声音;数据流：边下载边播放；动画停止，声音停止。,现代教育技术中心,发布与输出,制作完动画之后，可以把生成的动画导出为后缀名为.swf的动画播放文件，也可以把它发布为影片，生成网页浏览器支持的HTML、GIF、JPEG文件。当动画导出为影片或者是完成HTML文档的创建后，就可以上载给有MIME类型文件、能识别Flash影片的浏览器，任何带有Flash播放器（Shockwave Flash Player）的浏览器都可以播放它。,现代教育技术中心,发布的过程为：发布设置 选择“文件|发布设置”命令，指定要发布的文件格式和文件名。每种图形格式都有相应的选项，在选择了一种图形格式发布时Flash会自动嵌入该图形的HTML代码。发布设置完成后可直接单击发布按钮，或关闭对话框后选择“文件|发布”命令。,