Presentation is loading. Please wait.

Presentation is loading. Please wait.

第10章 声音和视频 本章主要内容: 使用声音 使用视频.

Similar presentations


Presentation on theme: "第10章 声音和视频 本章主要内容: 使用声音 使用视频."— Presentation transcript:

1 第10章 声音和视频 本章主要内容: 使用声音 使用视频

2 10.1 使用声音 添加声音 编辑声音 压缩声音 实战范例——带声音的导航按钮

3 添加声音 1.导入声音 选择【文件】|【导入】|【导入到舞台】或【导入到库】命令打开【导入】对话框,在其中选择需要导入的文件。单击【打开】按钮即可导入声音文件。

4 添加声音 1.导入声音 声音导入Flash文档后,将会自动添加【库】面板的列表中。在列表中选择声音,【库】面板中将显示声音的波形图,单击【播放】按钮可以预览声音效果。

5 添加声音 2.使用声音 声音文件导入到文档中后,就可以在时间轴上添加声音了。在【时间轴】面板中创建一个新图层,选择该图层,从库中将声音拖放到舞台上,此时在该图层的时间轴上将显示声音的波形图,声音被添加到文档中。 专家点拨:在向文档中添加声音时,可以将多个声音放置到同一个图层中,也可以放置到包含动画的图层中。这里,最好将不同的声音放置在不同的图层中,每个图层相当于一个声道,这样有助于声音的编辑处理。

6 编辑声音 1.更改声音 与放置在库中的各种元件一样,声音放置在库中,可以在文档的不同位置重复使用。在时间轴上添加声音后,在声音图层中选择任意一帧,在【属性】面板的【名称】下拉列表框中选择声音文件,此时,选择的声音文件将替换当前图层中的声音。

7 编辑声音 2.添加声效 添加到文档中的声音可以添加声音效果。在【时间轴】面板中选择声音图层的任意帧,在【属性】面板的【效果】下拉列表框中选择声音效果即可。

8 10.1.2 编辑声音 2.添加声效 专家点拨:下面介绍【效果】下拉列表中各选项的含义。 【无】:声音无效果。
编辑声音 2.添加声效 专家点拨:下面介绍【效果】下拉列表中各选项的含义。 【无】:声音无效果。 【左声道】和【右声道】:只在左声道或右声道播放声音。 【向右淡出】或【向左淡出】:声音的播放从左声道向右声道渐变或从右声道向左声道渐变。 【淡入】和【淡出】:声音在播放时音量逐渐增大或逐渐减小。 【自定义】:用于打开【编辑封套】对话框对声音的变化进行编辑。

9 编辑声音 3.使用【声音编辑器】 在时间轴上选择声音所在图层,在【属性】面板中单击【效果】下拉列表框右侧的【编辑声音封套】按钮(或在【效果】下拉列表中选择【自定义】选项)将打开【编辑封套】对话框。使用该对话框将能够对声音的起始点、终止点和播放时的音量进行设置。

10 编辑声音 4.同步声音 Flash的声音可以分为2类,一种是事件声音,一种是流式声音。事件声音指的是将声音与一个事件相关联,只有当事件触发时,声音才会播放。例如,单击按钮时发出的提示声音就是一种经典的事件声音。事件声音必须在全部下载完毕后才能播放,除非声音全部播放完,否则其将一直播放下去。 流式声音就是一种边下载边播放的声音,使用这种方式将能够在整个影片范围内同步播放和控制声音。当影片播放停止时,声音的播放也会停止。这种方式一般用于体积较大,需要与动画同步播放的声音文件。

11 编辑声音 5.声音的循环和重复 选择声音所在图层,在【属性】面板中可以设置声音是重复播放还是循环播放。如果选择【重复】选项,声音将重复播放,在其后的文本框中输入数值可以设置声音播放的次数,如果需要声音循环播放,可以在这里选择【循环】选项。

12 压缩声音 当添加到文档中的声音文件较大时,将会导致Flash文档的增大。当将影片发布到网上时,会造成影片下载过慢,影响观看效果。要解决这个问题,可以对声音进行压缩。 在【库】面板中双击声音图标 (或在选择声音后单击【库】面板下的【属性】按钮 )打开【声音属性】对话框,该对话框将显示声音文件的属性信息。在【压缩】下拉列表中可以选择对声音使用的压缩格式。 1.ADPCM格式 2.MP3格式 3.其他格式

13 实战范例——带声音的导航按钮 1.范例简介 本例介绍带有声音的导航按钮的制作过程。本例影片在播放时,鼠标经过或单击导航按钮时,将获得声音提示,按钮上的标签和文字将有缩放动画出现。通过本例的制作,读者将掌握为按钮添加声音提示的方法,同时掌握制作动画按钮的一般基本方法。 2.制作步骤 略。请参看教材或者观看配盘上的视频教程。

14 10.2 使用视频 添加视频 实战范例——视频课件

15 添加视频 在Flash CS5中,有3种方法来使用视频,它们分别是从Web服务器渐进式下载方式、使用Adobe Flash Media Server流式加载方式和直接在Flash文档中嵌入视频方式。 1.渐进式下载视频 从Web服务器渐进式下载方式是将视频文件放置在Flash文档或生成的SWF文档的外部,用户可以使用FLVPlayback组件或ActionScript在运行时的SWF文件中加载并播放这些外部FLV或F4V视频文件。在Flash中,使用渐进式下载的视频实际上仅仅只是在文档在文档中添加了对视频文件的引用,Flash使用该引用在本地计算机和Web服务器上去查找视频文件。 使用渐进方式下载视频有很多优点,在作品创作过程中,仅发布SWF文件即可预览或测试Flash文档内容,这样可以实现对文档的快速预览,并缩短测试时间。在文档播放时,第一段视频下载并缓存在本地计算机后即可开始视频播放,然后将一边播放一边下载视频文件。

16 添加视频 2.嵌入视频 嵌入视频,是将所有的视频文件数据都添加到Flash文档中。使用这种方式,视频被放置在时间轴上,此时可以方便查看时间轴中显示的视频帧,但这样也会导致Flash文档或生成的SWF文件比较大。下面介绍在Flash文档中嵌入视频的具体操作方法。

17 实战范例——视频课件 1.实例名称 本例介绍在课件中使用视频的方法。通过本例的制作,读者将掌握在文档中导入视频以及在【属性】面板中对FlvPlayback组件进行设置以修改组件外观的方法。同时,通过本例的制作,读者还将了解将视频转换为影片剪辑后,使用【属性】面板为视频添加特效的操作方法。 2.制作步骤 略。请参看教材或者观看配盘上的视频教程。

18 10.3 本章小结 本章学习Flash中声音和视频的导入方法,同时介绍了对这2种文件进行设置的方法。通过本章学习,读者将能够掌握在Flash文档中使用声音和视频素材的方法,同时能够根据创作对导入的声音和视频进行设置。

19 10.4 本章练习

20 10.4 本章练习 二、填空题 (1)选择 命令将声音文件导入到库中,在【时间轴】面板中创建一个新图层,选择该图层,从库中将声音拖放到 ,在该图层的时间轴上将显示声音的 ,声音被添加到文档中。 (2)Flash包含2种类型的声音,一种是事件声音,一种是流式声音。事件声音指的是将声音与一个 相关联,事件声音必须在 才能播放。流式声音就是一种边下载边 的声音,使用这种方式将能够在整个影片范围内使动画和声音 ,当影片播放停止时,声音的播放也停止。 (3)使用MP3格式来压缩文件将能够获得很好的压缩效果,声音文件的体积将变为原来的 ,同时将保证基本不损害声音的 ,这种声音压缩方式,常用于较长且需要 播放的声音。 (4)在【导入视频】对话框中,选择 单选按钮可导入本地计算机上的视频文件。如果要导入已经部署在Web服务器、Flash Video Streaming Service或Flash Media Server上的视频,则可以选择【已经部署到Web服务器、Flash Video Streaming Service或Flash Media Server】单选按钮,然后在 文本框中输入视频的地址。

21 10.5 上机练习和指导 制作动画——心动的感觉 制作动画——3D视频效果

22 10.5.1 制作动画——心动的感觉 使用提供的声音素材制作在心跳声中跳到的心脏动画效果,如图10.52所示。 主要操作步骤指导:
制作动画——心动的感觉 使用提供的声音素材制作在心跳声中跳到的心脏动画效果,如图10.52所示。 主要操作步骤指导: (1)导入声音素材,将声音拖放到舞台上,在【属性】面板中将【同步】设置为【数据流】。在不同的图层中分别绘制心脏和心脏阴影并添加文字。 (2)根据声音所在图层的波形来制作心脏搏动的补间动画,使心脏的搏动与声音同步。

23 10.5.2 制作动画——3D视频效果 使用提供的素材背景图片和视频文件,制作3D视频播放效果,效果如图10.53所示。 主要操作步骤指导:
(1)将素材图片导入到舞台,调整图片的大小。导入视频文件,在【导入视频】对话框中选择【使用播放组件加载外部视频】单选按钮,设置时取消播放组件的外观。

24 制作动画——3D视频效果 (2)从【库】面板中将视频拖放到舞台上,在【属性】面板的【组件参数】栏中将【scaleMode】设置为【exactFit】。调整该视频的大小使其与背景图片中间的显示器大小相同。将该视频转换为影片剪辑。 (3)复制影片剪辑2个,在【属性】面板的【3D定位和查看】栏中设置影片剪辑的3D位置,在【位置和大小】栏中调整它们的大小,在【变形】面板中对影片剪辑进行3D旋转。使影片剪辑与左右两侧的显示器屏幕重合。


Download ppt "第10章 声音和视频 本章主要内容: 使用声音 使用视频."

Similar presentations


Ads by Google