Flash教程：打造窗之恋音乐动画

2007-12-14 10:28:39　来源:中国教程网　作者:清风掠影点击:

前些天发过的一个动画,看大家比较喜欢,写个教程一起学习下,感兴趣的朋友可以做下~

　　这窗做得差不多了，不过背景不好看，咱给它换下背景吧。

　　新建一个图层为背景，（把它放到窗图层下面）然后画一个和场景一样大小的填充的矩形，然后把填充色设置为无，再画一个小矩形（这个矩形是无填充色的），把它的大小设置和窗一样大，画好后，在场景外点下，取消选择，然后再双击场景中的小矩形，把它选起来后删掉，这样，背景矩形就画好了，（我这里又导入了一张图片来填充，方法跟前面画窗时填充一样的。）

　　图18

　　画好背景后，感觉是不是好多了，可是再看下场景中，发现窗帘上面多出的地方实在不好看，怎么办？用选择工具在背景层里选出窗上边的图形，然后复制，再新建一个“背景上”的图层，在这一层中把它粘贴到原来的位置，这样就行了。

　　图19

　　新建一个图层“窗上”，绘制一个矩形条，把它填充为和窗一样的颜色，再把它放置在窗上面，然后再用线条工具在它下面画一条灰色的线条，以增加它的层次感。

　　图20

　　到此，窗和窗帘已经全部完工了，下面就是要给窗后面加点东东，使它看起来更好看点。

　　在最下面新建一个“背景图”的图层，在这个图层中导入一张事先准备好的图片做背景，（导入图片后用变形工具调整下大小）。

　　图21

　　本来到这里就已经差不多了，不过因为我比较无聊，所以决定再加点小动画进去。^0^

　　新建一个名为“1”的影片剪辑，选择文件——导入——导入到舞台，导入一张事先准备好的蝴蝶。导入蝴蝶后，在第5帧和第10帧插入关键帧，然后点下第5帧，把这一帧里，选择变形工具，然后按住Shift不放，把蝴蝶往中间缩小一半。最后分别在第一帧和第5帧右击，选择创建补间动画。

　　图22

　　这样，蝴蝶就会飞了，不过就原地飞，下面就来让它按我们的要求飞吧。

　　再新建一个名为“蝴蝶”的影片剪辑，打开库，把刚做好的元件“1”拖到舞台中来，再为图层1添加运动引导层，在引导层的第1帧里随意画出一条线来（这条线就是你要让蝴蝶飞的路径，所以你要它怎么飞就怎么画。）

　　图23

　　画好引导线后，在引导层第300帧插入帧，再在图层1第300帧插入关键帧，点击图层1第1帧，在这一帧把蝴蝶放在引导层的一端，也就是要开始飞的一端，再点下第300帧，把它放在另一头。

　　图24

　　点击第1帧右击创建补间动画，再在补间动画的属性中把调整到路径勾上，这样一只沿着指定路径飞舞的蝴蝶就做好了。最后，在图层1第340帧插入帧。

　　图25

　　以同样的方法再做一只不同路径飞舞的蝴蝶。

　　新建一个名为“蝴蝶飞飞”的影片剪辑，在这里要把刚做好的两个蝴蝶飞舞的元件放进来，而且要让它们在不同时间段开始飞出来。

　　在图层1第10帧插入关键帧，打开库，把蝴蝶元件拖到场景中来，在第120帧插入帧。

　　再新建一个图层2，在第50帧插入关键帧，同样再拖入一个蝴蝶元件进来，这次可以拖一个不同路径的进来。同样在第120帧插入帧。

　　再新建一个图层3，在第120帧插入关键帧，再插入一个蝴蝶元件进来，这次随便你要哪个，不过拖进场景后可以把它改变下方向。最后点击120帧（哪个图层都行），然后按F9打开动作面板，输入stop();(三只蝴蝶的位置要适当调整下)

　　注：如果觉得蝴蝶的颜色不喜欢，和场景里的图片不适合的话，可以点击下想改变颜色的蝴蝶，打开属性面板，选择颜色—色调，然后调整好自己要的颜色，再改变下透明度就行了。

　　图26 null