|
现在上网很少没有没见过ＦＬＡＳＨ ＭＴＶ的了吧，是不是被它迷人的动画和音乐的结合所吸引？是不是也很想自己动手做一个？
我给大家介绍的刘德华〈今天〉这首歌的ＦＬＡＳＨ ＭＴＶ制作。
有兴趣的先把材料收集好吧
材料主要是<今天.ＭＰ３>、以及一些美丽的图片，就是你在ＦＬＡＳＨ ＭＴＶ中想要的图片了。
本实例属于综合类型的ＦＬＡＳＨ动画制作，其中涉及到ＦＬＡＳＨ很多方面的知识，如时间轴控制、ActionScript代码控制、按钮控制及歌曲音效处理等，还有多影片元件合成主场景的制作方法等。本ＦＬＡＳＨ包含了两个场景，因此具体制作过程总体上可分为三个部分
一、主场景的制作：A.歌曲导入处理、B.下雪效果动画制作、C.开场词的制作，D.歌词的同步技术等.
二、ＬＯＡＤＩＮＧ场景的制作
三、发布
下面介绍第一部分：主场景的制作
A、歌曲的导入与处理
１、新建一个ＦＬＡＳＨ文件，设文档高：４００，宽：５５０
２、单击“窗口”｜“设计面板”｜“场景”，打开场景面板，将场景名改为“主场景”
３、单击“文件”｜“导入”｜“导入到库”，选择“今天.mp3”，单击“确定”，然后单击“窗口”｜“库”，打开“库”面板，可以看到刚才导入的文件在库中。
４、返回“主场景”，双击“图层１”，将图层名字改为：声音。
５、选中“声音”图层的第一帧，按ＣＴＲＬ＋Ｆ３打开“属性”面板，在其中设置为：
声音：今天。ＭＰ３ 同步：数据流 重复：１次
６、选择“声音”图层的第２７１２帧，按Ｆ５键插入帧，这样声音的播放就延缓到第２７１２帧了
提示：２７１２是根据歌曲的长度算出来的，因为我这首歌的长度是２２６秒，面本ＦＬＡＳＨ的一秒是１２帧，所以把２２６＊１２＝２７１２帧了。怎么样看出是２２６秒呢？随便用一个播放器打开“今天。ＭＰ３”就有显示总时间的。
７、用鼠标右击“声音”图层，选“属性”，设“图层高度”为２００％，这样是为了在歌词同步的时候看清声音波形的变化，以便于同步。这样歌曲的导入就做好了
B、下雪动画效果的制作
现在接着前面的下雪动画开始．
１、制作“遮层”（也就是影片的上下遮层，这样使得整个动画更具有影片的性质）
选择“插入”｜“时间轴”｜“图层”，新建一个图层，命名为“遮层”。
用“矩形”工具，设其笔触颜色为透明，填充色为暗灰色，在工作区影片的上部和下部分别绘制宽为：５５０，高为６０的矩形，并分别与白色背景的上边线和下边线对齐（可以使用”对齐面板“）。另：修改矩形大小可以直接在其属性里修改。
２、制作“背景”层（目的是为了将下雪的背景设为黑色，然后能变回白色）
新建一个“背景”图层，并将它排在所有图层的最下边。用“矩形”工具绘一个宽：５５０，高２８０的矩形，并与场景居中对齐。点击选择工具，选中矩形，用鼠标右击，选择“转换为元件”，将元件取名为“矩形框”
３、新建一个“雪花”图形元件，用圆形工具画一个圆，填充色为白色，笔触为透明，并在属性中将其宽和高均设为４，Ｘ、Ｙ坐标为０。
４、新建一个“下雪”影片剪，选择图层１的第一帧，将“雪花”元件拖到工作区内。
选中雪花元件，然后在“属性”面板中设置“雪花”元件的类型为“影片剪辑”
在“实例名称”中输入snow，设置Ｘ、Ｙ的值为０、０
然后打开“动作面板”输入以下代码：
onClipEvent(enterFrame) {
this._x += Math.random()*(this._xscale)/10;
this._y += Math.random()*(this._yscale)/10;
if(this._x>550) {
this._x = 0;
}
if(this._y>280) {
this._y = 0
}
}／／代码具体意思请参考前面介绍的雪花制作效果实例
５、选择“图层１”的第一帧，打开“动作面板”，输入以下代码：
count = 1;
while(count<=200) {
duplicateMovieClip("snow","snow" + count,count);
setProperty("snow" + count,_x,random(550));
setProperty("snow" + count,_y,random(290) + 55);
setProperty("snow" + count,_xscale,Math.random()*60 + 40);
setProperty("snow" + count,_yscale,eval("snow" + count)._xscale);
setProperty("snow" + count,_alpha,eval("snow" + count)._xscale+random(30));
count++;
}
６、选择“图层１”的第１９０帧，按Ｆ５键插入帧，将时间轴延长到第１９０帧。
提示：之所以选择１９０帧，是因为下雪的场景只须要延长到１９０帧。
７、返回到主场景中，新建一个“雪花”图层，并将其拖到“遮层”的下面。
８、选择“雪花”图层的第一帧。并在“库”中将“下雪”影片剪辑拖到工作区内，并将其移到背景的左上角。
至此，下雪动画效果制作完毕！
C.开场词的制作！
下面接着讲“开场词”的制作，所谓开场词也就是在歌曲开始的一段音乐中加入一些制作人自己的话，及对这首歌的理解等。
在这里我加入的开场词为：
走了这么久 多少悲欢离合 多少爱恨情愁
已被岁月刻为回忆的篇章 在心灵深处 永久珍藏
失去的永远不会再回来 回来的也永远不是你所失支的
生活总是在得失中不断的徘徊 徘徊－－－
１、设计开场词的动画方式，这里我用的是渐隐渐现的方法，即第一句后接第二句，这样一句一句的显示。（如果你喜欢用其它的动画方式也可以）
２、计算开场词的帧数，帧数的计算是根据“今天。ＭＰ３”这首歌的开始一段音乐的长度而来的，这里是１８５帧。所以要初步计算好每句话出现的帧数，这里我有１１句话，所以每句话显示所有的帧数大约是１８帧。
３、新建三个图层分别命名为：开场词一、开场词二、开场词三。并将它们放在“背景”层上
注：这里我为什么要新建三个图层，是因为在一个场景内同时有三句话要显示，一句话就须要一个图层，所以共需用三个图层。
４、单击“开场词一”图层的第一帧，选择“文字”工具，输入“走了这么久”，调整好字的大小和颜色等，然后单击“选择”工具，选中输入的文字，用鼠标右击，选择“转换为元件”把刚才输入的文字转换为“图形”元件（因为文字只有转换为元件才可以创建补间动画等），并且就用“走了这么久”作为元件名。
注：以后每输入一段文字都要将其转换为元件。
５、分别在“开场词一”图层的第２０、３０、４０帧插入“关键帧”，然后单击第一帧，用选择工个选中文字，在属性栏中将其“颜色”设为ＡＬＰＨＡ：０；然后用鼠标右击第一帧，选择“创建补间动画”（这样就做成了文字渐显的效果）
６、选择第４０帧，用选择工具选中文字，在属性栏中将其“颜色”设为ＡＬＰＨＡ：０；然后用鼠标右击第３０帧，选择“创建补间动画”（这样就做成了文字渐隐的效果），然后在第４１帧插入“空白关键帧”。
注意：每个动画结束后，如果还继续利用这图层做下的动画，必须在动画之间插入一个空白关键帧。
７、单击“开场词二”的２０帧，选择“文字”工具，输入“多少悲欢离合”，调整好字的大小和颜色等，然后单击“选择”工具，选中输入的文字，用鼠标右击，选择“转换为元件”把刚才输入的文字转换为“图形”元件。
８、分别在“开场词二”图层的第４０、５０、６０帧插入“关键帧”，然后单击第２０帧，用选择工个选中文字，在属性栏中将其“颜色”设为ＡＬＰＨＡ：０；然后用鼠标右击第２０帧，选择“创建补间动画”（这样就做成了文字渐显的效果）
注：这里选择第２０帧作为开始是因为第一句话是在第２０帧的时候完全显示，所以接着第二句也开始渐显。
９、选择第６０帧，用选择工具选中文字，在属性栏中将其“颜色”设为ＡＬＰＨＡ：０；然后用鼠标右击第５０帧，选择“创建补间动画”（这样就做成了文字渐隐的效果），然后在第６１帧插入“空白关键帧”。
１０、单击“开场词三”图层的第４０帧，选择“文字”工具，输入“多少爱恨情愁”，调整好字的大小和颜色等，然后单击“选择”工具，选中输入的文字，用鼠标右击，选择“转换为元件”把刚才输入的文字转换为“图形”元件。
１１、分别在“开场词三”图层的第６０、７０、８０帧插入“关键帧”，然后单击第４０帧，用选择工个选中文字，在属性栏中将其“颜色”设为ＡＬＰＨＡ：０；然后用鼠标右击第４０帧，选择“创建补间动画”（这样就做成了文字渐显的效果）。
１２、选择第８０帧，用选择工具选中文字，在属性栏中将其“颜色”设为ＡＬＰＨＡ：０；然后用鼠标右击第７０帧，选择“创建补间动画”（这样就做成了文字渐隐的效果），然后在第８１帧插入“空白关键帧”。
这样就做好了第一段开场词了，然后又接着从“开场词一”图层开始，依次将其它的内容做成动画，原理同４－－１２步，这里就不多说了。这样开场词动画制作成功！
D.歌词的同步技术
下面接着介绍ＦＬＡＳＨ ＭＴＶ的歌词同步技样，也是ＭＴＶ的难点。
１、新建一个“歌词”图层，并将其排在“声音”图层的上方。
２、在第１９３帧处按Ｆ６键插入一个关键帧，这里之所以选择１９３帧是因为第一句歌词是从这里开始的。大家可以对比“声音”图层的声波，找到第一句歌词的结束也就是２４４帧。
提示：大家可以随时按ＥＮＴＥＲ键来听听歌的开始和结束的帧数，然后再按ＥＮＴＥＲ键就关闭的试听，ＥＮＴＥＲ键是开关！
３、单击“歌词”的第１９３帧，选择文字工具，在工作区中输入第一句歌词“走过岁月我才发现世界多不完美”，选择“选择”工具，选中刚才输入的歌词，用鼠标右击选中“转换为元件”，元件名就用刚才输入的文本。
４、分别在第２００、２３７、２４４帧数插入关键帧，单击第１９３帧，选中歌词，在属性栏中将“颜色”设为：ＡＬＰＨＡ：０％，然后右击第１９３帧，选择“创建补间动画”，这样就做好了歌词渐显的效果。
５、单击第２４４帧，中歌词，在属性栏中将“颜色”设为：ＡＬＰＨＡ：０％，然后右击第２４４帧，选择“创建补间动画”，这样就做好了歌词渐隐的效果。然后在第２４５帧处插入“空白关键帧”。
提示：以后每句歌词结束后都要在下一帧插入“空白关键帧”。
６、这样就完成了第一句歌词的制作，然后重复第３－５步继续制作后面的歌词。
虽然只有短短的几步，但是大家是做的时候一定要注意歌词与声音的同步，如果没有同步好，以后修改很麻烦的。最后，大家在制作的时候可以自己多一些创意，比如在歌词显示的时候，可以将歌词的色彩及字体、大小等进行变换以求更多的效果，这里就不一一介绍了。
下面简单介绍一下背景动画的制作:
做背景动画的时候大家首先要有个总体构思，哪些动画对应哪句歌词，然后开始收集素材，将需要的素材导入到库中。我在“今天”这个ＭＴＶ里只用了很少的动画背景，大部分是一些图片的渐显及渐隐效果等，这里就不多说了，制作原理和歌词的效果制作差不多。
要说明的是新建“动画”图层的时候要将其排列在“背景”图层的上边，“歌词”图层的下边。
二：loading场景的制作
制作ＬＯＡＤＩＮＧ场景的目的是将影片上传到网络以后，用户可以将影片全部下载到本地观看，从而避免了由于网速的原因边下载边播放而停顿的情况。
１、选择“插入”｜“场景”，插入一个新场景，选择“窗口”｜“设计面板”｜“场景”，打开场景面板，将“场景２”重命名为“loading场景”，并将它移到“主场景”之上。
２、新建一个“封面”图层，然后在其工作区加入一些图片以及，ＭＴＶ的名字及制作人信息等，如果一个图层不行可以新建“封面２”等图层，做好封面。
３、新建一个“长方形的渐变”的“影片剪辑”，然后用矩形选框工具，画一个宽为２８０高为１２的矩形，填充色为灰色，选中长方形，用鼠标右击选择“转换为元件”，将长方形转换为图形元件。
４、在“图层１”的第１００帧处插入关键帧。选中第一帧，在属性栏中将长方形宽度设为０，并设“补间”为“动作”。
５、选择第一帧，在“动作”面板中输入以下代码： stop();
６、回到ＬＯＡＤＩＮＧ场景，新建一个“长方形的渐变”图层，从库面板中将“长方形渐变”的“影片剪辑”拖到工作区中适当位置。
７、选中“长方形的渐变”实例，在属性面板中设置实例“名称”为mc,用于显示下载进度。
８、新建一个“文本”图层，选中文本工具，在属性栏中设置“类型”为“动态文本”，变量为per，然后在工作区内的适当位置画一个文本框，用于显示下载字节信息。
９、新建一个“代码”图层，然后在“动作”面板中输入以下代码：
loaded = _root.getBytesLoaded(); ／／以下载的字节数
total = _root.getBytesTotal(); ／／总字节数
p = int(100*loaded/total); ／／下载百分比
per = int(loaded/1000) + "K/" + int(total/1000) + "K" + p + "%"; ／／将信息显示要文本框中
mc.gotoAndStop(p); ／／控制播放相应的帧
１０、在“封面”图层的第三帧处按Ｆ５键插入帧（如有多个封面图层一同插入帧），在“文本”和“长方形的渐变”图层的第二帧处插入帧。
１１、在“代码”图层的第二帧处按Ｆ６插入关键帧，在动作面板中输入以下代码。
if(Number(loaded) == Number(total)) {
gotoAndStop(3);
} else {
gotoAndPlay(1);
}
作用是如果下载完毕则跳到第三帧播放，否则回到第一帧／
１２、新建一个“开始”图层。
１３、新建一个“开始”“按钮”元件，用文字工具输出ＰＬＡＹ，调整大小和字体。
１４、单击“开始”图层的第三帧，选择“插入关键帧”，并将“开始”“按钮”元件拖入。在动作面板中输入以下代码：
on(press) {
gotoAndPlay("主场景",1);
}
至此，loading场景制作完毕！
三.ＦＬＡＳＨ ＭＴＶ也制作完毕了，大家可以发布了！ |
|
|
|
|
|
