FLASH CS3实例儿童歌曲MTV.docx
《FLASH CS3实例儿童歌曲MTV.docx》由会员分享，可在线阅读，更多相关《FLASH CS3实例儿童歌曲MTV.docx（14页珍藏版）》请在冰豆网上搜索。
FLASHCS3实例儿童歌曲MTV
FLASHCS3实例儿童歌曲MTV
好的动画MTV除了搭配音频文件与歌词文字外，还需要根据歌曲意境制作具有一定剧情，或者含义的动画。
例如本案例就是根据歌曲内容，制作了小熊教课动画，并且该动画还与歌曲同步，如图10-71所示。
在制作具有一定剧情的动画时，需要考虑角色与场景。
而动画的长度，也需要与音频文件的播放时间相呼应。
这样才能够将动画与音频文件结合，形成一个完整的MTV动画。
为了突出动画效果，这里以最简单的形式显示歌词文字。
图10-71儿童歌曲MTV效果
绘制场景
该动画中的场景包括静止的蓝天与草地，以及运动的白云和花朵。
所以在制作过程中，要为每一个元素建立元件，这样背景才不会单调。
（1）在新建的空白文档中创建图形元件“背景”，并且在其中绘制蓝天、白云和草地，如图10-72所示。
图10-72绘制背景
（2）绘制几处小草后分别创建影片剪辑元件“白云动画”与“花朵动画”，依次制作白云飘动动画，以及花朵颤动动画，如图10-73所示。
图10-73制作白云与花朵动画
在创建影片剪辑元件中的动画时，要注意将动画元素转换为图形元件，这样才是制作动画的正确方法。
（3）创建影片剪辑元件“背景动画”，将元件“背景”拖入舞台中后，在新建图层中将元件“花朵”与“花朵动画”随机地拖入舞台中，并且设置实例属性如图10-74所示。
图10-74制作背景动画
（4）新建图形元件“黑板”，在舞台中心绘制黑板线框，并且填充不同的颜色，如图10-75所示。
图10-75绘制黑板
为黑板进行填色时，为了呈现立体感，还需要填充色的相近色来制作阴影或者高光区域。
绘制角色
该动画中的主角是小熊，但是分别在两个不同的影片剪辑元件的动画中。
由于小熊本身带有动作，所以需要将其身体的各个部位绘制在不同的图层中，以方便不同动作的制作。
（1）在创建的影片剪辑元件“小熊准备”中，将元件“黑板”拖入舞台中后，在新建图层“数字”中输入数字，其范围限制在黑板内部，如图10-76所示。
图10-76创建元件“小熊准备”
（2）在新建图层“黑板擦”中，绘制黑板擦，如图10-77所示，注意黑板擦的阴影制作。
图10-77绘制黑板擦
（3）在不同图层中绘制小熊的头部、身体、手臂以及腿部，并且要确定各个部分的前后关系，如图10-78所示。
小熊的右臂由图形元件组成，眼睛和嘴巴由影片剪辑元件组成，其它由组组成。
图10-78绘制小熊
（4）为了使小熊更改生动，小熊的眼睛和嘴巴由影片剪辑元件中的动画组成，如图10-79所示。
图10-79小熊的眼睛和嘴巴
（5）以小熊身体中的各个部位为单位，创建小熊左右摆动的逐帧动画。
只是该动画中的关键帧之间存在普通帧，使动作之间存在停顿，如图10-80所示。
图10-80小熊摆动动画
（6）根据元件“小熊准备”中的动画制作原理，创建影片剪辑元件“小熊动画”中小熊的各种动作，如图10-81所示。
图10-81制作小熊各种动作
在制作小熊各种动作时，小熊的右臂与头部出现不同造型，可以通过更改关键帧中组形状，或者放置不同的图形元件来实现。
（7）将外部音频文件导入到【库】面板后，将声音添加至舞台中。
并且通过【编辑封套】将声音中的纯音乐删除，如图10-82所示。
图10-82编辑音频
（8）为了使声音与动画同步，需要在各个动作之间添加小熊摆动动画来延长播放时间。
如图10-83所示，为其中一个动作中的摆动动画。
图10-83摆动动画
（9）完成小熊动画制作后，将音频图层删除。
创建按钮元件Replay，分别在【弹起】与【指针经过】动画帧中绘制小熊身体与头部形状，如图10-84所示。
小熊的眼睛使用的是影片剪辑元件“眼睛动画”，只是其位置是根据头部而变化的。
图10-84创建按钮元件
（10）在新建图层“牌子”与Replay的【弹起】动画中，绘制不规则圆形与梯形作为熊掌与牌子。
然后在【指针经过】动画帧中同圆心放大该图形，如图10-85所示。
图10-85制作牌子与文字
按钮元件中的文字与图层“牌子”中图形的制作方法相同。
只是该文字有两个不同颜色组成，形成具有阴影效果的文字。
动画制作
当主题与背景制作完成后，就可以将两者结合，在场景中制作动画。
在制作过程中，要随时根据需要建立其它动画元素。
（1）建立图形元件DaysOfTheMonth，在其中输入同文字后分离，为其添加边框，与再次输入的不同颜色文字形成具有高光效果的字体，如图10-86所示。
图10-86创建标题名称
（2）根据歌词，将12个月的英文单词以相同形成创建图形元件，其中文字颜色各不相同，如图10-87所示。
图10-87建立12月份单词元件
（3）返回场景后，根据舞台尺寸绘制环形黑色矩形，使其框住舞台后，在其下方新建图层“背景”，将元件“背景动画”拖入舞台中，如图10-88所示。
图10-88拖入背景
（4）在第30帧处插入关键帧后，设置第1帧中实例的属性如图10-89所示，创建由大变小动画。
图10-89创建由大变小动画
（5）采用相同动画，分别在新建图层中制作元件“白云”与“小熊准备”动画，如图10-90所示。
图10-90制作白云与小熊动画
（6）在新建图层中将元件DaysOfTheMonth拖入舞台上方后，将音频文件添加至空白图层中，如图10-91所示。
音频文件的编辑只是针对舞台中的声音，不影响【库】面板中的原文件。
图10-91添加音频文件
（7）按Enter键测试声音，当开始播放歌曲时，在图层“小熊”所在动画帧插入空白关键帧后，将元件“小熊动画”拖入舞台中，如图10-92所示。
图10-92将“小熊动画”拖入舞台中
在同一动画帧处为标题插入空白关键帧，其它图层插入普通帧。
（8）为标题创建缩小并且消失动画后，开始制作歌词动画。
在歌曲开始动画帧处，在新建图层中插入空白关键帧，绘制半透明圆角矩形，如图10-93所示。
标题消失动画过程是将该实例宽度缩小，并且设置透明度为0，使其逐渐消失。
图10-93绘制圆角矩形
（9）使用【文本工具】
在半透明矩形内部输入第一句歌词文字后，测试声音。
在第二句开始位置插入关键帧，更改文本为相应歌词文字，如图10-94所示。
图10-94制作歌词文字
（10）依此类推创建其它歌词文字后，就是根据歌曲内容制作点缀动画。
方法是在不同图层中，将第一句歌词中出现的月份单词拖入舞台中，然后逐一放大显示，如图10-95所示。
为了是点缀动画更加童趣，这里只是改变实例大小与角度，并没有创建补间动画。
图10-95制作点缀动画
（11）使用相同方法创建31天月份动画后，在形容2月歌曲动画帧中，创建元件February与leapyear动画，如图10-96所示。
图10-96创建补间与逐帧综合动画
（12）点缀动画制作完成后，在最后一帧插入空白关键帧。
在图层“小熊”最后一帧处插入空白关键帧后，将第一个关键帧中的实例原位置复制到该关键帧中，如图10-97所示。
图10-97制作最后一帧
（13）在新建图层的最后一帧处插入空白关键帧后，将【库】面板中的按钮元件Replay拖入舞台左下角位置，设置实例属性如图10-98所示，并且为其添加鼠标事件语句如下。
stop（）;
functionstartMovie（event:
MouseEvent）:
void
{
this.gotoAndPlay
（1）;
}
bn.addEventListener（MouseEvent.CLICK,startMovie）;
图10-98设置按钮实例属性
（14）至此儿童歌曲MTV制作完成，保存文档后，测试影片效果如图10-71所示。
升级会员 