声音与视频 声音和视频的运用 -...

38
声音与视频 Flash中的声音 编辑声音 使用视频 声音和视频的运用

Upload: others

Post on 29-Oct-2019

15 views

Category:

Documents


0 download

TRANSCRIPT

Page 1: 声音与视频 声音和视频的运用 - srv.hnteacher.netsrv.hnteacher.net/media/html/2014jsgbjx/pxj107/pxj10701/download/2.pdf · 12.2.2 实践与练习:口型动画 本例是要制作人物的口型动画,随着声音可以看

声音与视频

Flash中的声音

编 辑 声 音

小 结

使 用 视 频

声音和视频的运用

Page 2: 声音与视频 声音和视频的运用 - srv.hnteacher.netsrv.hnteacher.net/media/html/2014jsgbjx/pxj107/pxj10701/download/2.pdf · 12.2.2 实践与练习:口型动画 本例是要制作人物的口型动画,随着声音可以看

在Flash中也可以处理声音和视频。Flash并不是专

业的音频和视频处理工具,所以对它们的处理也仅限于导

入、绑定和剪裁,而不能进行变调、降噪等操作。

但是Flash具有非常强的音频和视频编码能力,

Flash中的声音和视频可以在文件体积很小的情况下显示出

较高的清晰度,现在越来越多的网站使用Flash来播放视频。

声音和视频的运用

Page 3: 声音与视频 声音和视频的运用 - srv.hnteacher.netsrv.hnteacher.net/media/html/2014jsgbjx/pxj107/pxj10701/download/2.pdf · 12.2.2 实践与练习:口型动画 本例是要制作人物的口型动画,随着声音可以看

声音是多媒体的一大要素。通过“导入”的方

法,可以把声音文件加入到Flash中。

一般在Flash中使用的声音格式是MP3和WAV。

本节要学习的就是如何在Flash中使用声音。

Flash中的声音

Page 4: 声音与视频 声音和视频的运用 - srv.hnteacher.netsrv.hnteacher.net/media/html/2014jsgbjx/pxj107/pxj10701/download/2.pdf · 12.2.2 实践与练习:口型动画 本例是要制作人物的口型动画,随着声音可以看

12.1.1 在文档中添加声音

要将声音从库中添加到文档中,必须先进行导入。

有两种方法可以进行导入。

方法一:使用菜单栏中的“文件→导入→导入到库”

命令,可以将声音导入到库中。

Flash中的声音

方法二:使用菜单栏中的“文件→导入→导入到舞

台”命令,同样也可以导入声音。

但是由于声音是不会在舞台上显示的,因此也只能

是被导入到库中,效果与方法一相同。

Page 5: 声音与视频 声音和视频的运用 - srv.hnteacher.netsrv.hnteacher.net/media/html/2014jsgbjx/pxj107/pxj10701/download/2.pdf · 12.2.2 实践与练习:口型动画 本例是要制作人物的口型动画,随着声音可以看

选择声音

Flash中的声音

Page 6: 声音与视频 声音和视频的运用 - srv.hnteacher.netsrv.hnteacher.net/media/html/2014jsgbjx/pxj107/pxj10701/download/2.pdf · 12.2.2 实践与练习:口型动画 本例是要制作人物的口型动画,随着声音可以看

设置选项

Flash中的声音

Page 7: 声音与视频 声音和视频的运用 - srv.hnteacher.netsrv.hnteacher.net/media/html/2014jsgbjx/pxj107/pxj10701/download/2.pdf · 12.2.2 实践与练习:口型动画 本例是要制作人物的口型动画,随着声音可以看

12.1.2 声音的同步方式

在时间轴中,可以设置声音的4种同步方式。在实际制

作的时候,要根据不同的实际情况来选择合适的同步方式。

Flash中的声音

使用“事件”方式,会将声音和一个事件的发生过程

同步起来。事件声音在显示其起始关键帧时开始播放,并独

立于时间轴完整播放。

即使SWF文件已经停止,声音播放也会继续。

事件声音的一个示例就是当用户单击一个按钮时播放

的声音。

Page 8: 声音与视频 声音和视频的运用 - srv.hnteacher.netsrv.hnteacher.net/media/html/2014jsgbjx/pxj107/pxj10701/download/2.pdf · 12.2.2 实践与练习:口型动画 本例是要制作人物的口型动画,随着声音可以看

2.开始

“开始”方式与“事件”方式的功能相近,但是如果声

音已经在播放,则新声音实例不会播放。如果使用“事件”

方式后,出现了同一个声音多次重叠出现的不良现象,那么

可以将同步方式改为“开始”来解决这个问题。

“停止”方式的作用,是使指定的声音静音。

使用“事件”或者“开始”方式启动了声音之后,如果

声音播放结束之前想强制静音,就可以使用“停止”方式。

Flash中的声音

Page 9: 声音与视频 声音和视频的运用 - srv.hnteacher.netsrv.hnteacher.net/media/html/2014jsgbjx/pxj107/pxj10701/download/2.pdf · 12.2.2 实践与练习:口型动画 本例是要制作人物的口型动画,随着声音可以看

4.数据流

“数据流”方式的声音将会严格与时间轴同步——

如果影片在播放,就播放声音;如果影片暂停,声音就

会停止。

音频流的一个示例就是MV的制作。

如果不使用“数据流”方式,那么音乐很容易在

播放过程中与动画、台词脱节。

Flash中的声音

Page 10: 声音与视频 声音和视频的运用 - srv.hnteacher.netsrv.hnteacher.net/media/html/2014jsgbjx/pxj107/pxj10701/download/2.pdf · 12.2.2 实践与练习:口型动画 本例是要制作人物的口型动画,随着声音可以看

用声音“属性”面板中的声音编辑控制功

能可以定义声音的起始点、终止点及播放时的音

量大小。

这一功能可以去除声音中不用的部分以减

小声音文件的大小。

编辑声音

Page 11: 声音与视频 声音和视频的运用 - srv.hnteacher.netsrv.hnteacher.net/media/html/2014jsgbjx/pxj107/pxj10701/download/2.pdf · 12.2.2 实践与练习:口型动画 本例是要制作人物的口型动画,随着声音可以看

12.2.1 使用封套进行编辑编辑声音文件的操作步骤如下。

(1)为声音文件添加一个帧或选中一个已经包含声音

文件的帧。

(2)在声音的“属性”面板中单击“编辑”按钮,弹

出如图所示的“编辑封套”对话框,在该对话框中可对声

音进行编辑。

编辑声音

“编辑封套”对话框

Page 12: 声音与视频 声音和视频的运用 - srv.hnteacher.netsrv.hnteacher.net/media/html/2014jsgbjx/pxj107/pxj10701/download/2.pdf · 12.2.2 实践与练习:口型动画 本例是要制作人物的口型动画,随着声音可以看

拖动时间开始点及时间结束点手柄可以改变声音的起始

点及终止点。

拖动如图所示的时间开始点,声音将从所拖到的地方开

始播放。

同样,拖动结束点,可以设置声音的结束点。

编辑声音

拖动时间开始点及时间结束点

Page 13: 声音与视频 声音和视频的运用 - srv.hnteacher.netsrv.hnteacher.net/media/html/2014jsgbjx/pxj107/pxj10701/download/2.pdf · 12.2.2 实践与练习:口型动画 本例是要制作人物的口型动画,随着声音可以看

使用手柄控制音量

编辑声音

Page 14: 声音与视频 声音和视频的运用 - srv.hnteacher.netsrv.hnteacher.net/media/html/2014jsgbjx/pxj107/pxj10701/download/2.pdf · 12.2.2 实践与练习:口型动画 本例是要制作人物的口型动画,随着声音可以看

12.2.2 实践与练习:口型动画

本例是要制作人物的口型动画,随着声音可以看

到适当的口型变化。

这里要绘制5种最基本的口型,然后将这5种基本

口型和闭口时的口型放置在图形元件中,在舞台中根据

每一帧上的声音的韵母设置每一帧上的口型最后再编辑

声音封套。

Page 15: 声音与视频 声音和视频的运用 - srv.hnteacher.netsrv.hnteacher.net/media/html/2014jsgbjx/pxj107/pxj10701/download/2.pdf · 12.2.2 实践与练习:口型动画 本例是要制作人物的口型动画,随着声音可以看

绘制人物

Page 16: 声音与视频 声音和视频的运用 - srv.hnteacher.netsrv.hnteacher.net/media/html/2014jsgbjx/pxj107/pxj10701/download/2.pdf · 12.2.2 实践与练习:口型动画 本例是要制作人物的口型动画,随着声音可以看

“a”音的口型

Page 17: 声音与视频 声音和视频的运用 - srv.hnteacher.netsrv.hnteacher.net/media/html/2014jsgbjx/pxj107/pxj10701/download/2.pdf · 12.2.2 实践与练习:口型动画 本例是要制作人物的口型动画,随着声音可以看

“o”音的口型

Page 18: 声音与视频 声音和视频的运用 - srv.hnteacher.netsrv.hnteacher.net/media/html/2014jsgbjx/pxj107/pxj10701/download/2.pdf · 12.2.2 实践与练习:口型动画 本例是要制作人物的口型动画,随着声音可以看

“i e”音的口型

Page 19: 声音与视频 声音和视频的运用 - srv.hnteacher.netsrv.hnteacher.net/media/html/2014jsgbjx/pxj107/pxj10701/download/2.pdf · 12.2.2 实践与练习:口型动画 本例是要制作人物的口型动画,随着声音可以看

“u”音的口型

Page 20: 声音与视频 声音和视频的运用 - srv.hnteacher.netsrv.hnteacher.net/media/html/2014jsgbjx/pxj107/pxj10701/download/2.pdf · 12.2.2 实践与练习:口型动画 本例是要制作人物的口型动画,随着声音可以看

“ǖ”音的口型

Page 21: 声音与视频 声音和视频的运用 - srv.hnteacher.netsrv.hnteacher.net/media/html/2014jsgbjx/pxj107/pxj10701/download/2.pdf · 12.2.2 实践与练习:口型动画 本例是要制作人物的口型动画,随着声音可以看

“库”面板 “口型”图形元件的各帧

Page 22: 声音与视频 声音和视频的运用 - srv.hnteacher.netsrv.hnteacher.net/media/html/2014jsgbjx/pxj107/pxj10701/download/2.pdf · 12.2.2 实践与练习:口型动画 本例是要制作人物的口型动画,随着声音可以看

设置声音属性

时间轴上加载了声音

Page 23: 声音与视频 声音和视频的运用 - srv.hnteacher.netsrv.hnteacher.net/media/html/2014jsgbjx/pxj107/pxj10701/download/2.pdf · 12.2.2 实践与练习:口型动画 本例是要制作人物的口型动画,随着声音可以看

编辑声音封套

设置起始声音

Page 24: 声音与视频 声音和视频的运用 - srv.hnteacher.netsrv.hnteacher.net/media/html/2014jsgbjx/pxj107/pxj10701/download/2.pdf · 12.2.2 实践与练习:口型动画 本例是要制作人物的口型动画,随着声音可以看

设置结束声音

将图层延伸到第100帧

Page 25: 声音与视频 声音和视频的运用 - srv.hnteacher.netsrv.hnteacher.net/media/html/2014jsgbjx/pxj107/pxj10701/download/2.pdf · 12.2.2 实践与练习:口型动画 本例是要制作人物的口型动画,随着声音可以看

“口型”元件实例

选择单帧

Page 26: 声音与视频 声音和视频的运用 - srv.hnteacher.netsrv.hnteacher.net/media/html/2014jsgbjx/pxj107/pxj10701/download/2.pdf · 12.2.2 实践与练习:口型动画 本例是要制作人物的口型动画,随着声音可以看

将“第一帧”设为“7”

Page 27: 声音与视频 声音和视频的运用 - srv.hnteacher.netsrv.hnteacher.net/media/html/2014jsgbjx/pxj107/pxj10701/download/2.pdf · 12.2.2 实践与练习:口型动画 本例是要制作人物的口型动画,随着声音可以看

视频是图像的有机序列,是多媒体的一大要素。

在Flash中使用视频的时候,可以进行导入、剪裁

等操作,还可控制播放进程,但是不能修改视频中的具体

内容。

例如,导入一个长度为1分钟的视频,可以修改它

的时间起点、时间终点和显示区域,但是不能改变画面中

的文字和人物。

本节就来学习视频的导入。

Page 28: 声音与视频 声音和视频的运用 - srv.hnteacher.netsrv.hnteacher.net/media/html/2014jsgbjx/pxj107/pxj10701/download/2.pdf · 12.2.2 实践与练习:口型动画 本例是要制作人物的口型动画,随着声音可以看

“导入”对话框

选择视频

Page 29: 声音与视频 声音和视频的运用 - srv.hnteacher.netsrv.hnteacher.net/media/html/2014jsgbjx/pxj107/pxj10701/download/2.pdf · 12.2.2 实践与练习:口型动画 本例是要制作人物的口型动画,随着声音可以看

选择部署方式

Page 30: 声音与视频 声音和视频的运用 - srv.hnteacher.netsrv.hnteacher.net/media/html/2014jsgbjx/pxj107/pxj10701/download/2.pdf · 12.2.2 实践与练习:口型动画 本例是要制作人物的口型动画,随着声音可以看

设置编码方式

Page 31: 声音与视频 声音和视频的运用 - srv.hnteacher.netsrv.hnteacher.net/media/html/2014jsgbjx/pxj107/pxj10701/download/2.pdf · 12.2.2 实践与练习:口型动画 本例是要制作人物的口型动画,随着声音可以看

编码高级设置

Page 32: 声音与视频 声音和视频的运用 - srv.hnteacher.netsrv.hnteacher.net/media/html/2014jsgbjx/pxj107/pxj10701/download/2.pdf · 12.2.2 实践与练习:口型动画 本例是要制作人物的口型动画,随着声音可以看

设置提示点

Page 33: 声音与视频 声音和视频的运用 - srv.hnteacher.netsrv.hnteacher.net/media/html/2014jsgbjx/pxj107/pxj10701/download/2.pdf · 12.2.2 实践与练习:口型动画 本例是要制作人物的口型动画,随着声音可以看

进行裁切和修剪

Page 34: 声音与视频 声音和视频的运用 - srv.hnteacher.netsrv.hnteacher.net/media/html/2014jsgbjx/pxj107/pxj10701/download/2.pdf · 12.2.2 实践与练习:口型动画 本例是要制作人物的口型动画,随着声音可以看

外观设置 确定导入

Page 35: 声音与视频 声音和视频的运用 - srv.hnteacher.netsrv.hnteacher.net/media/html/2014jsgbjx/pxj107/pxj10701/download/2.pdf · 12.2.2 实践与练习:口型动画 本例是要制作人物的口型动画,随着声音可以看

视频编码

Page 36: 声音与视频 声音和视频的运用 - srv.hnteacher.netsrv.hnteacher.net/media/html/2014jsgbjx/pxj107/pxj10701/download/2.pdf · 12.2.2 实践与练习:口型动画 本例是要制作人物的口型动画,随着声音可以看

舞台上的视频组件

Page 37: 声音与视频 声音和视频的运用 - srv.hnteacher.netsrv.hnteacher.net/media/html/2014jsgbjx/pxj107/pxj10701/download/2.pdf · 12.2.2 实践与练习:口型动画 本例是要制作人物的口型动画,随着声音可以看

Flash创建的视频文件

测试动画

Page 38: 声音与视频 声音和视频的运用 - srv.hnteacher.netsrv.hnteacher.net/media/html/2014jsgbjx/pxj107/pxj10701/download/2.pdf · 12.2.2 实践与练习:口型动画 本例是要制作人物的口型动画,随着声音可以看

本章重点介绍了在Flash中导入以及使用声音和视

频的方法。

对于声音而言,需要理解事件声音和数据流声音的

区别,以及分别适用的情况;而对于视频而言,则需要

掌握导入以及播放视频的方法。