Flash MTV的制作.doc

第13课 MTV的制作

MTV是实现自己创意动画的一种方式。要做好一个好的MTV，首先要对歌曲或视频有较深的理解，然后根据个人的理解和体会大致构思一个故事情节或说是剧本，接着根据剧本来设计场景及各种主角、配角、其他动画元素的入场时间、持续的长度、出场顺序及出场方式等。
在本案例中，我们首先介绍MTV影片的片头制作方法，接着介绍Flash如何把选好的音乐文件导人到Flash中，使读者掌握在Flash中编辑音乐以及歌词与音乐同步的方法，随后介绍一些简单动画在flash MTV制作中的应用。
首先介绍？Flash MTV动画片头的制作方法。
操作步骤：
Step 1 执行菜单栏中的“文件”→“新建命令”，在常规选项卡中单击“Flash文件(ActionScript2．0)”，新建一个Flash文件，如图13-1所示。

图13-1 新建Flash文档
Step 2 设置舞台大小及背景颜色。单击舞台属性对话框，将舞台大小设置为800×600，背景选择为紫色，如图13-2所示。

图13-2 设置舞台属性
Step 3 选择菜单栏“插入”→“新建元件”，在弹出的对话框名称栏中输入“最浪漫的事”，类型选择为图形。如图13-3所示，点击确定，进入元件编辑窗口。

图13-3创建新元件对话框
Step 4 在元件编辑窗口，选择字体工具，在舞台中输入文字“最浪漫的事”，字体属性及效果可根据自己的喜好来进行设置，如图13-4所示。选中所有文字单击鼠标右键，选择分离，再选中所有文字单击鼠标右键，选择分离。进行两次分离后可顺利进行测试，如不进行分离，有可能会无法进行测试。

图13-4“最浪漫的事”元件
Step 5 选择菜单栏“插入”→“新建元件”，在弹出的对话框名称栏中输入“load”，类型选择为影片剪辑，点击确定，制作缓冲启动条。在load影片剪辑窗口中点击矩形工具框，在笔触颜色中选择灰色，填充颜色选择为无，在舞台中间画矩形。如图13-5所示。

图13-5矩形工具使用
Step 6 鼠标右键点击第45帧，在弹出的菜单栏中选择插入关键帧。右键单击图层1，在弹出的菜单栏中选择新建图层，在图层2的第1帧处点击矩形工具框，在笔触颜色中选择无，填充颜色选择为红色，在原矩形内画一小的矩形，如图13-6所示。

图13-6舞台中画矩形
Step 7 在图层2的第45帧单击右键，在弹出的菜单栏中选择插入关键帧。选择任意变形工具使红色填满整个矩形框，如图13-7所示。

图13-7 对矩形变形
Step 8 在图层2的第1到45帧中间单击鼠标右键，在弹出的菜单栏中选择“创建补间形状”，创建完成后图层2如图13-8所示。单击场景1回到场景1中来。

图13-8 创建补间形状
Step 9 选择菜单栏“插入”→“新建元件”在弹出的对话框名称中输入“制作人”，类型选择为图形。点击确定，进入元件编辑窗口，输入“演唱者：赵咏华”，“制作者：hehe”，如图13-9所示。选中文字单击鼠标右键，在弹出的菜单中选择分离，再选中所有文字单击鼠标右键，选择分离。两次分离后点击场景1回到场景1中来。

图13-9 元件编辑
Step 10 在场景1中的图层1的第一帧处，将库面板中的“最浪漫的事”图形元件拖放到舞台。在第10，20，30，40，45帧处分别单击鼠标右键，选择添加关键帧。在第10帧处选择任意变形工具对“最浪漫的事”图形元件进行90度的变形，如图13-10所示。

图13-10 图形元件变形

Step 11分别在第20，30，40帧处利用任意变形工具进行变形。如图13-11所示。

第20帧 第30帧 第40帧
图13-11 用任意变形工具进行变形
Step 12分别在第41，42，43，44帧处单击鼠标右键，选择添加关键帧。之后分别选择第41和第43帧，点击“最浪漫的事”图形元件，在属性窗口将颜色设置为alpha，透明度设置为15%，如图13-12所示。

图13-12 设置图形元件属性
Step 13 在图层1上点击鼠标右键，选择添加图层，点击图层2的第一帧，将load影片剪辑元件拖放到舞台中央位置，如图13-13所示。

图13-13 影片剪辑元件拖放到舞台
Step 14 右键单击图层2，在弹出的菜单中选择“新建图层”，将“制作人”图形元件拖放到舞台中央下方位置，如图13-14所示。

图13-14元件拖放到舞台
Step 15 右键点击图层3的第45帧，选择转换为关键帧。将“制作人”图形元件拖放到舞台中央，在图层3的第1到45帧中间任意帧处单击鼠标右键，在弹出的菜单中选择“创建补间动画”。如图13-15所示。

图13-15调整元件位置
Step 16此时整个片头就制作完毕，点击“控制”→“测试影片”进行测试，完成后点击保存按钮进行整个文档的保存。
其次介绍flash MTV中导入音乐及视频文件的方法及歌词与音乐同步的方法。
Step 1 插入新图层，并将其命名为“音乐”图层。
Step2 执行“文件”→“导入”→“导入到库”命令，打开导入到库对话框，将文件夹中的“最浪漫的事.mp3”声音文件导入到库中。导入后的文件在面板中，如图13-16所示。

图13-16 导入声音文件
Step3 在声音图层的第45帧处单击鼠标右键，在弹出的菜单中选择转换为关键帧。将库中“最浪漫的事.mp3”拖放到舞台，声音就添加到当前图层中。
Step4选中音乐图层的第45帧，在属性面板中单击“编辑”按钮，弹出“编辑封套”对话框。按下“编辑封套”对话框中右下角的按钮，可知本例中声音共占3216帧，如图13-17所示。
。
图13-17 编辑封套
Step5 本例中声音文件从45帧开始，故本MTV可设置帧数为3215+454=3260帧。鼠标右键点击声音图层的第600帧选择插入帧或在第600帧处按F5键，完成后可看到声音文件的波形文件。如图13-18所示。后面的声音文件可在后继的帧中选择插入帧即可显示出来。

图13-18 插入声音文件
Step6 选择音乐图层的第45帧，在声音属性面板中设置同步为“数据流”， 如图13-19所示。这样在播放的时候声音就与帧可同步播放。

图13-19 设置声音属性
Step7 右键点击音乐图层，在弹出的菜单中选择插入图层。鼠标右键单击新插入图层在弹出的菜单中选择属性，在属性对话框中将此图层修改为“歌词标记”图层。如图13-20所示。

图13-20 修改图层属性
Step8 按回车键，试听音乐。当听到第1句开始时(330帧处)，在歌词标记图层的该帧处，单击一下鼠标，然后按功能键F7插入一个空白关键桢。在属性面板中的“帧标签”中输入“背靠着背坐在地毯上”。打开“标签类型”下拉菜单，选择“注释”。加上帧“注释”以后，时间轴中即出现相应的标志，关键帧上出现两条绿色的小斜线和注释文字。如图13-21所示。

图13-21 添加注释
Step9通过试听，在每一句的开始处均按功能键F7插入一个空白关键桢，设上标签。将所有的歌词都加上标记，这样可以保证在画面中歌词能和音乐保持同步。
第1句：在330帧处，背靠着背坐在地毯上；
第2句：在380帧处，听听音乐聊聊愿望；
第3句：在440帧处，你希望我越来越温柔；
第4句：在485帧处，我希望你放我在心上；
第5句：在565帧处，你说想送我个浪漫的梦想；
其他的以此类推。
Step 10 单击菜单栏“插入”→“新建元件”，打开“创建新元件”对话框，在“名称”文本框中键人“背靠着背坐在地毯上”，在“类型”选项下选择“图片”。单击“确定”按钮，进入“背靠着背坐在地毯上”图形元件的编辑场景。选择工具面板中的“文本工具”，修改属性面板，设置“字体”为“华云彩云”，“字号大小”为“32”，“文本(填充)颜色”为“红色”。也可根据自己的喜好进行设置，在舞台上输入第一句歌词“背靠着背坐在地毯上”，如图13-22所示。

图13-22新建元件
Step 11 用选择工具选定刚刚输入的文字，单击鼠标右键在弹出的菜单中选择分离，此时一句话被分离为每个字，如图13-23所示，然后选择所有的文字单击鼠标右键在弹出的菜单中再一次选择分离。

图13-23 分离字体
Step 12 依据step10和step11把其他的每句话都做成图形元件。
Step 13 右键点击歌词标记图层，在弹出的菜单中选择新建图层，将此图层命名为“歌词”图层。分别在“歌词”图层：
第330帧处，按F7键，添加“背靠着背坐在地毯上”图形元件；
第380帧处，按F7键，添加“听听音乐聊聊愿望”图形元件；
第440帧处，按F7键，添加“你希望我越来越温柔”图形元件；
第485帧处，按F7键，添加“我希望你放我在心上”图形元件；
第565帧处，按F7键，添加“你说想送我个浪漫的梦想”图形元件；
其他的以此类推。
Step 14右键点击“歌词”图层，选择新建图层，将此图层命名为“歌词遮罩”图层。在歌词遮罩层的第330帧处按F7键，画一小矩形，如图13-24所示。

图13-24 添加歌词遮罩层
Step 15 在歌词遮罩图层的第379帧处按鼠标右键，在弹出的菜单中选择转换为关键帧，用任意变形工具将矩形变大，能够遮住整个下方的文字。在第330到379帧中间单击鼠标右键，选择创建补间形状。如图13-25所示。

图13-25 创建补间动画
Step 16 利用step14，step15同样的方法，制作第380帧到439帧， 第440帧到484帧，第485帧到532帧, 第565帧到600帧之间的补间动画。
Step17 鼠标右键单击歌词遮罩图层，在弹出的菜单中选择遮罩层。按Enter键可以试听。这里需要注意的在图层的右边有“锁定／解除锁定”按钮，当我们进行本图层设计的时候，最好锁定其他图层，这样可避免误操作其他的图层。遮罩层与被遮罩层加锁后如图所示13-26所示。

图13-26 锁定图层
Step 18在歌词的制作过程中可随时按Ctrl+Enter键测试动画效果，制作完成后保存文件。
最后介绍一些简单动画在flash MTV制作过程中的应用。
Step 1 鼠标右键点击歌词标记图层，在弹出的菜单中选择新建图层，命名为画布图层。此图层主要用来显示舞台上的各种图片或视频。
Step 2 单击“文件”→“导入”→“导入到库”，打开导入对话框，将文件夹中的图片导入到库中。在画布图层的第45帧处，按F7键添加关键帧，将图片001.jpg拖放到舞台，并设置图像属性中的宽为1200，高为800调整图片的位置是图片在舞台的中央，如图13-27所示。

图13-27 调整图形属性
Step 3 在画布图层的第329帧处按F7键添加关键帧，点击图片，设置图片属性为宽800，高600，x为0，y为0，使图片在舞台的正中央。然后右键单击画布图层的第45到329帧中的任意帧，在弹出的菜单中选择创建补间动画。在画布图层的第330帧处按F7键添加关键帧，在画布图层的第380帧处按F7键添加关键帧，单击舞台上的图片修改图片属性。颜色选择alpha，透明度选择58%，在第330帧和380帧之间单击鼠标右键选择创建补间动画，实现淡出效果。在歌词标记图层上单击鼠标右键，在弹出的菜单中选择创建新图层命名为画布2图层。如图13-28所示。

图13-28 修改图形属性
Step 4 在歌词标记图层上单击鼠标右键，在弹出的菜单中选择创建新图层，命名为画布2图层，在画布2图层的第380帧处按F7键添加关键帧，将图片007.jpg拖放到舞台并调整图片属性如图13-29所示。

图13-29 调整图形属性
Step 5 在画布2图层的第440帧处按F7键添加关键帧，调整图片属性如图13-30所示，在第380帧和440帧中间任意帧单击鼠标右键选择创建补间动画。此时可实现淡入的效果。

图13-30 调整图形属性
Step 6 在画布2的第485帧处按F7键添加关键帧，将008.jpg拖放到舞台，并设置图片属性为如图13-31所示。

图13-31 修改图形属性
Step 7在画布2的第565帧处按F7键添加关键帧，并调整图片属性如图13-32所示。在第485帧和565帧中间创建补间动画。

图13-32 调整图片属性
Step 8 制作“飘动的心”影片编辑元件并将其加入到flash动画中。首先单击“插入”→“新建元件”，在弹出的对话框中名称栏输入xin，类型选择图形，如图13-33所示，单击确定。

图13-33 新建元件
Step 9 在“xin”元件编辑窗口选择钢笔工具和任意变形工具，在舞台中心画个心形，选择填充颜色类型为放射状，用颜料桶工具进行填充，效果图如图13-34所示。

图13-34 xin图形元件
Step 10单击“插入”→“新建元件”，在弹出的对话框中名称栏输入xin1，类型选择影片剪辑，单击确定进入xin1影片编辑窗口。在图层1的第一帧处将刚刚制作的xin图形元件拖放到舞台中央。在第100帧处按F7键添加关键帧。点击添加运动引导层图标，新建一运动引导层。在运动引导层的第1帧处选择“铅笔工具”画一运动引导路径。如图13-35所示。

图13-35 引导层的创建
Step 11在第一帧处，拖放xin图形元件，使其中心的原点吸附在刚刚用铅笔画的运动引导路径的最上方，如图13-36所示。

图13-36元件的引导层吸附
Step 12 在图层1的第100帧处拖放xin图形元件，使其中心的原点吸附在刚刚用铅笔画的运动引导路径的最下方，并将xin图形元件属性设置为如图13-37所示。

图13-37元件的引导层吸附
Step 13鼠标右键单击图层1的第1到100帧之间的任意帧，选择创建补间动画。如图13-38所示。按回车键可看到“心”随我们画出的引导路径运动。

图13-38 引导层的应用
Step 14单击“插入”→“新建元件”，在弹出的对话框中名称栏输入piaodongdexin，类型选择影片剪辑，单击确定进入piaodongdexin影片编辑窗口。拖放8个xin1影片编辑元件到舞台如图13-39所示。分别调整每个影片编辑元件的大小及方向，在第180帧处按F7键添加关键帧。

图13-39 添加影片剪辑元件
Step 15单击任意一个元件进入元件属性，在属性窗口中类型选择图形，颜色选择为alpha，透明度可任选，“交换”后选择循环，第一帧输入4，如图13-40所示。

图13-40 修改影片剪辑元件属性
Step 16 依次单击刚刚添加的其他几个元件，修改相应的属性。里面的具体数值可根据自己的喜好进行修改。如图13-41所示。

图13-41 修改影片剪辑元件属性
Step 17单击场景1按钮返回到场景1编辑窗口。鼠标右键点击画布图层在弹出的菜单中选择新建图层，并命名为“心”图层。在心图层的第50帧处添加关键帧。并将“piaodongdexin”影片剪辑元件拖放到舞台中央，如图13-42所示。

图13-42 添加影片剪辑元件到舞台
Step 17按Ctrl+Enter键测试动画效果，制作完成后保存文件。
Step18有时我们看到其他的影片里有好的影片剪辑元件，此时我们可以直接拷贝使用。使用方法是：用flash直接打开文件，在库里找到影片剪辑元件，鼠标右键单击此影片剪辑元件选择复制，然后回到自己制作的动画文件中，在舞台中单击鼠标右键选择粘贴即可将其他影片剪辑元件复制到舞台或库中使用。