资源简介

(共27张PPT)
多 媒 体 项 目 案 例
第三部分
项目开发篇
项目八
下面结合本书所学知识，使用Animate CC软件制作图8-76所示的音乐MTV动画。
2
项目八 多媒体项目案例
综合案例三 制作音乐MTV动画
图8-76 音乐MTV截图
素材文件 素材与实例\项目八\MTV素材
案例效果 素材与实例\项目八\音乐MTV.swf
3
项目八 多媒体项目案例
综合案例三 制作音乐MTV动画
首先把所需的音乐导入到Animate中并进行编辑，然后利用本书提供的素材，根据音乐的节奏合成动画，再为动画添加与音乐同步的歌词，最后设置声音文件的输出属性，完成音乐动画的制作。
4
图8-77 将声音导入舞台
（一）导入并编辑声音
项目八 多媒体项目案例
步骤1
打开本书配套素材“素材与实例”>“项目八”>“MTV素材”文件夹中的“MTV素材.fla”文档，将“图层1”重命名为“声音”，然后按快捷键【Ctrl+R】，在打开的“导入”对话框中选择本书配套素材“素材与实例”>“项目八”>“MTV素材”文件夹中的“老鼠爱大米.mp3”声音文件，并单击“打开”按钮，将歌曲导入文档，如图8-77所示。
综合案例三 制作音乐MTV动画
5
图8-78 设置声音的同步选项
项目八 多媒体项目案例
步骤2
单击选中“声音”图层的第1帧，然后在“属性”面板“声音”卷展栏的“同步”下拉列表中选择“数据流”选项，如图8-78所示。
综合案例三 制作音乐MTV动画
步骤3
图8-79 去掉音乐前奏
单击“属性”面板“声音”卷展栏中的“编辑声音封套”按钮 ，在打开的“编辑封套”对话框中连续单击“缩小”按钮 ，增加对话框中声音的显示范围，然后向右拖动“声音起点控制轴”，并单击“播放声音”按钮 预览声音播放效果，去掉音乐的前奏部分，如图8-79所示，调整好后单击“确定”按钮关闭“编辑封套”对话框。
6
图8-80 新建并重命名图层
（二）合成动画
项目八 多媒体项目案例
步骤1
在“声音”图层上方新建6个图层，并分别命名为“背景”、“动作”、“辅助”、“渐黑”、“安全框”和“字幕”，如图8-80所示。
综合案例三 制作音乐MTV动画
“背景”层用来放置背景组件，一般放在所有图层最下面；“动作”层用来放置各种运动元件；“辅助”层用来设置动画播放时的光效果；“渐黑”层用来设置动画播放时的渐黑渐亮效果；“安全框”层用来单独放置安全框；“歌词”层用来放置歌词。
7
图8-81 创建安全框
项目八 多媒体项目案例
步骤2
综合案例三 制作音乐MTV动画
选择“矩形工具” ，将填充颜色设为“无色” ，然后在“安全框”图层中以舞台为参照绘制两个矩形，再在两个矩形之间填充黑色，如图8-81所示。在播放动画时，舞台外的对象不被显示，但是在制作动画时，背景和其他动画元件通常会把舞台完全盖住，这样一来便无法确定舞台所能显示的图形，这便是使用安全框的原因。绘制好安全框后，最好将其所在的图层锁定。
8
图8-82 拖入“黑”图形元件
项目八 多媒体项目案例
步骤3
在所有图层的第830帧处插入普通帧，然后将“库”面板“背景”元件文件夹中的“黑”图形元件拖到“渐黑”图层的舞台中，如图8-82所示。
综合案例三 制作音乐MTV动画
9
图8-83 设置元件实例的透明度
项目八 多媒体项目案例
步骤4
在“渐黑”图层的第1帧上右击，在弹出的快捷菜单中选择“创建补间动画”项，然后在“渐黑”图层的第11帧插入关键帧，再选中该帧上的“黑”元件实例，在“属性”面板中将其“Alpha”值设为0%，制作由黑渐亮的动画效果，如图8-83所示。
综合案例三 制作音乐MTV动画
10
图8-84 拖入并调整“背景1”图形元件
项目八 多媒体项目案例
步骤5
分别在“渐黑”图层的第95、101、112、249、255和266帧处按【F6】键插入关键帧，然后将第101和255帧中“黑”元件实例的“Alpha”值设为100%。
步骤6
隐藏“渐黑”图层，然后将“库”面板“背景”元件文件夹中的“背景1”图形元件拖到“背景”图层的舞台中，并适当缩放，如图8-84所示。
综合案例三 制作音乐MTV动画
11
图8-85 拖入并调整“老鼠1”图形元件
项目八 多媒体项目案例
步骤7
将“库”面板“造型”元件文件夹中的“老鼠1”图形元件拖到“背景”图层的舞台中，并进行适当缩放和水平翻转，如图8-85所示。
综合案例三 制作音乐MTV动画
12
图8-86 缩放“开场”元件实例
项目八 多媒体项目案例
步骤8
单击“背景1”图层的第1帧，同时选中“背景1”和“老鼠1”元件实例，然后按【F8】键，将其转换为名为“开场”的图形元件。
步骤9
在“背景”图层的第212帧插入关键帧，然后将第1帧中的“开场”元件实例放大约3倍，在“背景”图层的第13和101帧插入关键帧，然后将第101帧中的“开场”元件实例缩小约50%，如图8-86所示。
综合案例三 制作音乐MTV动画
第1帧
第101帧
13
项目八 多媒体项目案例
综合案例三 制作音乐MTV动画
图8-87 拖入并调整“背景2”图形元件
步骤10
在“背景”图层第13至101帧、第101至212帧之间创建传统补间动画。
步骤11
在“背景”图层第255帧插入空白关键帧，然后将“库”面板“背景”元件文件夹中的“背景2”图形元件拖到该帧的舞台中，并调整其大小和位置，如图8-87所示。
在合成音乐动画时，应根据音乐组织动画内容。按【Enter】键在时间轴上播放声音，当播放到要变换画面的声音时，再次按【Enter】键暂停声音的播放，并返回几帧进行操作，操作结束后继续播放声音。
提 示
14
图8-88 拖入并调整“老鼠2”图形元件
项目八 多媒体项目案例
步骤12
在“动作”图层第255帧插入关键帧，然后将“库”面板“造型”元件文件夹中的“老鼠2”图形元件拖到该帧的舞台中，并调整其位置，如图8-88所示。
综合案例三 制作音乐MTV动画
图8-89 拖入并调整“背景3”图形元件
步骤13
在“背景”图层第328帧插入空白关键帧，然后将“库”面板“背景”元件文件夹中的“背景3”元件拖到该帧的舞台上，并调整其位置，如图8-89所示。
15
图8-90 拖入并调整“老鼠3”和“高脚杯”图形元件
项目八 多媒体项目案例
步骤14
在“动作”图层第328帧插入空白关键帧，然后将“库”面板“老鼠”元件文件夹中的“老鼠3”图形元件和“背景”元件文件夹中的“高脚杯”图形元件拖到该帧的舞台中，并调整其位置，如图8-90所示。
综合案例三 制作音乐MTV动画
16
图8-91 绘制辅助矩形
项目八 多媒体项目案例
步骤15
在“辅助”图层第328帧插入关键帧，然后在该帧上绘制一个覆盖舞台的矩形，并为其填充由Alpha值为0%的白色到Alpha值为20%的橘红色（#EFB185），再到Alpha值为35%的黑色的径向渐变色，如图8-91所示。最后在“辅助”层第415帧插入空白关键帧。
综合案例三 制作音乐MTV动画
17
图8-92 拖入并调整“背景4”图形元件
项目八 多媒体项目案例
步骤16
重新显示“渐黑”图层，在第322、328和339帧处插入关键帧，将第328帧中“黑”元件实例的Alpha值设为100%。
步骤17
在“背景”和“动作”图层的第415帧插入空白关键帧，然后将“库”面板“背景”元件文件夹中的“背景4”影片剪辑拖到“背景”图层第415帧的舞台中，并调整其位置，如图8-92所示。
综合案例三 制作音乐MTV动画
18
图8-93 拖入并调整“老鼠1”图形元件
项目八 多媒体项目案例
步骤18
将“库”面板“造型”元件文件夹中的“老鼠1”图形元件拖到“动作”图层第415帧的舞台中，并调整其位置，如图8-93所示。
综合案例三 制作音乐MTV动画
步骤19
在“动作”和“背景”图层的第476帧插入关键帧，然后分别将第415帧上的“老鼠1”元件实例向下移动，“背景4”元件实例稍微向上移动，如图8-94所示，再在“动作”和“背景”图层第415至476帧之间创建传统补间动画。
图8-94 移动第415帧上元件实例
19
图8-95 拖入“夜空”图形元件
项目八 多媒体项目案例
步骤20
在“渐黑”图层第409、415和426帧处插入关键帧，然后将第415帧中“黑”元件实例的Alpha值设为100%。
步骤21
在“背景”和“动作”图层的第509帧插入空白关键帧，然后将“库”面板“背景”元件文件夹中的“夜空”图形元件拖到“背景”图层第509帧的舞台中，如图8-95所示。
综合案例三 制作音乐MTV动画
20
图8-96 设置“老鼠女2”元件实例
项目八 多媒体项目案例
步骤22
将“库”面板“老鼠”元件文件夹中的“老鼠女2”图形元件拖到“动作”图层第509帧的舞台中，并调整其大小和位置，如图8-96（a）所示。
步骤23
在“动作”图层第656帧插入关键帧，并将该帧上的“老鼠女2”元件实例放大，如图8-96（b）所示，再在“动作”图层第509至656帧之间创建传统补间动画。
综合案例三 制作音乐MTV动画
（a）
（b）
21
图8-97 设置第661帧上元件实例
项目八 多媒体项目案例
步骤24
在“渐黑”图层第503、509和520帧处插入关键帧，然后将第509帧中“黑”元件实例的Alpha值设为100%。
步骤25
在“背景”和“动作”图层第661帧插入空白关键帧，然后将“库”面板“背景”元件文件夹中的“星空”图形元件拖到“背景”图层第661帧的舞台中，将“丘比特”图形元件拖到“动作”图层第661帧的舞台中，如图8-97所示。
综合案例三 制作音乐MTV动画
22
图8-98 设置第716帧上的元件实例
项目八 多媒体项目案例
步骤26
在“动作”图层第716帧插入关键帧，然后将该帧上的“丘比特”元件实例放大，并向左下方稍微移动，如图8-98所示。
综合案例三 制作音乐MTV动画
步骤27
在“渐黑”图层第655、660和672帧处插入关键帧，然后将第660帧中“黑”元件实例的Alpha值设为100%。
23
图8-99 设置第745帧上的元件实例
项目八 多媒体项目案例
步骤28
在“动作”和“背景”图层的第745帧插入空白关键帧，然后将“库”面板“老鼠”元件文件夹中的“老鼠4”影片剪辑拖到“动作”图层第745帧的舞台中，并调整其位置，如图8-99所示。
综合案例三 制作音乐MTV动画
24
图8-100 设置第745帧上的元件实例
项目八 多媒体项目案例
步骤29
在“动作”图层第756和792帧插入关键帧，然后将第792帧上的“老鼠4”元件实例放大，如图8-100所示，再在“动作”图层第756至792帧之间创建传统补间动画。
综合案例三 制作音乐MTV动画
步骤30
在“渐黑”图层第739、745和756帧处插入关键帧，然后将第745帧中“黑”元件实例的Alpha值设为100%。至此动画就合成完了。
25
图8-101 拖入“歌词1”图形元件
（三）添加字幕
项目八 多媒体项目案例
步骤1
单击“字幕”图层的第1帧，将播放头跳转到该帧，然后将“库”面板“歌词”元件文件夹中的“歌词1”图形元件拖到舞台偏下位置，如图8-101所示。
综合案例三 制作音乐MTV动画
26
图8-102 交换元件
项目八 多媒体项目案例
步骤2
综合案例三 制作音乐MTV动画
步骤3
参照步骤2的操作，继续预览动画并添加其他字幕
按下【Enter】键在Animate中预览动画，当听到第2句歌词时，按下【Enter】键暂停播放，并在“字幕”图层插入关键帧，然后使用“选择工具” 单击选中舞台中的“歌词1”元件实例，并单击“属性”面板中的“交换”按钮，在打开的“交换元件”对话框中选择“歌词2”图形元件，并单击“确定”按钮，如图8-102所示。
27
图8-103 设置输出音频
（四）设置输出音频并发布动画
项目八 多媒体项目案例
步骤1
双击“库”面板中的“老鼠爱大米.mp3”声音文件，在打开的“声音属性”对话框中将“压缩”设为“MP3”、“比特率”设为“48Kbps”、“品质”设为“最佳”，取消勾选“将立体声转换为单声道”复选项，如图8-103所示。
综合案例三 制作音乐MTV动画
步骤2
设置好后单击“确定”按钮，然后按快捷键【Ctrl+Enter】观看动画效果。
步骤3
选择“文件”>“导出”>“导出影片”菜单，打开“导出影片”对话框，在其中设置保存位置和文件名，单击“保存”按钮导出动画。

展开更多......

收起↑