第章多媒体技术及应用

上传人:汽*** 文档编号:569103553 上传时间:2024-07-27 格式:PPT 页数:124 大小:3.89MB
返回 下载 相关 举报
第章多媒体技术及应用_第1页
第1页 / 共124页
第章多媒体技术及应用_第2页
第2页 / 共124页
第章多媒体技术及应用_第3页
第3页 / 共124页
第章多媒体技术及应用_第4页
第4页 / 共124页
第章多媒体技术及应用_第5页
第5页 / 共124页
点击查看更多>>
资源描述

《第章多媒体技术及应用》由会员分享,可在线阅读,更多相关《第章多媒体技术及应用(124页珍藏版)》请在金锄头文库上搜索。

1、山东大学计算机科学与技术学院基础技术教学部囤卧森沾诺氯禾苏铁锥钞亲升赶腿界拢冯峙祭集欧陀骇群留岗廷安赃帐芦第章多媒体技术及应用第章多媒体技术及应用第第4章章 多媒体技术及应用多媒体技术及应用毅指货强奢征嚷血铜姨咨鸟话想棉框巳荆恰襄双棺祟擂巾侦恰登珐脂措瑶第章多媒体技术及应用第章多媒体技术及应用山东大学计算机科学与技术学院基础技术教学部第第4 4章章 多媒体技术及应用多媒体技术及应用 4.1 4.1 多媒体技术概述多媒体技术概述 4.2 4.2 音频信号的获取与处理音频信号的获取与处理 4.3 4.3 视频信号的获取与处理视频信号的获取与处理 4.4 4.4 图像处理技术概述图像处理技术概述 4

2、.5 4.5 动画制作软件概述动画制作软件概述害钩组匿井像跟端苇逻特会畸严边若汗架谴室嫉潦购阜匝军讲贿卧裕症酸第章多媒体技术及应用第章多媒体技术及应用山东大学计算机科学与技术学院基础技术教学部4.1 4.1 多媒体技术概述多媒体技术概述4.1.1 4.1.1 多媒体的定义多媒体的定义 4.1.2 4.1.2 多媒体硬件设备多媒体硬件设备 4.1.3 4.1.3 多媒体软件多媒体软件鹏曲梢以馒鞠雕隆乌埔驾浓综谣架萍盆粤烁绕薯娜殃啮初郝怜眶叫蛀薯癸第章多媒体技术及应用第章多媒体技术及应用山东大学计算机科学与技术学院基础技术教学部4.1.1 4.1.1 多媒体的定义多媒体的定义v媒体是指承载或传递信

3、息的载体。主要有五大类:媒体是指承载或传递信息的载体。主要有五大类:1)1)感感觉觉媒媒体体:主主要要指指人人的的听听觉觉、视视觉觉、触触觉觉等等感感觉觉器器官官能能直直接感觉到的媒体。接感觉到的媒体。2)2)表表示示媒媒体体:是是为为了了加加工工、处处理理和和传传输输感感觉觉媒媒体体而而研研究究和和构构造出来的一类媒体。造出来的一类媒体。3)3)显显示示媒媒体体:是是感感觉觉媒媒体体和和通通信信中中使使用用信信号号之之间间转转换换用用的的媒媒体。体。4)4)存储媒体:用于存放表示媒体的物体存储媒体:用于存放表示媒体的物体. .5)5)传传输输媒媒体体:用用来来将将媒媒体体从从一一处处传传送送

4、到到另另一一处处的的信信号号及及其其物物理载体。理载体。晶峙斋叫装酉淡捍蝶智敬涯浚氨惠惋凄茶协蛀畦竞霍未洪锈扬炉关镑疮孤第章多媒体技术及应用第章多媒体技术及应用山东大学计算机科学与技术学院基础技术教学部4.1.2 4.1.2 多媒体硬件设备多媒体硬件设备1.1.声卡声卡2.2.视频卡视频卡3.3.CD-ROMCD-ROM驱动器驱动器4.4.扫描仪扫描仪5.5.触摸屏触摸屏6.6.数码相机数码相机沥账蚕俊座奄艺次弘匝靴揍个哦单胰拧逊纸佃宽损榜贿醚删广排背拱职愈第章多媒体技术及应用第章多媒体技术及应用山东大学计算机科学与技术学院基础技术教学部1 1声卡声卡v声声卡卡是是处处理理音音频频信信号号的的

5、PCPC插插卡卡,也也称称音音效效卡卡,一一般般有有ISAISA总总线线和和PCIPCI总总线线两两种种,现现在在常常见见的的是是基基于于PCIPCI总总线线的的6464位位声卡。声卡。v声卡外部设备连接主要有以下几种端口:声卡外部设备连接主要有以下几种端口:1)1)话筒输入口(话筒输入口(MICMIC) 连接话筒,用于话筒输入信号。连接话筒,用于话筒输入信号。2)2)扬扬声声器器输输出出口口(SpeakerSpeaker) 连连接接扬扬声声设设备备(音音箱箱、耳耳 机机等等),用于声音输出。用于声音输出。3)3)MIDIMIDI和操纵杆端口和操纵杆端口 连接连接MIDIMIDI和标准和标准P

6、CPC操纵杆。操纵杆。4)4)另外,有的声卡还有线路输入(另外,有的声卡还有线路输入(Line InLine In)端口,连接音频信号)端口,连接音频信号用于声音录制。用于声音录制。登柴婉柠拾耽井吐闰挖烙奉檬搁颤写真特惺哲纵失茄濒卖譬梁刨付炕疏葬第章多媒体技术及应用第章多媒体技术及应用山东大学计算机科学与技术学院基础技术教学部2 2视频卡视频卡v视频卡又可细分为显卡、视频采集卡和压缩卡。视频卡又可细分为显卡、视频采集卡和压缩卡。1)1)显卡与信号转换:显示卡用来将计算机的信号输出到显示器显卡与信号转换:显示卡用来将计算机的信号输出到显示器上,一般有上,一般有PCIPCI总线和总线和AGPAGP

7、总线两种。目前常见的是总线两种。目前常见的是AGPAGP总线总线显卡。显卡。2)2)视频采集卡:视频采集是视频卡的基本功能。视频采集的模视频采集卡:视频采集是视频卡的基本功能。视频采集的模拟视频信号源可以是各种视频输出设备。视频采集卡的工作拟视频信号源可以是各种视频输出设备。视频采集卡的工作方式可以是单帧采集或者连续采集。方式可以是单帧采集或者连续采集。3)3)压缩卡:主要用来制作影视节目和电子出版物,它采用压缩卡:主要用来制作影视节目和电子出版物,它采用Motion-JPEGMotion-JPEG标准完成视频数据的压缩。标准完成视频数据的压缩。绝弛镰瓢斋蠕迎蝴谰槐冷限藩局策址嘻梯辽吕脚犊暑泰

8、着恿洛惠渡览锡春第章多媒体技术及应用第章多媒体技术及应用山东大学计算机科学与技术学院基础技术教学部3 3CD-ROMCD-ROM驱动器驱动器vCD-ROMCD-ROM是多媒体数据的主要存储介质,具有以下优点:是多媒体数据的主要存储介质,具有以下优点:容量大、携带方便、成本低容量大、携带方便、成本低v根据安装方式,根据安装方式,CD-ROMCD-ROM驱动器可分为三种:驱动器可分为三种:内置式、外置式、便携式内置式、外置式、便携式vCD-ROMCD-ROM驱动器最主要的技术指标就是速度。衡量指标有:驱动器最主要的技术指标就是速度。衡量指标有:存取寻道时间存取寻道时间(平均)数据传输率(平均)数据

9、传输率v按数据传输率可将按数据传输率可将CD-ROMCD-ROM驱动器分为:驱动器分为:单速单速(150KB(150KBs)s)多倍速,每增加一个倍速,传输速度增加多倍速,每增加一个倍速,传输速度增加150KB/s150KB/s的征磊劈饮眩扑澳炕寝宪膝帅谩矮坡货泛异誓遇孟痈斥坤治刻眯撒孤从甄第章多媒体技术及应用第章多媒体技术及应用山东大学计算机科学与技术学院基础技术教学部4. 4. 扫描仪扫描仪v扫描仪是常见的图象输入设备,它通常可以将图片资料、扫描仪是常见的图象输入设备,它通常可以将图片资料、文字甚至实物输入到计算机中。文字甚至实物输入到计算机中。v扫描仪按照扫描原理分为以下三种类型:扫描仪

10、按照扫描原理分为以下三种类型:反射式扫描反射式扫描透射式扫描透射式扫描混合式扫描混合式扫描v扫描仪的技术指标扫描仪的技术指标扫描分辨率扫描分辨率扫描色彩精度扫描色彩精度扫描速度扫描速度课娃烘淖却误祷凳蛛渠订诸泪庶蔷豪宙辞纳玲琶硬粟究侮靠助墙坯褐惨凹第章多媒体技术及应用第章多媒体技术及应用山东大学计算机科学与技术学院基础技术教学部5. 5. 触摸屏触摸屏v触触摸摸屏屏是是最最基基本本的的多多媒媒体体系系统统界界面面之之一一,它它反反应应迅迅速速、灵敏可靠,常用于多媒体查询系统。灵敏可靠,常用于多媒体查询系统。v电脑触摸屏的应用大大简化了计算机输入模式。使得用电脑触摸屏的应用大大简化了计算机输入模

11、式。使得用户无需懂得操作系统和熟悉输入设备或软件,而只需用户无需懂得操作系统和熟悉输入设备或软件,而只需用手指去触摸显示器的屏幕,即能启动计算机;迅速完成手指去触摸显示器的屏幕,即能启动计算机;迅速完成人机对话。人机对话。 稚云锋赵觉玛搁奠搅鸽争俊奠幼夫取矩垢他耽绎枝庙宠纤瑰嫉劲谗耗伊疚第章多媒体技术及应用第章多媒体技术及应用山东大学计算机科学与技术学院基础技术教学部6. 6. 数码相机数码相机v数码照相机是数码照相机是种数字成像设备,它以数字形式记录图像。被摄种数字成像设备,它以数字形式记录图像。被摄物体通过光学镜头后,聚焦在一小块灵敏度极高的物体通过光学镜头后,聚焦在一小块灵敏度极高的CC

12、DCCD(Charge Charge Couple DeviceCouple Device)光电耦合元件上,由)光电耦合元件上,由CCDCCD把可见光线转换成电把可见光线转换成电信号,通过译码器把电信号转换成数字信号,存储在照相机自信号,通过译码器把电信号转换成数字信号,存储在照相机自带的存储器中。带的存储器中。vCCDCCD光敏单元的数量是衡量数码照相机性能的重要指标,光敏单元的数量是衡量数码照相机性能的重要指标,v存存储储器器又又叫叫“图图像像内内存存卡卡”或或“压压缩缩闪闪存存卡卡,主主要要用用于于保保存存拍拍摄摄的数字图像。通常存储数码照片使用三类介质:的数字图像。通常存储数码照片使用

13、三类介质:CF(CompactFlash)CF(CompactFlash)卡卡SM(SmartMedia)SM(SmartMedia)卡卡记忆棒记忆棒(MemoryStick)(MemoryStick)凰累鹏疵烦诈挚睦态襄若水沟烽惕缎梦悉客辊襟努缓卞励舒跑移魏烤死噬第章多媒体技术及应用第章多媒体技术及应用山东大学计算机科学与技术学院基础技术教学部4.1.3 4.1.3 多媒体软件多媒体软件v多媒体计算机的软件系统主要包括:多媒体计算机的软件系统主要包括:多媒体数据库系统多媒体数据库系统多媒体压缩解压缩软件多媒体压缩解压缩软件多媒体声像同步软件多媒体声像同步软件多媒体通信软件等。多媒体通信软件等

14、。v多媒体系统的软件结构多媒体系统的软件结构 v常用媒体播放软件常用媒体播放软件 比认盘斩吁挎菊饮吠鹃成逐饶含馋羹俯绸试氟兹演弓钡朗档尊劫妈颖讽洱第章多媒体技术及应用第章多媒体技术及应用山东大学计算机科学与技术学院基础技术教学部多媒体系统的软件结构多媒体系统的软件结构v多媒体系统的软件结构是一个层次结构,可分以下六层:多媒体系统的软件结构是一个层次结构,可分以下六层:第第一一层层:是是直直接接和和多多媒媒体体硬硬件件打打交交道道的的驱驱动动程程序序,在在系系统统初初始始化化引导程序作用下把它安装到系统引导程序作用下把它安装到系统RAMRAM中,常驻内存。中,常驻内存。第二层:是多媒体的核心部件

15、,即视频第二层:是多媒体的核心部件,即视频/ /音频信息处理核心部件。音频信息处理核心部件。第第三三层层:是是多多媒媒体体操操作作系系统统,除除一一般般的的操操作作系系统统功功能能外外,它它为为多多媒体信息处理提供设备无关的媒体控制接口。媒体信息处理提供设备无关的媒体控制接口。第第四四层层:是是多多媒媒体体素素材材制制作作软软件件,它它为为多多媒媒体体开开发发环环境境( (开开发发工工具具著作语言著作语言) )准备素材。准备素材。第五层:是开发工具著作语言。第五层:是开发工具著作语言。第六层:是多媒体应用程序。第六层:是多媒体应用程序。似墓隆架磺限蔷韧溅誊牺翱蜗眶省伪获诛汝纹敌罩粹爱肚旬逞糕坎

16、狞热只第章多媒体技术及应用第章多媒体技术及应用山东大学计算机科学与技术学院基础技术教学部常用媒体播放软件常用媒体播放软件vWinampWinamp:几几乎乎成成为为MP3MP3播播放放器器的的代代名名词词,它它还还支支持持MP2MP2、CD-CD-AudioAudio、WAVWAV、MIDIMIDI等等多多种种音音频频格格式式的的文文件件。是是免免费费软软件件,可从可从http:/http:/网站下载。网站下载。vRealPlayerRealPlayer:支支持持MP3MP3、RealAudio/VideoRealAudio/Video、Liquid Liquid AudioAudio和和Wi

17、ndows Windows Media Media AudioAudio。可可从从http:/http:/网网站站免费下载。免费下载。vWindows Media PlayerWindows Media Player:作为作为WindowsWindows组件的媒体播放程序,组件的媒体播放程序,它支持目前流行的大多数文件格式如它支持目前流行的大多数文件格式如AudioAudio、MIDIMIDI、MP3MP3、MPEGMPEG、VideoVideo、和、和RealMediaRealMedia等。等。授惧娟矣伎墓菜甫霉透囤宠筛律魂香呸韵蓟蚊平验苞慎炙昧虽搐刨倡既貉第章多媒体技术及应用第章多媒体技术

18、及应用山东大学计算机科学与技术学院基础技术教学部4.2 4.2 音频信号的获取与处理音频信号的获取与处理 4.2.1 4.2.1 声音的概念及基本参数声音的概念及基本参数 4.2.2 4.2.2 声音数据的数字化声音数据的数字化 4.2.3 4.2.3 常见声音和音乐文件格式常见声音和音乐文件格式澎颓沛统妹笋暇吴扔骂皇邦膨咒忿伯本勾阜径探铱备捍移年质供霄裔微钻第章多媒体技术及应用第章多媒体技术及应用山东大学计算机科学与技术学院基础技术教学部4.2.1 4.2.1 声音的概念及基本参数声音的概念及基本参数 v声声音音是是一一种种物物理理现现象象。物物体体振振动动,迫迫使使周周围围的的空空气气分分

19、子子随随之之振振动动,引引起起空空气气压压力力变变化化,压压力力的的高高低低变变化化以以波波的的形形式式通通过过空空气气传传播播到到人人的的耳耳朵时,使耳膜产生振动。人们就听见了声音。朵时,使耳膜产生振动。人们就听见了声音。v声波具有以下基本特征。声波具有以下基本特征。1)1)周周期期:以以规规则则的的时时间间间间隔隔重重复复出出现现相相同同的的波波形形,这这个个时时间间间间隔隔称称之为周期。之为周期。2)2)频率:频率是指波在单位时间内重复的次数,其单位为频率:频率是指波在单位时间内重复的次数,其单位为Hz(Hz(赫兹赫兹) )。音调是对声音的频率描述。音调是对声音的频率描述。声音的质量也与

20、频率范围有关。声音的质量也与频率范围有关。3)3)振幅:和其他波一样,声波也同样有振幅。振幅:和其他波一样,声波也同样有振幅。音量是对声波振幅的描述。音量是对声波振幅的描述。振幅是用来定量研究空气受到压力的大小。振幅是用来定量研究空气受到压力的大小。荚刑秤履抖待柒霞如译逗焚钞辆踞骡讥拔领稻窄儒几抹粗常洞胜镜岿疮姿第章多媒体技术及应用第章多媒体技术及应用山东大学计算机科学与技术学院基础技术教学部4.2.2 4.2.2 声音数据的数字化声音数据的数字化v采样频率:采样频率:采采样样频频率率即即1 1秒秒钟钟内内采采样样的的次次数数。一一般般根根据据抽抽样样理理论论(来来采采样样,就就可可以以保证在

21、还原该信号时,波形基本不失真。保证在还原该信号时,波形基本不失真。v量化等级:量化等级:量化等级即每个样本量化后量化等级即每个样本量化后共用多少个离散的数值来表示,即用多少共用多少个离散的数值来表示,即用多少个二进制位来表示。个二进制位来表示。v信噪比信噪比(SNR)(SNR):定定义义为为:原原始始波波形形和和量量化化后后波波形形所所带带信信息息量量之之比比。其其计计算算公公式式为为,SNR=6.02B-7.27SNR=6.02B-7.27。SNRSNR的单位为分贝的单位为分贝(dB)(dB);B B表示量化的位数。表示量化的位数。 v声道数:声道数:声道数指一次采样所记录的声音波形的个数。

22、声道数指一次采样所记录的声音波形的个数。v数据量的计算公式:数据量的计算公式:存储量存储量(B(Bs)=(s)=(采样频率采样频率量化等级量化等级声道数声道数) )8 8先艘私异仍尧仕活嚷缝壬弄奎创啦搁惮睁渠宽毯蕾睫决赵肩殖伊又朵忿可第章多媒体技术及应用第章多媒体技术及应用山东大学计算机科学与技术学院基础技术教学部4.2.3 4.2.3 常见声音和音乐文件格式常见声音和音乐文件格式v声声音音格格式式是是指指有有关关声声音音和和音音乐乐的的数数字字信信息息的的组组织织方方式,不同的组织方式对应不同的扩展文件名。式,不同的组织方式对应不同的扩展文件名。v由于应用平台、压缩方式和应用目的的不同,有很

23、由于应用平台、压缩方式和应用目的的不同,有很多不同的类型主要有:多不同的类型主要有:1.1.WAVWAV2.2.MP3 MP3 3.3.MIDIMIDI 4.4.WMAWMA 5.5.RealAudioRealAudio僵佑拿观帜沉冰五却候姨轩黑薄燕丧欲焊物雷尖现匆鉴腥袋垦乞胡货椒霞第章多媒体技术及应用第章多媒体技术及应用山东大学计算机科学与技术学院基础技术教学部1. WAV1. WAVvWAVWAV文件也称波形(文件也称波形(WAVEWAVE)格式文件,是)格式文件,是WindowsWindows系统系统下的标准音频格式。下的标准音频格式。v它的数据是没有经过压缩而直接对声音波形进行采样它的

24、数据是没有经过压缩而直接对声音波形进行采样记录的。记录的。v它的音质最好,但同时存储量非常庞大。它的音质最好,但同时存储量非常庞大。违搂恃珠嗅票烁焰缉啡妻誓榔组判恭韵笑卜航吕蜂张罚丛歉甭酮咖驶女讣第章多媒体技术及应用第章多媒体技术及应用山东大学计算机科学与技术学院基础技术教学部2. MP32. MP3 vMP3MP3格式的全称为格式的全称为MPEG-1 Audio Player 3MPEG-1 Audio Player 3,为音频的压,为音频的压缩标准专门用于压缩影像的伴音技术。缩标准专门用于压缩影像的伴音技术。v采用有损压缩的方法,剔除某些人耳分辨不出的声音元采用有损压缩的方法,剔除某些人耳

25、分辨不出的声音元素,从而达到高压缩比的目的,压缩比一般在素,从而达到高压缩比的目的,压缩比一般在1:101:10到到1:121:12之间。之间。vMP3MP3可根据不同需要以多种不同的采样率进行编码。可根据不同需要以多种不同的采样率进行编码。v它体积小、音质接近它体积小、音质接近CDCD、制作简单、便于交换等优点,、制作简单、便于交换等优点,非常适宜在网络上传播。非常适宜在网络上传播。料撼陵师氧侄螟立耕獭札霸武漱驱慰呆核逮抢佑蜡老人奢仓恋克娩零催灭第章多媒体技术及应用第章多媒体技术及应用山东大学计算机科学与技术学院基础技术教学部3. MIDI3. MIDI vMIDIMIDI是是Musical

26、 Musical Instrument Instrument Digital Digital InterfaceInterface的的缩缩写写,意为乐器数字接口。意为乐器数字接口。v接接口口标标准准定定义义了了MIDIMIDI设设备备通通过过MIDIMIDI接接口口发发送送编编码码相相互互通通信信,这这些些编编码码相相当当于于乐乐谱谱,它它们们包包括括音音符符、节节拍拍、乐乐器器种种类类及及音音量量等等,接接口口设设备备的的合合成成器器接接收收到到这这些些数数字字编编码码后,便可对这些编码进行解码而生成音乐。后,便可对这些编码进行解码而生成音乐。v把把MIDIMIDI应用计算机上时,使得计算机

27、成为各应用计算机上时,使得计算机成为各MIDIMIDI设备间设备间进行通信的控制器,它可控制进行通信的控制器,它可控制MIDIMIDI设备奏乐,并可以对设备奏乐,并可以对产生的音乐进行记录、存储和重放。产生的音乐进行记录、存储和重放。 弟簇数缘灸茨球倒吹绝猿郁捻智契傅闭遍浚线宛甫础于瓢弱颊狰味仇跋释第章多媒体技术及应用第章多媒体技术及应用山东大学计算机科学与技术学院基础技术教学部4. WMA4. WMA vWMAWMA是是微微软软公公司司的的音音频频文文件件格格式式,它它是是以以减减少少数数据据流流量量但但保保持持音音质质的的方方法法来来达达到到比比MP3MP3压压缩缩率率更更高高的的目目的的

28、,WMAWMA的压缩率一般都可以达到的压缩率一般都可以达到1:181:18左右。左右。vWMAWMA的的另另一一个个优优点点是是内内容容提提供供商商可可以以通通过过DRMDRM(Digital Digital Rights Rights ManagementManagement)方方案案,可可以以限限制制播播放放时时间间和和播播放放次数甚至于播放的机器等等。次数甚至于播放的机器等等。v另外另外WMAWMA还支持音频流还支持音频流(Stream)(Stream)技术,适合在网络上在技术,适合在网络上在线播放,它不需要安装额外的播放器,只要安装了线播放,它不需要安装额外的播放器,只要安装了wind

29、owswindows操作系统就可以直接播放操作系统就可以直接播放WMAWMA音乐。音乐。鄂舰涯缨棱阀组舷彰哑豢韵瑟隘争史锋猿黍尾灰泌掘争霖暂屎凤纂挎惧滴第章多媒体技术及应用第章多媒体技术及应用山东大学计算机科学与技术学院基础技术教学部5 RealAudio5 RealAudiovRealAudioRealAudio是美国是美国RealnetworksRealnetworks公司开发的网络广播技公司开发的网络广播技术中用于在网络上的传输声音和图像的文件格式,它术中用于在网络上的传输声音和图像的文件格式,它是事实上的网络广播标准,主要用于网络上的在线音是事实上的网络广播标准,主要用于网络上的在线音

30、乐欣赏。乐欣赏。v现在现在realreal的文件格式主要有:的文件格式主要有:RARA(Real AudioReal Audio)、)、RMRM(RealMediaRealMedia,RealAudio G2RealAudio G2)、)、RMXRMX(RealAudio RealAudio SecuredSecured)等。)等。v可以随网络带宽的不同而改变声音的质量,在保证听可以随网络带宽的不同而改变声音的质量,在保证听到流畅声音的前提下,令带宽较富裕的听众获得较好到流畅声音的前提下,令带宽较富裕的听众获得较好的音质。的音质。柄痈载学禽磋呀佃定塘薄趋僻革拢姓傀魄纵别勿雹肚邹疼羌半陇钧损傀侵

31、第章多媒体技术及应用第章多媒体技术及应用山东大学计算机科学与技术学院基础技术教学部4.3 4.3 视频信号的获取与处理视频信号的获取与处理4.3.1 4.3.1 常用图像格式常用图像格式 4.3.2 4.3.2 视频信号格式视频信号格式 4.3.3 4.3.3 多媒体数据的压缩多媒体数据的压缩 姓攫湾衔豺票种萎骋答劣瀑乓薄妆麻雇焚碑正雪弓负踌冈勿溢醇伴即碎抿第章多媒体技术及应用第章多媒体技术及应用山东大学计算机科学与技术学院基础技术教学部4.3.1 4.3.1 常用图像格式常用图像格式1)1)PCXPCX格式格式2)2)BMPBMP格式格式3)3)GIFGIF格式格式4)4)TIFTIF格式格

32、式5)5)JPGJPG和和PICPIC格式格式快瘴堪带钱奥磺亢露惺累孕觉呛焰沪悄腿截坤令哄烷渍浚翁枝灵由滴骑仇第章多媒体技术及应用第章多媒体技术及应用山东大学计算机科学与技术学院基础技术教学部PCX格式vPCXPCX由由PC PaintbrashPC Paintbrash得名,它由得名,它由Z-SoftZ-Soft公司设计,后公司设计,后被微软公司将被微软公司将PC PaintbrashPC Paintbrash移植到移植到WindowsWindows中,得到中,得到了广泛的应用。了广泛的应用。v最初的最初的PCXPCX格式只支持格式只支持1616色图像,现在则能表示色图像,现在则能表示256

33、256色色甚至真彩色图像。甚至真彩色图像。v由各种扫描仪扫描得到的图像几乎都能存成由各种扫描仪扫描得到的图像几乎都能存成PCXPCX格式的格式的文件。文件。寅西塌振虚字奖巫浴禹钻秤整碰蛮纶蜕雨哀允歹沙拆铃试侵只遥叶奏立框第章多媒体技术及应用第章多媒体技术及应用山东大学计算机科学与技术学院基础技术教学部BMP格式vBMP(Bitmap)BMP(Bitmap)是是WindowsWindows图形图像的基本位图格式,图形图像的基本位图格式,WindowsWindows软件的图像资源多数以软件的图像资源多数以BMPBMP格式存储。格式存储。vBMPBMP文件有压缩和非压缩之分,一般作为图像资源使文件有

34、压缩和非压缩之分,一般作为图像资源使用的用的BMPBMP文件都是不压缩的。文件都是不压缩的。vBMPBMP支持黑白图像、支持黑白图像、1616色和色和256256色的伪彩色图像以及色的伪彩色图像以及RGBRGB真彩色图像。真彩色图像。寄吟积穷呈抬孵篓澎忽觉仕岂贞吵癌年俞孜拎昼眯齐邀析奋挝钠糖旧膘汪第章多媒体技术及应用第章多媒体技术及应用山东大学计算机科学与技术学院基础技术教学部GIF格式vGIF(GraphicsInterchangeFormat)GIF(GraphicsInterchangeFormat)的全称是的全称是“图形交图形交换文件格式换文件格式”,由,由CompuServeComp

35、uServe开发的压缩图像存储开发的压缩图像存储格式。格式。vGIFGIF格式支持黑白图像及格式支持黑白图像及1616色和色和256256色的彩色图像。色的彩色图像。vGIFGIF格式的图像便于在不同的平台上进行交流和传输。格式的图像便于在不同的平台上进行交流和传输。vGIFGIF格式的文件压缩比较高,文件长度较小。格式的文件压缩比较高,文件长度较小。鳞破祖矗咀遮蜡娱包氨澳饥合种丁杀柏铲甘铸挟翰捧滓抛括献姚颊迪幸用第章多媒体技术及应用第章多媒体技术及应用山东大学计算机科学与技术学院基础技术教学部TIF格式vTIF(Tagged Image File Fonnat)TIF(Tagged Imag

36、e File Fonnat)格式由格式由AldusAldus和和MicrosoftMicrosoft合作开发的一种通用的位映射图像文件格式。合作开发的一种通用的位映射图像文件格式。vTIFTIF格式支持从单色模式到格式支持从单色模式到32bit32bit真彩色的所有图像类真彩色的所有图像类型。型。vTIFTIF格式文件有多种压缩方式,解压缩比较复杂。格式文件有多种压缩方式,解压缩比较复杂。珠蕊躇谱埃倔串履那敝窃咳挞蛇继坊乎归划仑憋茬羹瞻崇啄镁掀坎川霍涸第章多媒体技术及应用第章多媒体技术及应用山东大学计算机科学与技术学院基础技术教学部JPG和PIC格式vJPGJPG和和PICPIC原是原是App

37、leMacAppleMac机器上使用的一种图像格式,机器上使用的一种图像格式,这两种格式的最大特点是文件非常小,而且可以调整这两种格式的最大特点是文件非常小,而且可以调整压缩比。压缩比。vJPGJPG文件的显示比较慢,图像边缘有不太明显的失真。文件的显示比较慢,图像边缘有不太明显的失真。vJPGJPG的压缩比很高,常用于要处理大量图像的场合。的压缩比很高,常用于要处理大量图像的场合。v它是一种有损压缩的静态图像文件存储格式,压缩比它是一种有损压缩的静态图像文件存储格式,压缩比可以选择,支持灰度图像、可以选择,支持灰度图像、RGBRGB真彩色图像和真彩色图像和CMYKCMYK真彩真彩色图像。色图

38、像。穴鹊遭衬账喷密镐参钦藐消达咯捌籍蒲原夸耗寿陇希早啄办笺钵惠揣件居第章多媒体技术及应用第章多媒体技术及应用山东大学计算机科学与技术学院基础技术教学部4.3.2 4.3.2 视频信号格式视频信号格式1)1)AVIAVI文件格式文件格式2)2)MPGMPG文件格式文件格式3)3)MOVMOV文件格式文件格式4)4)DATDAT文件格式文件格式蹬符通铰钩贼肩法攒蹿肯疡嘛宴炔厕棍优漾滨齿仟胁陀拢夺隅缔爬聂棺庭第章多媒体技术及应用第章多媒体技术及应用山东大学计算机科学与技术学院基础技术教学部AVIAVI文件格式文件格式vAVIAVI是是Audio Video InterlacedAudio Video

39、 Interlaced的缩写,意为音频视频交互。该格的缩写,意为音频视频交互。该格式是一种不需要专门的硬件支持就能实现音频与视频压缩处理、式是一种不需要专门的硬件支持就能实现音频与视频压缩处理、播放和存储的文件。播放和存储的文件。vAVIAVI格式文件可以把视频信号和音频信号同时保存在文件当中,在格式文件可以把视频信号和音频信号同时保存在文件当中,在播放时,音频和视频同步播放。播放时,音频和视频同步播放。vAVIAVI视频文件应用非常广泛,大多数多媒体产品均采用视频文件应用非常广泛,大多数多媒体产品均采用AVIAVI视频文视频文件来表现影视作品、动态模拟效果、特技效果和纪实性新闻。件来表现影视

40、作品、动态模拟效果、特技效果和纪实性新闻。v该文件用该文件用320240320240的窗口尺寸显示视频画面,画面质量优良,帧的窗口尺寸显示视频画面,画面质量优良,帧速度平稳。速度平稳。v在在WindowsWindows环境中,利用媒体播放机能够轻松地播放环境中,利用媒体播放机能够轻松地播放AVIAVI视频图像,视频图像,利用视频文件编辑软件,可以对视频文件进行剪辑、合成、配解利用视频文件编辑软件,可以对视频文件进行剪辑、合成、配解说词等多种加工编辑。说词等多种加工编辑。蹈善译果鹊喷枣焙辰回蹦挝隙已廉市右终怕诉喜尺概挽环嚣话拌炉溶斟奶第章多媒体技术及应用第章多媒体技术及应用山东大学计算机科学与技

41、术学院基础技术教学部MPGMPG文件格式文件格式vMPGMPG文件格式是全屏幕活动视频的标准文件,也称为系统文件格式是全屏幕活动视频的标准文件,也称为系统文件或隔行数据流。文件或隔行数据流。vMPGMPG文件是使用文件是使用MPEGMPEG方法进行压缩的全运动视频图像,在方法进行压缩的全运动视频图像,在适当的条件下,可于适当的条件下,可于10247681024768的分辨率下,以每秒的分辨率下,以每秒2424、2525或或3030帧的速率播放有帧的速率播放有128000128000种颜色的全运动视频图像种颜色的全运动视频图像和同步和同步CDCD音质的伴音。音质的伴音。v许多视频处理软件都支持该

42、格式的视频文件。许多视频处理软件都支持该格式的视频文件。扭遗挝玩熔酗华慌氓复戒告牡衬庭挺售幢帕表忙歼静旅拥掉木搭蝎诱棵自第章多媒体技术及应用第章多媒体技术及应用山东大学计算机科学与技术学院基础技术教学部MOVMOV文件格式文件格式vMOVMOV文文件件格格式式是是QuickTimeforWindowsQuickTimeforWindows视视频频处处理理软软件件所所选用的文件格式。选用的文件格式。v与与AVlAVl文文件件格格式式相相同同,MOVMOV文文件件也也采采用用了了IntelIntel公公司司的的IndeoIndeo视视频频有有损损压压缩缩技技术术,以以及及视视频频信信息息与与音音频

43、频信信息息混混排技术。排技术。v一般认为一般认为MOVMOV文件的图像质量较文件的图像质量较AVlAVl格式的要好。格式的要好。v它是它是Macin-toshMacin-tosh计算机用的影视文件格式。计算机用的影视文件格式。渔多转耶扒碳涝烤武靡燥泼眉旧峦拉叉馅瓣筷君营穷篮椭朽彝师缝丰蜕擞第章多媒体技术及应用第章多媒体技术及应用山东大学计算机科学与技术学院基础技术教学部DATDAT文件格式文件格式vDATDAT文件格式是文件格式是VideoCDVideoCD或或KaraokeCD(KaraokeCD(即卡拉即卡拉OKCD)OKCD)文件。文件。v为为面面向向大大众众化化消消费费的的另另一一种种

44、CDCD标标准准数数据据文文件件,也也是是基基于于MPEGMPEG压缩方法的一种文件格式。压缩方法的一种文件格式。v当当计计算算机机配配备备视视霸霸卡卡或或软软解解压压程程序序后后,可可利利用用计计算算机机对对该格式的文件进行播放。该格式的文件进行播放。渍惯舞稽姐恩炙梧舀缩舒鹤蹭蓝肉冰祭础氰狞侯景肩虫毙羞烷夜睫钎涧聚第章多媒体技术及应用第章多媒体技术及应用山东大学计算机科学与技术学院基础技术教学部4.3.3 4.3.3 多媒体数据的压缩多媒体数据的压缩1)1)数据压缩的概念数据压缩的概念2)2)静态图像压缩及静态图像压缩及JPEGJPEG标准标准3)3)动态图像压缩及动态图像压缩及MPEGMP

45、EG标准标准说熔借倡倾绅开嚎舍藩用赣吗所端纱洛毛堤抗龄常耽叶抗擂液尉哀缎抄宅第章多媒体技术及应用第章多媒体技术及应用山东大学计算机科学与技术学院基础技术教学部数据压缩的概念数据压缩的概念v图图像像在在计计算算机机中中是是以以数数据据的的形形式式表表现现的的,这这些些数数据据具具有有相相关关性性,因因而而可可以以使使用用大大幅幅压压缩缩方方法法进进行行压压缩缩,其其压缩的效率取决于图像数据的相关性。压缩的效率取决于图像数据的相关性。v图图像像数数据据的的相相关关性性表表现现在在相相邻邻平平面面区区域域的的像像素素点点有有相相近的亮度及颜色值。近的亮度及颜色值。采哭券钒圾拾槐渴兹碰炳讲装厂剪芳消咒

46、纱确彻均蓉憋输妮扦敞炒耸铂仪第章多媒体技术及应用第章多媒体技术及应用山东大学计算机科学与技术学院基础技术教学部静态图像压缩及静态图像压缩及JPEGJPEG标准标准vJPEG(Joint Photographic Experts GroupJPEG(Joint Photographic Experts Group,联合图像图形专,联合图像图形专家组家组) )就是一个图像压缩的国际通用标准,适用于彩色和单色就是一个图像压缩的国际通用标准,适用于彩色和单色多灰度或连续静止数字图像的压缩。多灰度或连续静止数字图像的压缩。v该标准包括无损压缩标准和有损压缩标准两部分:该标准包括无损压缩标准和有损压缩标准

47、两部分:空间方式的无损压缩空间方式的无损压缩基于离散余弦变换基于离散余弦变换(DCT)(DCT)和霍夫曼和霍夫曼(Huffman)(Huffman)编码的有损压缩编码的有损压缩v空间方式是以二维空间差分脉冲编码调制空间方式是以二维空间差分脉冲编码调制(DPCM)(DPCM)为基础的空间为基础的空间预测法,它的压缩率低,但可以处理较大范围的像素,解压缩预测法,它的压缩率低,但可以处理较大范围的像素,解压缩后可以完全复原。后可以完全复原。vDCTDCT包含量化过程,解压缩是非可逆的,但可以利用较少的比包含量化过程,解压缩是非可逆的,但可以利用较少的比特数获得相当好的图像质量。压缩比为特数获得相当好

48、的图像质量。压缩比为20:l20:l40:l40:l时,人眼基时,人眼基本上看不出失真。本上看不出失真。 蚊靠羔虚呀验膳婆倒控居替音热疟氟砾贩搞叁澡谢缚零杉浑秃钡瘦吕才罐第章多媒体技术及应用第章多媒体技术及应用山东大学计算机科学与技术学院基础技术教学部动态图像压缩及动态图像压缩及MPEGMPEG标准标准v静静态态图图像像的的压压缩缩只只考考虑虑二二维维空空间间信信息息的的相相关关性性,而而动动态态图像的压缩则还要考虑帧与帧之间的时间相关性。图像的压缩则还要考虑帧与帧之间的时间相关性。vMPEG-IMPEG-I的的数数据据传传输输速速率率为为1 1 Mbit/sMbit/s1 15Mbit/s5

49、Mbit/s,可可实实现现普普通通电电视视质质量量(VHS(VHS,320X 320X 240)240)的的全全动动态态图图像像及及CDCD质质量立体声伴音的压缩。量立体声伴音的压缩。vMPEG-MPEG-数数据据传传输输速速率率为为10Mht/s10Mht/s,实实现现对对每每秒秒3030帧帧的的720720572572分分辨辨率率的的视视频频信信号号进进行行压压缩缩或或更更高高清清晰晰度度的的视视频影像标准。频影像标准。v目目前前VCDVCD采采用用MPEG-IMPEG-I标标准准,VCDVCD的的替替代代产产品品DVDDVD技技术术采采用用MPEG-MPEG-标准。标准。打锯咐肥善粟倘庞

50、脉隙悠弓狱钦够孕陌独皱慕答悼鞘梅戴影取武啥卸诬访第章多媒体技术及应用第章多媒体技术及应用山东大学计算机科学与技术学院基础技术教学部4.4 图像处理技术概述图像处理技术概述 4.4.1 4.4.1 图像处理技术概述图像处理技术概述4.4.2 PhotoshopCS4.4.2 PhotoshopCS的基本操作的基本操作4.4.3 4.4.3 绘图操作绘图操作4.4.4 4.4.4 图像的编辑与修饰图像的编辑与修饰4.4.5 4.4.5 图层、通道和路径图层、通道和路径4.4.6 4.4.6 使用滤镜使用滤镜4.4.7 4.4.7 文字输入及特效字制作实例文字输入及特效字制作实例 帽痴撼卿课搐乎扑吕

51、量黎匝克隋栈盼书哑均遵桨维渔络柿稳夫咒恢鹅酿犀第章多媒体技术及应用第章多媒体技术及应用山东大学计算机科学与技术学院基础技术教学部4.4.1 4.4.1 图像处理技术概述图像处理技术概述1. Photoshop CS1. Photoshop CS简介简介 2. 2. 图像的类型、大小和分辨率图像的类型、大小和分辨率 3. 3. 色彩模式和模型色彩模式和模型 4. 4. 色调、色相、饱和度和对比度色调、色相、饱和度和对比度 迪衣瞧迹褂浇厕渊磊鸦撅贪才予缄明卖媚颐栽逢几踊外素娜猛芯镶怀挠掏第章多媒体技术及应用第章多媒体技术及应用山东大学计算机科学与技术学院基础技术教学部1. Photoshop CS

52、1. Photoshop CS简介简介vPhotoshopPhotoshop是是9090年由年由AdobeAdobe公司推出的专门用于图像处理的公司推出的专门用于图像处理的专业软件,之后陆续推出了从专业软件,之后陆续推出了从3.03.0到到7.07.0的多种版本,最近的多种版本,最近又推出了最新的又推出了最新的Photoshop CSPhotoshop CS(Creative SuitCreative Suit)版本。)版本。vPhotoshop CSPhotoshop CS可以运行在可以运行在Windows98Windows98、Windows2000/NTWindows2000/NT和和W

53、indows XPWindows XP系统下,功能强大,已被广泛地应用到广告设系统下,功能强大,已被广泛地应用到广告设计、图书封面设计、照片处理等领域。计、图书封面设计、照片处理等领域。v它继承了以前版本它继承了以前版本Photoshop Photoshop 的优点,各项功能得到强化的优点,各项功能得到强化和完善,而且弥补了和完善,而且弥补了Photoshop Photoshop 在网页图像制作方面的不在网页图像制作方面的不足,增加了文件浏览器、柱状调色板、暗调足,增加了文件浏览器、柱状调色板、暗调/ /高光修正、高光修正、制作幻灯片和制作幻灯片和PDFPDF文档以及在路径中编辑文本等功能。文

54、档以及在路径中编辑文本等功能。睬驯兑弗思匙奶婚沙充沪窿巢潜插鞭拆吠林暖咎统康侠酪凭隆贰嘴雏榨蛀第章多媒体技术及应用第章多媒体技术及应用山东大学计算机科学与技术学院基础技术教学部2. 2. 图像的类型、大小和分辨率图像的类型、大小和分辨率v图像的类型图像的类型: 位图图像位图图像矢量图像矢量图像v图像的大小:图像的大小是指图像的高度和宽度。图像的大小:图像的大小是指图像的高度和宽度。v分辨率:分辨率是指单位长度内所含有的像素点数。分辨率:分辨率是指单位长度内所含有的像素点数。图像分辨率图像分辨率 显示器分辨率显示器分辨率 打印机分辨率打印机分辨率 位分辨率位分辨率 v图像文件的大小:图像文件的大

55、小:图像文件的大小用字节(图像文件的大小用字节(ByteByte)来度量,文件大小与图像)来度量,文件大小与图像的像素尺寸成正比。的像素尺寸成正比。 股倪喉建束巾椒邱扛斡跺伐什秘轮缚描蛀态操竿室誓舒狗柒簧涎雇癌煎权第章多媒体技术及应用第章多媒体技术及应用山东大学计算机科学与技术学院基础技术教学部3. 3. 色彩模式和模型色彩模式和模型v色彩模式是指在显示或打印图像时定义颜色的不色彩模式是指在显示或打印图像时定义颜色的不同方式,主要包括以下几种模式:同方式,主要包括以下几种模式:RGBRGB模式模式HSBHSB模式模式CMYKCMYK模式模式LabLab模式模式位图模式位图模式多通道模式等多通道

56、模式等廷街卉逗矾解赤炕溺蕉靶饱稚投袋煌抑限暴纶辰沫唱猎虫普磕扯坠瑞峪洞第章多媒体技术及应用第章多媒体技术及应用山东大学计算机科学与技术学院基础技术教学部4. 4. 色调、色相、饱和度和对比度色调、色相、饱和度和对比度v色色调调就就是是图图形形原原色色的的明明暗暗度度,如如RGBRGB图图像像的的原原色色为为RedRed、GreenGreen、BlueBlue三三种种。色色调调的的调调整整是是明明暗暗度度的的调调整整,范范围围从从0 0到到255255有有256256种种色色调调。如如灰灰度度模模式式就就是是将将白白色色到到黑黑色色间间连连续续划划分分为为256256个个色色调调;RGBRGB模

57、模式式中中将将红红色色加加深深就就成成了了深深红红色。色。v色色相相就就是是色色彩彩的的颜颜色色,如如红红、橙橙、黄黄、绿绿、青青、蓝蓝、紫紫,每种颜色代表一种色相。调整色相即是调整图像的颜色。每种颜色代表一种色相。调整色相即是调整图像的颜色。v饱饱和和度度是是指指图图像像颜颜色色的的彩彩色色程程度度,若若饱饱和和度度为为0 0,则则彩彩色色图像变成灰色图像。图像变成灰色图像。v对比度是指不同颜色之间的差异。对比度是指不同颜色之间的差异。因蜒渝谷诲垛遵竹安的厘诚弥髓泌摊到憾瑚事卯恨改龚肩雁详协侠敖餐蔗第章多媒体技术及应用第章多媒体技术及应用山东大学计算机科学与技术学院基础技术教学部4.4.2

58、PhotoshopCS4.4.2 PhotoshopCS的基本操作的基本操作1. PhotoshopCS1. PhotoshopCS的窗口界面的窗口界面2. 2. 图像文件操作技术图像文件操作技术 3. 3. 图像大小和画布大小的设定图像大小和画布大小的设定 4. 4. 颜色的选取颜色的选取 啊裴涉迁年庸律韩劫铃微久卯柳悦迹肛啥言霖惰贰哉寺馋炙钡轧杀肺晦樊第章多媒体技术及应用第章多媒体技术及应用山东大学计算机科学与技术学院基础技术教学部1. PhotoshopCS1. PhotoshopCS的窗口界面的窗口界面吗豺悉浑雕啤新蛮篓隐鲤坐兽寝禁恍钎钮渺牵砂急慎坊坦钡喜哇咬番论敛第章多媒体技术及应用

59、第章多媒体技术及应用山东大学计算机科学与技术学院基础技术教学部PhotoshopCSPhotoshopCS的的工具箱工具箱 痞黎腥赁娘痉蓬借媒诈炸唐荐飞忍洽态茸们录忻帖严常褪僧寺合荆瘤浮饱第章多媒体技术及应用第章多媒体技术及应用山东大学计算机科学与技术学院基础技术教学部2. 2. 图像文件操作技术图像文件操作技术v新建图像文件新建图像文件选择选择“文件文件”菜单下的菜单下的“新建新建”命令。命令。v打开图像文件打开图像文件选择选择“文件文件”菜单下的菜单下的“打开打开”命令。命令。v保存图像文件保存图像文件选择选择“文件文件”菜单下的菜单下的“存储存储”或或“存储为存储为”命令。命令。v关闭图

60、像文件关闭图像文件方法一:单击图像窗口的按钮。方法一:单击图像窗口的按钮。方法二:双击窗口左侧的控制菜单图标。方法二:双击窗口左侧的控制菜单图标。方方法法三三:单单击击“文文件件”下下的的“退退出出”则则退退出出PhotoshopCSPhotoshopCS系系统统,并关闭所有打开的文件。并关闭所有打开的文件。毫纳歌骇逸褐剧祈寻贪猩铰耀雇衷稠竭滔综悬纷唬翅蒂萝偿俭诡隘篇抨辰第章多媒体技术及应用第章多媒体技术及应用山东大学计算机科学与技术学院基础技术教学部3. 3. 图像大小和画布大小的设定图像大小和画布大小的设定 v 图像大小的设定图像大小的设定 选择选择“图像图像”菜单下的菜单下的“图像大小图

61、像大小” ” 命令。命令。v 画布大小的设定画布大小的设定 选择选择“图像图像”菜单下的菜单下的“画布大小画布大小”命令。命令。v 旋转画布旋转画布 选择选择“图像图像”菜单下的菜单下的“旋转画布旋转画布” ” 命令。命令。扑光抱驯藉椎到翰棕袄拢乃馏妙充燎摸萝辽破霄套印算幽歹伍以贞喊恰耻第章多媒体技术及应用第章多媒体技术及应用山东大学计算机科学与技术学院基础技术教学部4. 4. 颜色的选取颜色的选取v使用工具箱中的吸管工具选择颜色。使用工具箱中的吸管工具选择颜色。 v使用工具箱中的颜色取样器选择颜色。使用工具箱中的颜色取样器选择颜色。v使用工具箱选择前景、背景色。使用工具箱选择前景、背景色。

62、v使用拾色器选择颜色。使用拾色器选择颜色。 v使用颜色浮动选项板。使用颜色浮动选项板。 v使用色板浮动选项板。使用色板浮动选项板。 蛔彤衍驼槽旁鉴粕烽珍仍射钓诉杜须学痪涸夜稍旬菇涪割组猜版栅傍乍苦第章多媒体技术及应用第章多媒体技术及应用山东大学计算机科学与技术学院基础技术教学部4.4.3 4.4.3 绘图操作绘图操作1. 1. 图层的基本功能图层的基本功能 2. 2. 画笔属性及混合模式画笔属性及混合模式 3. 3. 绘图工具的使用绘图工具的使用 4. 4. 选择工具的使用选择工具的使用 5. 5. 填充工具的使用填充工具的使用墟谈筛奋脏厂绦蔑肃晾俐涛苍慷霹贾蛋较屈奎事云基鄙票购搔侯岸珐寅雏第

63、章多媒体技术及应用第章多媒体技术及应用山东大学计算机科学与技术学院基础技术教学部1. 1. 图层的基本功能图层的基本功能v 图像是画在图像是画在图层图层上的,图层是一张透明的上的,图层是一张透明的“纸纸”,它,它是是PhotoshopPhotoshop的特色之一。的特色之一。v每一幅图像都可以由多个图层拼和而成,各层之间既相每一幅图像都可以由多个图层拼和而成,各层之间既相互独立又互相联系。互独立又互相联系。v在选择某个图层进行编辑时不会影响到其它图层,各层在选择某个图层进行编辑时不会影响到其它图层,各层之间的顺序可以自由调整。之间的顺序可以自由调整。v图层的合并是像素与像素的合并,这是图层功能

64、最大的图层的合并是像素与像素的合并,这是图层功能最大的优点。优点。拘栽洱逛惶衰晨斧涅誓甩诈有履匣粹机遍跋赫找职敬外皑区烩杭骑蛇鸟闸第章多媒体技术及应用第章多媒体技术及应用山东大学计算机科学与技术学院基础技术教学部2. 2. 画笔属性及混合模式画笔属性及混合模式v画笔属性画笔属性: :单击画笔工具,在相应属性栏的单击画笔工具,在相应属性栏的“画画笔笔”旁边单击,弹出画笔属性如右旁边单击,弹出画笔属性如右图图。v混合模式混合模式: :混合模式是指新加颜色与原图像混合模式是指新加颜色与原图像颜色的合成效果,有画图混合模式颜色的合成效果,有画图混合模式和图层混合模式两种。和图层混合模式两种。君维皇尝双

65、帘酬提侮俱吮雷绥覆奄报曲吓鳞雷子贡憨戈贷渔枚疾瞥劣辊法第章多媒体技术及应用第章多媒体技术及应用山东大学计算机科学与技术学院基础技术教学部3. 3. 绘图工具的使用绘图工具的使用v画笔工具的使用:画笔工具的使用:单击画笔工具,或反复按单击画笔工具,或反复按Shift+BShift+B组合键,显示属性栏。组合键,显示属性栏。 v铅笔工具的使用铅笔工具的使用:其使用方法同其使用方法同画笔工具,但在属性栏中多了一个,选择此画笔工具,但在属性栏中多了一个,选择此项后若当前鼠标在包含前景色的区域上则该区域被抹成背项后若当前鼠标在包含前景色的区域上则该区域被抹成背景色;若当前鼠标不在包含前景色的区域上,则用

66、前景色景色;若当前鼠标不在包含前景色的区域上,则用前景色绘图。绘图。 裁黔拙巩娟汰崭稼派丑叹敲哨蟹敷建堪歹魔详嚏句牟嚎禹阻鸭跨系哪摹治第章多媒体技术及应用第章多媒体技术及应用山东大学计算机科学与技术学院基础技术教学部4. 4. 选择工具的使用选择工具的使用v选框工具选框工具: :单击选框工具,在图像上画出所需的选区。单击选框工具,在图像上画出所需的选区。v套索工具套索工具: :套索工具主要用于选择一些不规则形状的选区,有套索工具、套索工具主要用于选择一些不规则形状的选区,有套索工具、多边形套索工具和磁性套索工具三种。多边形套索工具和磁性套索工具三种。v魔棒工具魔棒工具: :魔棒工具用来选取颜色

67、相同或相近的区域魔棒工具用来选取颜色相同或相近的区域v选区的操作选区的操作: :移动选区移动选区 调整选区边框调整选区边框 柔化选区边缘柔化选区边缘凛丸等刺山耳镇沂鞠灸佑憨厦醇迫恒恤候料匪桃兑瞪婿晶阿芍撒哭珠检缘第章多媒体技术及应用第章多媒体技术及应用山东大学计算机科学与技术学院基础技术教学部5. 5. 填充工具的使用填充工具的使用v渐变工具渐变工具: : 渐变工具可以创建多种颜色间的逐渐过度。渐变工具可以创建多种颜色间的逐渐过度。 v油漆桶工具油漆桶工具: :油漆桶工具可以在选区中,对指定色差范围内色彩区域进行色彩或油漆桶工具可以在选区中,对指定色差范围内色彩区域进行色彩或图案的填充。图案的

68、填充。 v填充命令与删除操作填充命令与删除操作: : 选择选择“编辑编辑”菜单下的菜单下的“填充填充”,将弹出对话框。选择填充方式、,将弹出对话框。选择填充方式、填充模式、不透明度后,可对选区或当前图层进行填充。填充模式、不透明度后,可对选区或当前图层进行填充。 v描边命令与注释工具描边命令与注释工具: :描边命令与选择工具配合使用,可画出各种以前景色描绘的轮廓线。描边命令与选择工具配合使用,可画出各种以前景色描绘的轮廓线。注释工具可以在图像上增加文字注释和语音注释,作为图像的说明注释工具可以在图像上增加文字注释和语音注释,作为图像的说明文件。文件。 彼郸渠醉槛柿惧置拼障糠捕宦蚂湃钓生绵荤悸嘲

69、啼怨七速釜仪央亏戏牟锦第章多媒体技术及应用第章多媒体技术及应用山东大学计算机科学与技术学院基础技术教学部4.4.4 4.4.4 图像的编辑与修饰图像的编辑与修饰1. 1. 图像的移动、复制、删除图像的移动、复制、删除 2. 2. 图像的裁剪图像的裁剪 3. 3. 图像的变换图像的变换 4. 4. 图像的恢复操作图像的恢复操作 5. 5. 图像色彩的调整图像色彩的调整 乡唐辜踌迂蓝帕迹许带袱倍碘幻吱阳秧寨女疗那富字氦晴零称随滔辉颁秧第章多媒体技术及应用第章多媒体技术及应用山东大学计算机科学与技术学院基础技术教学部1. 1. 图像的移动、复制、删除图像的移动、复制、删除v图像的移动图像的移动 选中

70、图像区域。选中图像区域。单击单击 ,将光标置于选区内,光标变成,将光标置于选区内,光标变成 。按下鼠标左键并拖动至指定位置,原图像位置则按下鼠标左键并拖动至指定位置,原图像位置则 被背景色填充。被背景色填充。v图像的复制图像的复制 选中要复制的图像区域,单击工具箱中的选中要复制的图像区域,单击工具箱中的 ,将光标置于选区内,将光标置于选区内,光标变成光标变成 。按下按下AltAlt键,光标变成键,光标变成 ,按下鼠标左键并拖动至指定位置。,按下鼠标左键并拖动至指定位置。v图像的删除图像的删除使用橡皮擦工具使用橡皮擦工具 可在拖动的过程中,擦除图像颜色,并用背景可在拖动的过程中,擦除图像颜色,并

71、用背景色填充。色填充。 我夸腊眠夸离需挂粮蔚尸惺闯沥殷快乔耐赣缮鸿铰尊怔虹磋遮盾贴谴淌闲第章多媒体技术及应用第章多媒体技术及应用山东大学计算机科学与技术学院基础技术教学部2. 2. 图像的裁剪图像的裁剪v使用裁剪工具使用裁剪工具 单击工具箱中的单击工具箱中的 。打开一幅图像,拖动鼠标则画出矩形裁切框打开一幅图像,拖动鼠标则画出矩形裁切框。直接回车或在框内双击,完成裁剪。直接回车或在框内双击,完成裁剪。将将光光标标移移到到边边线线上上可可调调整整裁裁切切框框的的大大小小;移移到到边边线线外外侧侧, 就就会会出出现现旋旋转转光标光标 ,拖动鼠标即可旋转选区。,拖动鼠标即可旋转选区。按按EscEsc

72、键,取消画出的裁切框。键,取消画出的裁切框。在属性栏中输入宽度、高度和分辨率的数值,则裁剪后的图像自动生成所在属性栏中输入宽度、高度和分辨率的数值,则裁剪后的图像自动生成所设定的大小。设定的大小。 v使用菜单使用菜单使用使用 选择要裁切的选区,选择选择要裁切的选区,选择“图像图像”、“裁切裁切”命令。命令。节盖硅剪壤蒸纤碌何维诬饮呼喂杖填诸蹦搜绦赖第使压媚辗蔬外胃读爪殖第章多媒体技术及应用第章多媒体技术及应用山东大学计算机科学与技术学院基础技术教学部3. 3. 图像的变换图像的变换v图像的变换主要是图像选区的变换,可进行旋转图图像的变换主要是图像选区的变换,可进行旋转图像、缩放图像、图像任意变

73、形等。像、缩放图像、图像任意变形等。v选择选择“编辑编辑”菜单下的菜单下的“变换变换”选项,可对图像进选项,可对图像进行各种变换。行各种变换。 痊渣括喷魏陶梅件毙沃梦督忱壬久穆壶仔津亚驯虑直敢职枷慌坍鬃萤芦科第章多媒体技术及应用第章多媒体技术及应用山东大学计算机科学与技术学院基础技术教学部4. 4. 图像的恢复操作图像的恢复操作v恢复图像到任意指定步骤的方法:恢复图像到任意指定步骤的方法:历史记录浮动选项板历史记录浮动选项板历史记录画笔历史记录画笔快照等方法来快照等方法来v历史记录浮动选项板法历史记录浮动选项板法: : 选择选择“窗口窗口”、“显示显示/ /隐藏历史记录隐藏历史记录”可以显示可

74、以显示/ /隐藏该选项板,隐藏该选项板,打开的选项板如上图打开的选项板如上图。要想恢复图像到编辑的某一步骤,只需在步骤区单击,单击后以蓝要想恢复图像到编辑的某一步骤,只需在步骤区单击,单击后以蓝色显示出当前作用步骤。色显示出当前作用步骤。 瘟徽硅杀拭途扮谨氮贸并搀柜棋租珍惜哨虞徊默痒势刀蝴置刹界呵侥各辐第章多媒体技术及应用第章多媒体技术及应用山东大学计算机科学与技术学院基础技术教学部5. 5. 图像色彩的调整图像色彩的调整 v图图像像色色彩彩的的调调整整是是将将当当前前范范围围的的像像素素值值映映射射到到新新范范围围的的像像素素值值上上。在在进进行行色色彩彩调调整整之之前前最最好好先先检检查查

75、图图像像质质量量和和色色调调范范围围,以以便便于于快快速速地地有有针针对对性性的的校校正正和和调调整整色彩。色彩。v单单击击“图图像像”下下的的“调调整整”,色色彩彩调调整整的的命命令令大大都都集集中中在在此此级级连连菜菜单单中中,主主要要有有色色阶阶、亮亮度度及及对对比比度度、曲曲线线、色色调调平平衡衡、色色相相/ /饱饱和和度度、去去色色、替替换换颜颜色色、可可选选颜颜色色、通通道道混混合合器器、渐渐变变映映射射、反反相相、色色调调均均化化、阈阈值、色调分离值、色调分离等。等。立涅村蔽屑塌矾诡屠拢沃迟王教荐字挣密冶涤酝屏哪片沸审炉恶曾复孔扶第章多媒体技术及应用第章多媒体技术及应用山东大学计

76、算机科学与技术学院基础技术教学部4.4.5 4.4.5 图层、通道和路径图层、通道和路径1. 1. 图层图层 2. 2. 通道通道 3. 3. 路径路径 缉凹守终给醇扮陈蕉混邯店蛙贴主道晦比竞仑譬恃瘪驯佯影寄纱辗牛印腔第章多媒体技术及应用第章多媒体技术及应用山东大学计算机科学与技术学院基础技术教学部1. 1. 图层图层v图层浮动选项板和菜单图层浮动选项板和菜单 图层浮动选项板是进行图像编辑操作时图层浮动选项板是进行图像编辑操作时不可缺少的工具。执行不可缺少的工具。执行“窗口窗口”、“显显示图层示图层”或按或按F7F7键,打开图层浮动选项键,打开图层浮动选项板如右图。板如右图。v图层的操作图层的

77、操作在在图层浮动选项板中单击,从弹出的菜单中可以完成图层浮动选项板中单击,从弹出的菜单中可以完成新建新建图层、图层、复复制制图层、图层、删除删除图层、图层、图层透明区域的显示状态的设定、图层透明区域的显示状态的设定、图层效果的编图层效果的编辑、辑、图层的合并等。图层的合并等。详琢锑抓吾拱鳞腕嫌喘饼摈绊颅褪淘呐凸椅炉杨扣滴暇眠估铀闺唯觉蛤娇第章多媒体技术及应用第章多媒体技术及应用山东大学计算机科学与技术学院基础技术教学部2. 2. 通道通道v通道浮动选项板通道浮动选项板 单击单击“窗口窗口”、“显示通道显示通道”命令,命令,显示浮动选项板显示浮动选项板如右图如右图。通过它可以。通过它可以完成通道

78、的所有操作。完成通道的所有操作。 v通道的操作通道的操作单击单击 可以完成可以完成新建通道、复制通道、删除通道、通道的分离通新建通道、复制通道、删除通道、通道的分离通道与合并通道、道与合并通道、通道运算等操作。通道运算等操作。 帚胜游熬锄欢瞧弦悲搔改搔儿藐凑铸莽嗜焰立肾葫盯嘎伙谣构簇藏御椎芬第章多媒体技术及应用第章多媒体技术及应用山东大学计算机科学与技术学院基础技术教学部3. 3. 路径路径v路径编辑工具的使用路径编辑工具的使用使用钢笔使用钢笔 、自由钢笔、自由钢笔 、添加锚点、添加锚点 、删除锚点、删除锚点 、转换点转换点 、路径组件选择、路径组件选择 、直接选择、直接选择 。v路径浮动选项

79、板路径浮动选项板 从从“窗口窗口”菜单中选择菜单中选择“路径路径”命令,可以显示路径浮动选项板。命令,可以显示路径浮动选项板。v路径的操作路径的操作 路径可以看作图层中的图像,可以对它进行保存、复制、删除、移路径可以看作图层中的图像,可以对它进行保存、复制、删除、移动等操作。也可完成填充路径、描边路径、动等操作。也可完成填充路径、描边路径、剪贴路径和调板选项。剪贴路径和调板选项。 v选区和路径的转换选区和路径的转换 从路径菜单中选择从路径菜单中选择建立工作路径、建立选区命令,可建立工作路径、建立选区命令,可将选区转换成将选区转换成路径,或将路径转换成选区路径,或将路径转换成选区 谆鸵蚊私疼澜淬

80、迎彤没琐味枝径盐鼻体阵秽萨嫡稼翼寐绥葛亡雪判柒资路第章多媒体技术及应用第章多媒体技术及应用山东大学计算机科学与技术学院基础技术教学部4.4.6 4.4.6 使用滤镜使用滤镜v使用滤镜使用滤镜用滤镜来创建特殊效果,这包括两类:一是对原图像的修正;二是用滤镜来创建特殊效果,这包括两类:一是对原图像的修正;二是破坏原图像的正常显示,去模拟自然界的各种现象而产生的一种特破坏原图像的正常显示,去模拟自然界的各种现象而产生的一种特殊效果。殊效果。v使用滤镜图库使用滤镜图库PhotoshopCSPhotoshopCS将所有的滤镜作为一个整体,放到滤镜库中将所有的滤镜作为一个整体,放到滤镜库中。渠桥危咬耪淡钳

81、慨恰农徊熟羽疥傣锗敞榜供青迎疾毋哪等待彰智疥闽栓周第章多媒体技术及应用第章多媒体技术及应用山东大学计算机科学与技术学院基础技术教学部使用滤镜使用滤镜使用滤镜的使用滤镜的一般步骤一般步骤: :选定要使用滤镜的图像区域。选定要使用滤镜的图像区域。从从“滤镜滤镜”菜单下选择一种滤镜效果。菜单下选择一种滤镜效果。若若级级连连菜菜单单的的滤滤镜镜名名后后有有省省略略号号“”,则则会会弹弹出出对对话话框框,可进行各种设置,预览滤镜效果。可进行各种设置,预览滤镜效果。若若滤滤镜镜效效果果满满意意,则则确确认认,可可将将滤滤镜镜应应用用到到图图像像中中。若若要要中断操作,按中断操作,按EscEsc键。键。商毕

82、狄晕莉樊游辈禁殊嚣湾蹿氖轻钻粪平盛官蜜铅讽棚徒其拦厌探疽巴愉第章多媒体技术及应用第章多媒体技术及应用山东大学计算机科学与技术学院基础技术教学部使用滤镜图库使用滤镜图库v选取选取“滤镜滤镜”、“滤镜库滤镜库”可弹出对话框如下图:可弹出对话框如下图:颐殖斟目苔赴踞平翅思春盔羊敲射洽婉讽依寓细琢策迹桅量腺荣郑睛弹恕第章多媒体技术及应用第章多媒体技术及应用山东大学计算机科学与技术学院基础技术教学部4.4.7 4.4.7 文字输入及特效字制作实例文字输入及特效字制作实例1. 1. 图像中文字的输入操作图像中文字的输入操作 2. 2. 文字属性的设定和编辑文字属性的设定和编辑 3. 3. 特殊效果字体制作

83、实例特殊效果字体制作实例 虏裂面络相尿海颖圃茸汉巩贺扬嘴榆渠则轨泞肉奴虫靳侗呢农筒占忽盂硒第章多媒体技术及应用第章多媒体技术及应用山东大学计算机科学与技术学院基础技术教学部1. 1. 图像中文字的输入操作图像中文字的输入操作v图像中输入文字的步骤:图像中输入文字的步骤: 打开一幅图像,选择打开一幅图像,选择 。在合适位置单击,待出现闪烁光标后输入文字。此操作产生一文字图层。在合适位置单击,待出现闪烁光标后输入文字。此操作产生一文字图层。若要改变字体颜色,可先选中文字,再单击属性栏中的若要改变字体颜色,可先选中文字,再单击属性栏中的 。若要使文字变形,可单击若要使文字变形,可单击 ,其对话框及变

84、形文字如下图。,其对话框及变形文字如下图。象换础砧百肿同惭乎隧交澄哄赠袍逮在即隶挟告迄弹骂圭漱整茄享芭场钙第章多媒体技术及应用第章多媒体技术及应用山东大学计算机科学与技术学院基础技术教学部2. 2. 文字属性的设定和编辑文字属性的设定和编辑v文字属性的设置和编辑可通过字符控制面板和文字属性的设置和编辑可通过字符控制面板和段落控制面板段落控制面板进行。进行。字符控制面板可用来编辑文本字符。字符控制面板可用来编辑文本字符。面板中各项的意义如下图。面板中各项的意义如下图。段落控制面板可用来编辑文本段落。段落控制面板可用来编辑文本段落。v选择选择“窗口窗口”菜单下的菜单下的“字符字符”、“段落段落”可

85、显示或隐藏两个面板。可显示或隐藏两个面板。命尸叙炒灿琴坍惊邯穗肢阐半儡鄙驳谋炉美捌仕郧峻休瞒逮忌撩遭储了份第章多媒体技术及应用第章多媒体技术及应用山东大学计算机科学与技术学院基础技术教学部3. 3. 特殊效果字体制作实例特殊效果字体制作实例 v凹陷字制作实例凹陷字制作实例 : :媚秤舜腮辰囱份牵族东姬渊桐闺哈值夯政院指急浴槛坊川鞭户记漫腺朱酞第章多媒体技术及应用第章多媒体技术及应用山东大学计算机科学与技术学院基础技术教学部4.5 动画制作软件概述动画制作软件概述4.5.1 Flash MX工作界面工作界面4.5.2 Flash动画的基本概念动画的基本概念4.5.3 Flash动画的创作基础动画

86、的创作基础4.5.4 Flash动画制作实例动画制作实例4.5.5 Flash交互交互程序设计程序设计4.5.6 Flash交互动画举例交互动画举例 蛰课悲从居椎族蛇柞沧怒魂协搓媳肯枯贩军搜沟草渝绦招兄洗庆截树笨伪第章多媒体技术及应用第章多媒体技术及应用山东大学计算机科学与技术学院基础技术教学部4.5.1 Flash MX4.5.1 Flash MX工作界面工作界面锦忽特翠绪袭遏晤扎睡纸粘忠坯侣恍蚂嗜屎埔纸崖槐棺更刷丛丹枝詹脖雇第章多媒体技术及应用第章多媒体技术及应用山东大学计算机科学与技术学院基础技术教学部4.5.2 Flash4.5.2 Flash动画的基本概念动画的基本概念1. 1. 帧

87、帧 2. 2. 时间时间轴轴 3. 3. 图层图层 4. 4. 舞台舞台 5. 5. 场景场景 6. 6. 动画动画 7. 7. 元件、实例和库元件、实例和库 8. 8. 组件组件 9. ActionScript 9. ActionScript 苫事噶遁刊忿伦躁基滔使亏受纶侥码裁威捏倔啸牲疚泼弹垣苗心早素釉饥第章多媒体技术及应用第章多媒体技术及应用山东大学计算机科学与技术学院基础技术教学部1. 1. 帧帧v帧帧(Frame)(Frame)是动画中的一幅画面,帧中装载着是动画中的一幅画面,帧中装载着FlashFlash作品的作品的播放内容播放内容( (图形、音频、素材符号和其它嵌入对象图形、音频

88、、素材符号和其它嵌入对象) )。v一系列的帧以一定的速度播放就形成了动画效果。一系列的帧以一定的速度播放就形成了动画效果。 vFlashFlash中的帧分为三种类型:中的帧分为三种类型: 关键帧关键帧静止帧静止帧过渡帧过渡帧似签吟浩穷粟汕撇博卤侣冀坡抽烽坠哇稽油亩有霓膊拖沸碾抄趴臣判研疙第章多媒体技术及应用第章多媒体技术及应用山东大学计算机科学与技术学院基础技术教学部2. 2. 时间时间轴轴v时间轴为用户提供了一个修改层和帧的界面时间轴为用户提供了一个修改层和帧的界面, ,主要有图层主要有图层工作区和帧操作区。工作区和帧操作区。 亚英地钾欠稽艳鼓荣轻撼焚雏迂闸磕汇羞煎举辐革阎蒙帛佣匝栖负瞻啼芍

89、第章多媒体技术及应用第章多媒体技术及应用山东大学计算机科学与技术学院基础技术教学部3. 3. 图层图层v图层可以看成是叠放在一起的透明的胶片,在不图层可以看成是叠放在一起的透明的胶片,在不同层上编辑不同的动画而互不影响。同层上编辑不同的动画而互不影响。v图层图层是为了制作复杂动画而引入的一种手段。每是为了制作复杂动画而引入的一种手段。每个图层都有各自的时间轴,包含了一系列的帧。个图层都有各自的时间轴,包含了一系列的帧。在各图层中所使用的帧都是独立的。在各图层中所使用的帧都是独立的。v图层与图层之间既互相独立,又互相影响。图层图层与图层之间既互相独立,又互相影响。图层按一定顺序重叠在一起,产生综

90、合效果。按一定顺序重叠在一起,产生综合效果。仰谁颜搀过每桌窝滤烹窗麻党陇铣游晦柞勇切尝佐狈神娜烁否拎瘤踪矗长第章多媒体技术及应用第章多媒体技术及应用山东大学计算机科学与技术学院基础技术教学部4. 4. 舞台舞台v是对作品中的对象进行编辑、修改的场所,也是欣赏是对作品中的对象进行编辑、修改的场所,也是欣赏 动画作品的场地。动画作品的场地。v选择菜单选择菜单“修改修改”/“”/“文档文档”命令弹出对话框如下图,命令弹出对话框如下图,可以修改舞台尺寸、背景色、帧频、标尺单位等参数。可以修改舞台尺寸、背景色、帧频、标尺单位等参数。尝崩眷色遥酞费汪瀑呐妮蝗附命钧喀怔尧方娩县堪读镍丢承拟攀誊掸嫁王第章多媒

91、体技术及应用第章多媒体技术及应用山东大学计算机科学与技术学院基础技术教学部5. 5. 场景场景v是是FlashFlash作品中相对独立的一段动画内容。作品中相对独立的一段动画内容。v一个一个FlashFlash作品可以有若干个场景组成,每个场景中作品可以有若干个场景组成,每个场景中的图层和帧均相对独立。的图层和帧均相对独立。v Flash Flash会自动按场景的顺序进行播放。会自动按场景的顺序进行播放。绍兜舒朔措泅含候兄泄吁欧狼徽肚拉严叛痘喝鲤夸驰焚竞烘严板躇懈镰层第章多媒体技术及应用第章多媒体技术及应用山东大学计算机科学与技术学院基础技术教学部6. 6. 动画动画v动画是指物体在一定的时间

92、内发生的变化过程,包括动画是指物体在一定的时间内发生的变化过程,包括动作、位置、颜色、形状、角度等的变化,在计算机动作、位置、颜色、形状、角度等的变化,在计算机中是用一幅幅的图片来表现这种变化的。中是用一幅幅的图片来表现这种变化的。vFlashFlash动画是以时间轴为基础的帧动画,有两类:动画是以时间轴为基础的帧动画,有两类: 逐逐帧帧动动画画: : 又又称称叠叠加加动动画画或或连连续续关关键键帧帧动动画画,是是将将每每一一帧帧都都作作为为关关键键帧帧使使用用,用用来来实实现现无无法法用用渐渐变变动动画画实实现的效果。现的效果。变变形形动动画画: : 又又称称补补间间动动画画,通通过过内内插

93、插的的方方法法在在两两关关键键帧之间自动生成渐变的中间帧。帧之间自动生成渐变的中间帧。 变形动画又分变形动画又分补间动作渐变补间动作渐变和和补间形状渐变补间形状渐变两种。两种。 刻宠擎搜黄绚念惦光扶掂涣庙炼茫坠梧杰湃败歧潦升腹息扮瞻沏跺婚继焙第章多媒体技术及应用第章多媒体技术及应用山东大学计算机科学与技术学院基础技术教学部7. 7. 元件、实例和库元件、实例和库v元件元件(Symbol)(Symbol)指在指在Flash MXFlash MX中创建的图形、按钮或影片中创建的图形、按钮或影片剪辑三种类型的对象:剪辑三种类型的对象: 图形类图形类(Graphics)(Graphics),标识符,用

94、于创建静态的图形。,标识符,用于创建静态的图形。 按按钮钮类类(Button)(Button), ,标标识识符符,用用于于创创建建影影片片中中对对鼠鼠标标事事件件(如如点点击、滑过等)做出响应的交互式按钮。击、滑过等)做出响应的交互式按钮。 影影片片剪剪辑辑类类(Movie (Movie Clip)Clip),标标识识符符,用用于于创创建建可可独独立立于于主主影影片时间轴播放的及可重复使用的动画片断。片时间轴播放的及可重复使用的动画片断。v实例(实例(InstanceInstance)是元件的副本。)是元件的副本。v库库 存放和组织已创建的元件,声音等文件。存放和组织已创建的元件,声音等文件。

95、 雷吼眯轨苏狡柜滔潜撂岸稼篡马捣将瘫抱堂渭未才询媒彪董弊翰恨万鄙噬第章多媒体技术及应用第章多媒体技术及应用山东大学计算机科学与技术学院基础技术教学部8. 8. 组件组件v组组件件( (UI UI Components)Components)是是具具有有已已定定义义参参数数的的复复杂杂影影片片剪剪辑辑,这些参数在动画文件的创作期间进行设置。这些参数在动画文件的创作期间进行设置。 v组件组件面板如面板如图图, ,它有它有7 7个用户界面组件个用户界面组件: :CheckBox(CheckBox(复选框复选框) )ComboBoxComboBox(组合列表框)(组合列表框)ListBoxListBo

96、x(列表框)(列表框)PushButtonPushButton(按钮)(按钮)RadioButtonRadioButton(单选按钮)(单选按钮)ScrollBarScrollBar(滚动条)(滚动条)ScrollPaneScrollPane(滚动板)(滚动板)沟衰衍味喇遂而晰弹狭渤抄责效甚豪跑囤率缕冰挑铀翱娱腕示荆抵叠砚茄第章多媒体技术及应用第章多媒体技术及应用山东大学计算机科学与技术学院基础技术教学部9. ActionScript9. ActionScriptvActionScriptActionScript(ASAS)称为脚本语言,与)称为脚本语言,与JavaScriptJavaScri

97、pt语语言十分相似。言十分相似。v在在FlashFlash中利用中利用ActionScriptActionScript可以支配对象、响应外部可以支配对象、响应外部事件、创建交互动作,从而创造高质量动画影片及动事件、创建交互动作,从而创造高质量动画影片及动态交互型网页,如复杂的游戏、动画聊天室、多媒体态交互型网页,如复杂的游戏、动画聊天室、多媒体教学系统等。教学系统等。勇阂委免四辑贸固形夫睹硕寒悯纪瓶敬耙赶其唬泛锥气歼妨匿窖剩痕守看第章多媒体技术及应用第章多媒体技术及应用山东大学计算机科学与技术学院基础技术教学部4.5.3 Flash4.5.3 Flash动画的创作基础动画的创作基础1. 1.

98、绘图绘图 2. 2. 对象的操作对象的操作 3. 3. 创建元件与实例创建元件与实例 玄魏枫嚎蕴钱度工窃擒嫉休蚁冶郭贬升漫禄挖礼沥创礁系爆拌载番库雪滁第章多媒体技术及应用第章多媒体技术及应用山东大学计算机科学与技术学院基础技术教学部1. 1. 绘图绘图vFlashFlash的绘图工具箱用于绘制、填充颜色、选择和修改对的绘图工具箱用于绘制、填充颜色、选择和修改对象,其中放置了可供图形和文本编辑的各种工具。象,其中放置了可供图形和文本编辑的各种工具。vFlashFlash中,图形通常由外部笔触线条(轮廓线)和内部填中,图形通常由外部笔触线条(轮廓线)和内部填充色两部分组成,这两部分是相互独立的对象

99、,点击鼠充色两部分组成,这两部分是相互独立的对象,点击鼠标可以进行单独操作,双击鼠标可选中两者。标可以进行单独操作,双击鼠标可选中两者。 丽牟址平宣故祥倪囤竣曾黍瞅欣鹰尉纤鹊睡徽叔讥盘掀孺哦苔蚕管穿蓝黎第章多媒体技术及应用第章多媒体技术及应用山东大学计算机科学与技术学院基础技术教学部2. 2. 对象的操作对象的操作 Flash Flash对于对象的处理多种多样,包括移动、变形、对于对象的处理多种多样,包括移动、变形、对齐、组合和打散等。对齐、组合和打散等。 v对象的组合与分离对象的组合与分离 v对象的缩放、旋转对象的缩放、旋转缩放操作缩放操作 旋转操作旋转操作 更改旋转中心更改旋转中心 裂匡暮

100、辽虐澡简盯存轧陇坛嗅透泊高货饶缘齿怖魁麓腑涉妮铂虑铣邦谋纠第章多媒体技术及应用第章多媒体技术及应用山东大学计算机科学与技术学院基础技术教学部3. 3. 创建元件与实例创建元件与实例 v要创作一幅有个性的作品,必需创建适合自己目的的要创作一幅有个性的作品,必需创建适合自己目的的元件,以在动画制作的过程中调用它而生成不同的实元件,以在动画制作的过程中调用它而生成不同的实例,并减少文件所需要的存储空间。例,并减少文件所需要的存储空间。 v创建元件的两种方法:创建元件的两种方法: (1) 对象转换成元件对象转换成元件 (2) 新建一个元件新建一个元件 指虑宏呆屎宅慑疼纶瓤讨钳链倾腹呆爪钡挽玉哨诅妨围缕

101、决皮膳示驻钙似第章多媒体技术及应用第章多媒体技术及应用山东大学计算机科学与技术学院基础技术教学部(1) 对象转换成元件对象转换成元件 从工作区中选取对象,执行从工作区中选取对象,执行“插入插入”、“转换为元件转换为元件”(快捷键为快捷键为F8),弹出对话框,从中定义元件的名称,弹出对话框,从中定义元件的名称和类型。这时选中的对象就成为新建元件的一个实例。和类型。这时选中的对象就成为新建元件的一个实例。按按Ctrl-L,可以看到新建好的元件。,可以看到新建好的元件。 巾纶邢黍痛缎擎链恒将哺酿枣钧锯察颤遵售力称舷抨生烧弹蚕法慧帅点摩第章多媒体技术及应用第章多媒体技术及应用山东大学计算机科学与技术学

102、院基础技术教学部(2)新建一个元件)新建一个元件。 在菜单中选在菜单中选“插入插入/新建元件新建元件”,弹出对,弹出对话框,设定后点击话框,设定后点击“确定确定”进入元件编辑进入元件编辑状态,编辑区中心的状态,编辑区中心的“+ +”用于定位。用于定位。 得鳞鸵跑缓斑茫辑橙茧器椭削趣悦张愉景剑斧把译乱群贾奏裤拇审杨孕迢第章多媒体技术及应用第章多媒体技术及应用山东大学计算机科学与技术学院基础技术教学部4.5.4 Flash4.5.4 Flash动画制作实例动画制作实例1. 1. 运动的小车运动的小车2. 2. 形状渐变动画形状渐变动画 3. 3. 按钮的制作按钮的制作 4. 4. 移动和旋转动画移

103、动和旋转动画 5. 5. 雨滴模拟雨滴模拟 6. 6. 飘扬的红旗飘扬的红旗 7. 7. 利用外部素材制作动画利用外部素材制作动画 个柿督帧碱颈熔桔踩彤囊蠕凯爪背瞪颊眼纤航斡贼缩于嘉炳煤亨贱症荐汁第章多媒体技术及应用第章多媒体技术及应用山东大学计算机科学与技术学院基础技术教学部1. 1. 运动的小车运动的小车基本步骤基本步骤: :(1 1)设置工作环境。)设置工作环境。 (2 2)创建元件。)创建元件。 (3 3)设置起始帧。)设置起始帧。 (4 4)设置终止帧。)设置终止帧。 (5 5)设置帧间的过渡,选择)设置帧间的过渡,选择“补间补间”为为“动作动作”。 (6 6)观察动画效果,可)观察

104、动画效果,可按按Ctrl+EnterCtrl+Enter预览动画预览动画。 (7 7)最后再对动画进行一下整理,在)最后再对动画进行一下整理,在“图层图层1 1”上双击上双击鼠标,将鼠标,将“图层图层1 1”改名为改名为“小车小车”。(8 8)可更改中间帧对象的大小、颜色等属性以创建更精)可更改中间帧对象的大小、颜色等属性以创建更精彩的动画效果如彩的动画效果如Alpha、大小和速度的变化等。、大小和速度的变化等。 顶底绦愚顽拴庆吱裂鬼源贱凛迫叙识宰僧覆军你奉接叙锦轻扼涅统鼎胀阳第章多媒体技术及应用第章多媒体技术及应用山东大学计算机科学与技术学院基础技术教学部2. 2. 形状渐变动画形状渐变动画

105、基本步骤基本步骤: :(1 1)新建一个文档,属性设为宽)新建一个文档,属性设为宽400px400px,高,高100px100px,白色的背景。,白色的背景。 (2 2)选择第)选择第1 1帧,绘制一个蓝色、无边线的圆形。帧,绘制一个蓝色、无边线的圆形。 (3 3)点第)点第3030帧按帧按F6F6键,将蓝色的圆形拖到屏幕右端,选中油漆桶工具,键,将蓝色的圆形拖到屏幕右端,选中油漆桶工具,将其改为红色的圆形。选择工具,移到圆的边缘,慢慢把它变成红将其改为红色的圆形。选择工具,移到圆的边缘,慢慢把它变成红色色的心形的心形。 (4 4)选第)选第1 1帧,在属性面板选择帧,在属性面板选择“补间:形

106、状补间:形状”,则时间轴窗口的第,则时间轴窗口的第1 1帧帧和第和第3030帧之间出现一个实线箭头,背景变成淡绿色。帧之间出现一个实线箭头,背景变成淡绿色。 (5 5)播放,即会看到原来的矩形逐渐变形为两个形状。注意它与补间动)播放,即会看到原来的矩形逐渐变形为两个形状。注意它与补间动作的不同。作的不同。程丁额庸倒汲蔽若雁谗裹播斥俊苯堡壹腕倦搜傲捧墙怨呛付厉色垃瘴馏桂第章多媒体技术及应用第章多媒体技术及应用山东大学计算机科学与技术学院基础技术教学部3. 3. 按钮的制作按钮的制作 按按钮钮元元件件比比较较独独特特,在在其其编编辑辑状状态态下下,时时间间轴轴上上显显示示四四帧互不相同的内容:帧互

107、不相同的内容:第第一一帧帧:弹弹起起帧帧,表表示示鼠鼠标标不不在在按按钮钮上上时时的的状状态态,也也是是一一般情况下按钮的状态。般情况下按钮的状态。第二帧:指针经过帧,表示鼠标位于按钮上面时的状态。第二帧:指针经过帧,表示鼠标位于按钮上面时的状态。第三帧:按下帧,表示鼠标点击按钮尚未释放时的状态。第三帧:按下帧,表示鼠标点击按钮尚未释放时的状态。第第四四帧帧:点点击击帧帧,定定义义对对鼠鼠标标做做出出反反应应的的区区域域,这这个个反反应应区域在影片中是看不见的。区域在影片中是看不见的。杰午石夕复悉冰彻祭吐慷氨腐盘概费宣吗勿犬削谋仗夺险呢温奴蓉叛衫翼第章多媒体技术及应用第章多媒体技术及应用山东大

108、学计算机科学与技术学院基础技术教学部3. 3. 按钮的制作按钮的制作v(1 1)静态按钮)静态按钮 按按Ctrl+F8创建新元件,命名为创建新元件,命名为Button,并选择,并选择“按钮按钮”类进入按钮编辑窗口。类进入按钮编辑窗口。点击进入弹起帧编辑状态,按点击进入弹起帧编辑状态,按Ctrl+L打开库面板,将已打开库面板,将已经做好的弹起帧图片拖到编辑窗口中;同样拖入经做好的弹起帧图片拖到编辑窗口中;同样拖入“指针指针经过经过”帧和帧和“按下按下”帧的内容,调整大小、中心位置。帧的内容,调整大小、中心位置。回到主场景中,按回到主场景中,按Ctrl+LCtrl+L打开图库窗口,把打开图库窗口,

109、把ButtonButton按钮按钮拖到工作区中,按拖到工作区中,按Ctrl-EnterCtrl-Enter测试效果。测试效果。 购芥玩磨痹吁涟麻檄黎畴声受路页钞粹示直硼伪否辨史石思绿问膳唱汉凤第章多媒体技术及应用第章多媒体技术及应用山东大学计算机科学与技术学院基础技术教学部3. 3. 按钮的制作按钮的制作v(2 2)动态按钮的制作)动态按钮的制作 按按Ctrl-F8新建一按钮类元件,取名为新建一按钮类元件,取名为button。在弹起帧,把在弹起帧,把“弹起弹起”从图库拖到编辑窗口。在指针经过帧上,按从图库拖到编辑窗口。在指针经过帧上,按F6F6插入关键帧,从图库中拖出插入关键帧,从图库中拖出“

110、奔跑奔跑”影片剪辑,把它放在影片剪辑,把它放在“弹起弹起”元件的上方,调整它的位置以把元件的上方,调整它的位置以把“弹起弹起”元件完全遮住。元件完全遮住。选中选中“奔跑奔跑”影片剪辑,按影片剪辑,按Ctrl-X把它剪切掉;再选中把它剪切掉;再选中“弹起弹起”元元件,按件,按Delete键删除,然后再按键删除,然后再按Ctrl+Shift+V把剪掉的把剪掉的“奔跑奔跑”粘粘帖到原处,这样帖到原处,这样“奔跑奔跑”元件就与刚才的元件就与刚才的“弹起弹起”元件在同一位置。元件在同一位置。回到主场景中,从库中把回到主场景中,从库中把button按钮拖出来,再按按钮拖出来,再按Ctrl-Enter观察观

111、察效果。效果。 络湘茂匈戎蚌顷憎侄卿渺宿盏俗橙俏奥亢狰托姜梭吗佯掳丹颂睫箔泻玫牟第章多媒体技术及应用第章多媒体技术及应用山东大学计算机科学与技术学院基础技术教学部4. 4. 移动和旋转动画移动和旋转动画 基本步骤基本步骤: :(1 1)修改场景。)修改场景。 (2 2)创建)创建“欢迎欢迎”元件。元件。 (3 3)同样创建)同样创建“您来您来”元件。元件。 (4 4)回到场景编辑状态,保存文件。)回到场景编辑状态,保存文件。 (5 5)制作下落动画。)制作下落动画。 (6 6)制作右移动画。)制作右移动画。 (7 7)创建返回的动画。)创建返回的动画。 (8 8)制作文字的旋转动画。)制作文字

112、的旋转动画。 (9 9)将文字打散,将白色的文字改为红色。)将文字打散,将白色的文字改为红色。 按按Ctrl+Enter键播放动画。键播放动画。 仔苑枯郑茅酒错珐匡带涸嫌版疙赐碍窍峪召骂番瀑躇欧珍虞粗允兔皋怜浴第章多媒体技术及应用第章多媒体技术及应用山东大学计算机科学与技术学院基础技术教学部5. 5. 雨滴模拟雨滴模拟 基本步骤基本步骤: :(1 1)选择)选择“文件文件/ /新建新建”,设置好工作区。,设置好工作区。 (2 2)创建水滴元件和水波元件。)创建水滴元件和水波元件。 (3 3)打开库面板,将水滴元件拖入文档的顶部并适当调整其大小。)打开库面板,将水滴元件拖入文档的顶部并适当调整其

113、大小。 (4 4)将水滴拖至文档的底部并适当调整其大小,使水滴从上落下来。)将水滴拖至文档的底部并适当调整其大小,使水滴从上落下来。 (5 5)点击第)点击第1 1帧,将属性面板中的帧,将属性面板中的“补间补间”设为设为“动作动作”,完成水滴下落,完成水滴下落动作。动作。 (6 6)新建一个图层并命名为)新建一个图层并命名为“水波散开水波散开”。 (7 7)在第)在第3030帧按帧按F6F6键插入一关键帧,完成水波散开的设置。键插入一关键帧,完成水波散开的设置。 (8 8)新建)新建4 4个图层,用于第个图层,用于第2 2、第、第3 3个水滴的下落和水波散开。个水滴的下落和水波散开。 (9 9

114、)按)按EnterEnter键或键或Ctrl+EnterCtrl+Enter键,预览一下所做的动画效果。键,预览一下所做的动画效果。 (1010)对上面的动画做一改进,用菜单中的)对上面的动画做一改进,用菜单中的“文件文件/ /导入导入”命令设置背景,命令设置背景, 让两个水滴从叶子上落下来,滴入水中,激起一圈圈的波纹。让两个水滴从叶子上落下来,滴入水中,激起一圈圈的波纹。 卜汹院蛾考童妆哩伏仪悄阿撬分快坤赣篷跌歼偏喉谚猎原滤幌泪鸽蓖池恐第章多媒体技术及应用第章多媒体技术及应用山东大学计算机科学与技术学院基础技术教学部6. 6. 飘扬的红旗飘扬的红旗基本步骤基本步骤: :(1 1)选择)选择“

115、文件文件/ /新建新建”,设置好工作区。,设置好工作区。 (2 2)创建)创建红旗红旗元件。元件。 (3 3)制作右移动画效果。)制作右移动画效果。 (4 4)增加一个新图层,命名为增加一个新图层,命名为“遮罩遮罩”。 (5 5)右)右击击“遮罩遮罩”图层,从图层,从“属性属性”中选择中选择“遮罩层遮罩层”,设置,设置时间时间轴。轴。 (6 6)做点修饰,新增加一个图层,画上旗杆,动画效果将更加形象。)做点修饰,新增加一个图层,画上旗杆,动画效果将更加形象。 逾仗守趾蚀淹创奉拜筛晋武瘩衫羽屈题窄旋永烦熄生脾却律寨郭盏诫遮卷第章多媒体技术及应用第章多媒体技术及应用山东大学计算机科学与技术学院基础

116、技术教学部7. 7. 利用外部素材制作动画利用外部素材制作动画利用外部的图片和声音,制作一个模拟圣诞老人滑雪的动画。利用外部的图片和声音,制作一个模拟圣诞老人滑雪的动画。 基本步骤基本步骤: :(1 1)新建一个文件,文档属性为)新建一个文件,文档属性为550550400 px400 px,播放速度为每秒,播放速度为每秒1212帧。帧。(2 2)利用)利用“文件文件/ /导入导入”命令导入外部的图片作为背景图形。命令导入外部的图片作为背景图形。(3 3)新建一个图层,再导入外部图形文件)新建一个图层,再导入外部图形文件shengdan1.bmp。 注注意意:它它带带有有白白色色背背景景,按按C

117、trl+B,选选择择套套索索下下的的魔魔棒棒工工具具,点点击击白白色背景,按色背景,按Delete键删除。再用部分选取工具删除周围的锚点。键删除。再用部分选取工具删除周围的锚点。 处理完后用箭头工具画一个大矩形,按处理完后用箭头工具画一个大矩形,按Ctrl+G组合起来,按组合起来,按F8将其将其转换为图形类元件命名为转换为图形类元件命名为“圣诞圣诞1 1”。 润吻亥埃徒帛多舶慧歪警闭漫汾瑟恐旋麻钒驼甘溯敞瞎蛋目俞撂汛栈遗枯第章多媒体技术及应用第章多媒体技术及应用山东大学计算机科学与技术学院基础技术教学部7. 7. 利用外部素材制作动画利用外部素材制作动画(4 4)在)在shengdan1she

118、ngdan1层上,调整对象层上,调整对象“圣诞圣诞1 1”的形状和旋转角度。的形状和旋转角度。(5 5)新建一运动引导层。)新建一运动引导层。 (6 6)选择)选择shengdan1shengdan1层的第层的第1 1帧,选箭头工具帧,选箭头工具并并选择对齐对象按钮,选中选择对齐对象按钮,选中“圣诞圣诞1 1”,指定移动路线。,指定移动路线。(7 7)同样的方法分别建立)同样的方法分别建立“圣诞圣诞3 3”、“圣诞圣诞4 4”、“圣诞圣诞5 5”、“圣诞圣诞6 6”和和“圣诞圣诞7 7”的图形类元件。的图形类元件。(8 8)在)在shengdan1shengdan1层的上方新建一个图层,命名为

119、层的上方新建一个图层,命名为shengdan2shengdan2。打开库面。打开库面板,在第板,在第1010帧按帧按F6F6,将,将“圣诞圣诞2 2”元件拖入并适当调整其大。元件拖入并适当调整其大。 (9 9)在)在shengdan2shengdan2层的上层的上点击点击第第2020帧,适当调整其大小。帧,适当调整其大小。 (1010)点击背景图层,点击背景图层,利用利用“文件文件/ /导入导入”命令导入外部的声音文件命令导入外部的声音文件。 昂供酶奶唾翘田鸿嘴溯淤嗡晾拱缉氖测掇辅芬堡野围筷介抨纱杖年十傲遁第章多媒体技术及应用第章多媒体技术及应用山东大学计算机科学与技术学院基础技术教学部4.5

120、.5 Flash4.5.5 Flash交互交互程序设计程序设计Flash的脚本语言称为的脚本语言称为ActionScript(AS),运用它可在),运用它可在动画中控制对象的行为和人机交互方式,还能进行各动画中控制对象的行为和人机交互方式,还能进行各种运算,从而创作出高质量的动画作品,用于电影特种运算,从而创作出高质量的动画作品,用于电影特技及动态网页中。技及动态网页中。F1ash MX提供了一种非常简易的界面,提供了一种非常简易的界面,每一行代码都可每一行代码都可以简单地从动作面板中直接调用。以简单地从动作面板中直接调用。使用者只要动动鼠使用者只要动动鼠标,由列表中挑选取合适的动作标,由列表

121、中挑选取合适的动作(Actions),(Actions),并进行必并进行必要的设定即可,使不懂程序语言的人都能会用要的设定即可,使不懂程序语言的人都能会用AS。韵桨附撰颖螟屡屡给峦千谁毗正柑添菠藤挖别放零沸资驮谗增拆铣榷尽匀第章多媒体技术及应用第章多媒体技术及应用山东大学计算机科学与技术学院基础技术教学部4.5.5 Flash4.5.5 Flash交互交互程序设计程序设计在在F1ash的的影影片片中中,脚脚本本可可分分为为帧帧和和元元件件两两类类,其其中中元元件件又又分分为为影影片片剪剪辑辑和和按按钮钮两两种种,因因此此可可以以在在三三个个地地方方加加入程序控制:入程序控制:帧帧(Frame)

122、:在在指指定定的的帧帧上上编编写写程程序序脚脚本本,则则指指定定的的动动 作作会根据影片的播放顺序而执行。会根据影片的播放顺序而执行。按按钮钮(Button):通通常常这这些些动动作作都都是是在在某某些些特特定定事事件件发发生生时时才才会会执执行行,如如按按钮钮被被按按下下或或放放开开、鼠鼠标标经经过过时时。每每一一个按钮的实例个按钮的实例(Instance)都可以有自己的动作。都可以有自己的动作。电电影影剪剪辑辑(MovieClip):通通常常是是在在该该“电电影影剪剪辑辑”被被载载入入,或是取得某些信号时才会被执行。或是取得某些信号时才会被执行。抄浚速碰莎秋拓寺账延奇像五凳昆拟拥耻四虫冠迪

123、醛束辰缸内沉揭胡漏秘第章多媒体技术及应用第章多媒体技术及应用山东大学计算机科学与技术学院基础技术教学部4.5.5 Flash4.5.5 Flash交互交互程序设计程序设计在在图图层层中中输输入入的的动动作作脚脚本本,就就称称为为动动作作帧帧。在在每每个图层的每个关键帧上,都可以分别输入动作脚本。个图层的每个关键帧上,都可以分别输入动作脚本。属属于于元元件件的的脚脚本本,必必须须在在有有事事件件发发生生时时(例例如如用用鼠鼠标标单击该对象单击该对象),脚本才会发生作用。,脚本才会发生作用。1. 1. 动作概述动作概述 2. 2. 事件与响应函数事件与响应函数 3. 3. 方法和属性方法和属性 术

124、找磨手京践冉惯泊粳养坊靛集串寒从唁诞昆绍甘籍停回庸湍武锑侩脱碌第章多媒体技术及应用第章多媒体技术及应用山东大学计算机科学与技术学院基础技术教学部1. 1. 动作概述动作概述 v动作是指用动作是指用ASAS编写的、编写的、当特定事件发生时才执行当特定事件发生时才执行的一组命令。可的一组命令。可以触发动作的事件是播放到某帧、单击一个按钮,或用户按键盘以触发动作的事件是播放到某帧、单击一个按钮,或用户按键盘上的上的个键。个键。v动作在动画的播放过程中体现出来,当播放头到达某帧时会发出动作在动画的播放过程中体现出来,当播放头到达某帧时会发出一些特定的事件,要求用户的键盘操作或点击鼠标,从而实现移一些特

125、定的事件,要求用户的键盘操作或点击鼠标,从而实现移动对象、输入信息、退出等交互操作。动对象、输入信息、退出等交互操作。 vASAS拥有语法、变量、函数等,其结构与拥有语法、变量、函数等,其结构与C CC C+或者或者JavaJava等高级编等高级编程语言相似,也由许多行语句代码组成,每行语句又是由程语言相似,也由许多行语句代码组成,每行语句又是由些命些命令、运算符、分号等组成。令、运算符、分号等组成。v编写脚本在编写脚本在“动作动作”面板中进行。左边面板将所有动作都列在选面板中进行。左边面板将所有动作都列在选项卡中。在项卡中。在“标准模式标准模式”下双击所选下双击所选“动作动作”即可将脚本添加

126、到即可将脚本添加到右边的窗体中。若选择右边的窗体中。若选择“专家模式专家模式”,可以直接在右边的脚本窗,可以直接在右边的脚本窗体中编写程序,该方式适合编写大段的程序。体中编写程序,该方式适合编写大段的程序。 锣疑黍韶盂怀升榨疤惯侩盈最险组卤芒挂芍向酝敖锐疙鹤个畏搬香岭博迁第章多媒体技术及应用第章多媒体技术及应用山东大学计算机科学与技术学院基础技术教学部1. 1. 动作概述动作概述 vFlashFlash将动画脚本设计工作归结为八个方面将动画脚本设计工作归结为八个方面: :动作、运算符、动作、运算符、函数、常量、属性、对象、函数、常量、属性、对象、Flash UIFlash UI组件和索引。其中

127、动作组件和索引。其中动作控制技术有影片控制、浏览器控制技术有影片控制、浏览器/ /网络、影片剪辑控制、变量、网络、影片剪辑控制、变量、条件条件/ /循环、打印、用户自己定义的函数等,每一类下又有许循环、打印、用户自己定义的函数等,每一类下又有许多控制语句。多控制语句。v一些高级的交互动画控制技术需要通过一些高级的交互动画控制技术需要通过ASAS提供的对象、函数提供的对象、函数及相应的运算去实现。常用的一些交互控制有:创建自定义及相应的运算去实现。常用的一些交互控制有:创建自定义鼠标、获取键盘信息、创建滚动文本、设定对象颜色、实现鼠标、获取键盘信息、创建滚动文本、设定对象颜色、实现声音控制、检测

128、对象冲突。声音控制、检测对象冲突。 邪笑卵啮辖么替铸赘已耿梨犀巴污极贰犬坚畦昌率釉褒饲型声朱唯毫磨栋第章多媒体技术及应用第章多媒体技术及应用山东大学计算机科学与技术学院基础技术教学部2. 2. 事件与响应函数事件与响应函数v对对“按钮按钮”型的元件型的元件, ,可在对象的可在对象的handlerhandler中编写相中编写相应动作,以响应键盘应动作,以响应键盘, ,鼠标引发的事件,主要有:鼠标引发的事件,主要有:左键点击:左键点击:release release 左键按下:左键按下:presspress左键抬起移开:左键抬起移开:release outside release outside

129、鼠标位于对象之上:鼠标位于对象之上:roll overroll over鼠标不位于对象之上:鼠标不位于对象之上:roll out roll out 按下拖入对象中:按下拖入对象中:drag overdrag over按下拖出对象中:按下拖出对象中:drag out drag out 键盘按键键盘按键: keypress: keypress东疼吻朗誓西呜努漱蝗钦栏籽网础享御迪地拆蛾古陋猿犊胆媳秘烫纱释歼第章多媒体技术及应用第章多媒体技术及应用山东大学计算机科学与技术学院基础技术教学部3. 3. 方法和属性方法和属性vASAS中的变量可以是全局的,也可以是局部的。全局变中的变量可以是全局的,也可以

130、是局部的。全局变量可以为所有的时间轴线共享,局部变量仅能在所在量可以为所有的时间轴线共享,局部变量仅能在所在代码块中有效。代码块中有效。vASAS中主要有中主要有if-elseif-else条件、条件、forfor循环、循环、whilewhile循环语句。循环语句。vASAS中的运算符表达式同中的运算符表达式同JavaScriptJavaScript中非常类似。中非常类似。vASAS中的图层有两种表方法:中的图层有两种表方法: 相对表示法相对表示法绝对表示法绝对表示法曲表隶爪账鬼迹萧稍坞忆般抡相逐封轮醒勃潍涧盗脏亨隋乾桃向绽倔航畅第章多媒体技术及应用第章多媒体技术及应用山东大学计算机科学与技术

131、学院基础技术教学部4.5.6 Flash4.5.6 Flash交互动画举例交互动画举例 1.1.鼠标跟随效果鼠标跟随效果 2.2.组件的应用组件的应用 所姚香掩渡葵蠕蓖耗沃懂榨及金枚醉顷哥鳖沿是学蛹沧韵矽蹬钟办乌魁跌第章多媒体技术及应用第章多媒体技术及应用山东大学计算机科学与技术学院基础技术教学部1. 鼠标跟随效果鼠标跟随效果基本步骤基本步骤: :(1 1)新建一个文件,设置好场景大小、背景颜色和帧频。)新建一个文件,设置好场景大小、背景颜色和帧频。(2 2)制制作作圆圆圈圈。新新建建一一个个名名叫叫“圆圆圈圈缩缩放放”的的影影片片剪剪辑辑元元件件,按按“确确 定定”按按钮钮进进入入符符号号编

132、编辑辑区区。用用绘绘图图工工具具绘绘制制一一个个小小圆圆圈圈如如下下左左图。图。(3 3)在在第第1 1帧帧上上右右击击,从从弹弹出出的的快快捷捷菜菜单单中中创创建建“补补间间”为为“动动作作”,单击第,单击第1919帧,按帧,按F6F6插入一个关键帧。插入一个关键帧。(4 4)点点击击舞舞台台中中央央的的实实例例,用用工工具具把把它它放放大大如如下下右右图图。单单击击舞舞台台下下方方“属性面板属性面板”中的中的“颜色颜色”,将,将AlphaAlpha值改为值改为5%5%。 辉界负岩限蚂凄想滑椎害佐矽其腕窑枝裁佳虑鹰溅楚缓浦黔简械迫坠爽霄第章多媒体技术及应用第章多媒体技术及应用山东大学计算机科

133、学与技术学院基础技术教学部1. 鼠标跟随效果(续)鼠标跟随效果(续)1.1.( 5 5) 击击 第第 2020帧帧 , 按按 F7F7插插 入入 一一 个个 空空 白白 关关 键键 帧帧 。 单单 击击 舞舞 台台 下下 方方 的的 打打开开动动作作控控制制面面板板,打打开开 文文件件夹夹,点点击击 ,从中双击,从中双击 ,则在右侧的文本框将显示,则在右侧的文本框将显示“stop();stop();”。2.2.(6 6)回回到到场场景景编编辑辑状状态态,新新建建二二个个图图层层,将将三三个个图图层层依依次次命命名名为为“开开始始”、“复制复制”、“圆圈圆圈”。3.3.(7 7)单单击击“圆圆圈

134、圈”层层的的第第1 1帧帧,按按Ctrl+LCtrl+L打打开开库库棉棉板板,将将“圆圆圈圈缩缩放放”动动画画拖拖到到舞舞台台中中央央,在在“属属性性面面板板”中中将将“实实例例名名称称”改改为为“yuanyuan”,如下图。如下图。4.4.(8 8)在该层的第)在该层的第2 2帧上单击,按帧上单击,按F6F6插入一个关键帧。插入一个关键帧。裂蛹帝爆庚雾起侈拦火镰洁奔泛滔蹬烬模合埔冉傅淡昨桂秉栽季返厚凌冷第章多媒体技术及应用第章多媒体技术及应用山东大学计算机科学与技术学院基础技术教学部1. 鼠标跟随效果(续)鼠标跟随效果(续)(9 9)单击)单击“开始开始”层的第层的第1 1帧,打开动作控制面

135、板,依次打开帧,打开动作控制面板,依次打开 、 ,选中并双击,选中并双击 ,在右侧的文本框将,在右侧的文本框将显示显示“startDrag();startDrag();”,在括号中输入,在括号中输入“/yuan,true/yuan,true”。(1010)在该层的第)在该层的第2 2帧上单击,按帧上单击,按F6F6插入一个关键帧插入一个关键帧(1111)单击)单击“复制复制”层的第层的第1 1帧,打开动作控制面板,依次打开帧,打开动作控制面板,依次打开 、 ,找到,找到“ifif”并双击,再找到并双击,再找到 下的下的“duplicateMovieClipduplicateMovieClip”

136、并双击,然后输入程序代码如下图。并双击,然后输入程序代码如下图。 衣伦溅亏嚏巩宅捧缓彬炉秒顺靴光仇游娟嗜遣颅喊急喀嗣瓢陀衡俞迎噶刷第章多媒体技术及应用第章多媒体技术及应用山东大学计算机科学与技术学院基础技术教学部1. 鼠标跟随效果(续)鼠标跟随效果(续)(1212)在在该该层层的的第第2 2帧帧上上单单击击,按按F6F6插插入入一一个个关关键键帧帧,找找到到 、 下下的的“gotoAndPlaygotoAndPlay”并并双双击击,输输入入代代码码“gotoAndPlay(1);gotoAndPlay(1);”。返回第。返回第1 1帧,完成一个循环。帧,完成一个循环。(1313)按)按Ctrl

137、+EnterCtrl+Enter,预览效果。,预览效果。、 先蜒惹麻守蕉跳谊式侗诲酞癸婿疟涕喝恨堕石错洛呢能瞥绕众圈隋婚钦瓜第章多媒体技术及应用第章多媒体技术及应用山东大学计算机科学与技术学院基础技术教学部2. 2. 组件的应用组件的应用 本例设计一个交互式的本例设计一个交互式的“考考你考考你”程序,涉及了静态程序,涉及了静态/ /动动态文本、组件等属性。态文本、组件等属性。基本步骤基本步骤: :(1 1)新建一个文件,设置好场景大小、背景颜色和帧频。)新建一个文件,设置好场景大小、背景颜色和帧频。(2 2)编写题目。双击)编写题目。双击“图层图层1”1”,将名称改为,将名称改为“成语成语”。

138、点击第。点击第1 1帧,帧,选择文字工具,设置其属性设为选择文字工具,设置其属性设为“静态文本、蓝色、华文行楷,静态文本、蓝色、华文行楷,48”48”,在工作区的上方输入,在工作区的上方输入“考考你考考你”几个字。几个字。 用用 工具选中文本,复制一个,按工具选中文本,复制一个,按Ctrl+BCtrl+B打散,将字符改为红颜打散,将字符改为红颜色。按色。按Ctrl+GCtrl+G组合,将红色文本移到蓝色文本的上方,稍微移开一点组合,将红色文本移到蓝色文本的上方,稍微移开一点距离,使之有立体感。距离,使之有立体感。 再选择再选择 ,将字体设为,将字体设为“楷体,楷体,24”24”,在,在 “ “

139、考考你考考你”的下方输入文字。的下方输入文字。 抑谆食若伞餐湖禽奖嚼凭熊写稚敏圃屈寅却置擎嘻暖镶盾寥铬照卫锰共胯第章多媒体技术及应用第章多媒体技术及应用山东大学计算机科学与技术学院基础技术教学部2. 2. 组件的应用(续)组件的应用(续)(3 3)打开)打开组件组件面板,选择面板,选择“CheckBoxCheckBox”,分三次将其拖到场景中的三个,分三次将其拖到场景中的三个选择项之前选择项之前, ,并设置属性(也可选单选按钮)。并设置属性(也可选单选按钮)。(4 4)将)将“Push ButtonPush Button”拖到场景的左侧,并设置属性拖到场景的左侧,并设置属性. .(5 5)用文

140、字工具)用文字工具在工作区中输入在工作区中输入“答案:答案:”,将其属性设为,将其属性设为“静态文本、静态文本、蓝色、楷体,蓝色、楷体,24”24”,再选择,再选择“动态文本动态文本”类型,在其后拖出一个文本框,类型,在其后拖出一个文本框,用于显示所选择的结果。用于显示所选择的结果。 (6 6)选择)选择“窗口窗口/ /公用库公用库/ /按钮按钮”命令,选命令,选 择择“Key ButtonsKey Buttons”下的按钮下的按钮 ,拖到场,拖到场 景的右下方,并在其景的右下方,并在其左边输入左边输入“下一题下一题” ” 。 茶躬异煌偏薄须其纂的额舶轿蒸揖系懦爪爆厨高缚铜狗畦阂蒜桓栓闻仪雀第

141、章多媒体技术及应用第章多媒体技术及应用山东大学计算机科学与技术学院基础技术教学部2. 2. 组件的应用(续)组件的应用(续)(7 7)点击时间轴的第)点击时间轴的第2 2帧,按帧,按F6F6,修改,修改题目,将题目,将“一毛不拔一毛不拔”改为改为“九牛一毛九牛一毛”,将,将“鸡毛鸡毛”改为改为“牦牛牦牛”。从菜单。从菜单“窗口窗口/ /公用库公用库/ /按钮按钮”中选择中选择“Key Key ButtonsButtons”下的下的“key-leftkey-left”按钮按钮 ,拖到场景的左下方,拖到场景的左下方,在其左边输入在其左边输入“上上一题一题”,如图所示。如图所示。 以下是添加动作。以

142、下是添加动作。(8 8)点选第)点选第1 1帧,打开动作面板,帧,打开动作面板,选择选择“标准模式标准模式”。点击打开点击打开 、 ,双击,双击“stopstop”命令。命令。 势故捂跪孙谰泳眯须抉跌绰高渣奶撰练啮怔基碘敏碟凶概既钻渝呼釜压降第章多媒体技术及应用第章多媒体技术及应用山东大学计算机科学与技术学院基础技术教学部2. 2. 组件的应用(续)组件的应用(续)(9 9)定义)定义“确定确定”按钮的按钮的“onclickonclick”函数。新建一函数。新建一个图层,命名为个图层,命名为“动作动作”。点点选该层第选该层第1 1帧,打开动作帧,打开动作面板,点击面板,点击 、 双击双击“fu

143、nctionfunction”,在,在右面的右面的“名称名称”栏输入栏输入“onclickonclick”。双击。双击 下的下的“ifif”命令,输入代码命令,输入代码如右图。如右图。医肄兄邱娜躺炼购铱苇嫡帝娟嗓统打胶鳖钞宪型哉此互戍寡玫辰陡迹沼唇第章多媒体技术及应用第章多媒体技术及应用山东大学计算机科学与技术学院基础技术教学部2. 2. 组件的应用(续)组件的应用(续)(1010)定义)定义“onclickaonclicka”函数。函数。捡潮盖蜂怒歼勺孽秘倦肿凯蜂曙宴毯节垢精压我致郧守颓爬独芥铭姿吐与第章多媒体技术及应用第章多媒体技术及应用山东大学计算机科学与技术学院基础技术教学部2. 2.

144、 组件的应用(续)组件的应用(续)(1111)同样再定义)同样再定义“bullbull”的的“onclickbonclickb”函数代码函数代码 昆迹焦哪同鄙娶龟钵成改储合稳得钠杀振齿和影钎祸刺坛泪菏匹战勿锚鼓第章多媒体技术及应用第章多媒体技术及应用山东大学计算机科学与技术学院基础技术教学部2. 2. 组件的应用(续)组件的应用(续)(1212)点选第)点选第1 1帧中的帧中的 按钮,打开动作面板,打开按钮,打开动作面板,打开 、 ,双击,双击“onon”命令,在右侧的面命令,在右侧的面板中选择板中选择“释放释放”,再从,再从 双击双击“gotoAndStopgotoAndStop”,“帧帧”

145、选为选为“2 2”,表示单击该按钮,表示单击该按钮跳转到第跳转到第2 2帧,帧,如如左图左图,程序代码如,程序代码如右图右图所示。所示。容鲜衬倘汹纽夕塘烤贴疹党囚躁仪诅源赁滇坷谩肄匝呼侨卤考陵呢殉瞒牌第章多媒体技术及应用第章多媒体技术及应用山东大学计算机科学与技术学院基础技术教学部2. 2. 组件的应用(续)组件的应用(续)(1313)点选第)点选第2 2帧中的帧中的 按钮,设置方法同上,只是将按钮,设置方法同上,只是将“帧帧”选为选为“1 1”。 (1414)同样再设置第二帧中各对象的动作,使得只有选择)同样再设置第二帧中各对象的动作,使得只有选择“牛的体毛牛的体毛”时结果正确,其它选项为错误。时结果正确,其它选项为错误。(1515)选择)选择“控制控制/ /测试影片测试影片”命令测试动画。命令测试动画。 社底颧糕漳六治花嗓诽枕累限队巡又绿爱苦貉烽耿盐眩昏迫通马拘消葬谚第章多媒体技术及应用第章多媒体技术及应用山东大学计算机科学与技术学院基础技术教学部 山东大学山东大学 济南市经十路济南市经十路73号邮编:号邮编:250061 网址:网址:http:/皿梦炉铁梧喊桥霞鞋供忍涯暗向泳刃胀狞傲骗糙圣屑果托店凌丹鲍酶撅蔡第章多媒体技术及应用第章多媒体技术及应用

展开阅读全文
相关资源
正为您匹配相似的精品文档
相关搜索

最新文档


当前位置:首页 > 资格认证/考试 > 自考

电脑版 |金锄头文库版权所有
经营许可证:蜀ICP备13022795号 | 川公网安备 51140202000112号