Flash打造窗纱随风飘动的音乐动画

　　按Ctrl+F8新建一个名为“窗帘”的影片剪辑。

　　图7

　　在影片剪辑中绘制如图的窗帘布(当然，你也可以按照你自己的意思来画)，填充色我选择了透明度为30%的白色。

　　图8

　　在图层1第50帧插入关键帧，在这一帧中用选择工具把窗帘布的形状改变下，如图。

　　图9

　　改好形状后，在第1帧右击选择复制帧复制第1帧，然后在100帧右击粘贴帧。(这是为了使窗帘布来回飘动)最后，分别在第1帧和第50帧插入形状补间动画。

　　图10

　　注：形状补间动画有时并不能按着自己想的那样来，就像我这个窗帘吧，刚开始时它也老不按的的想法来，而且加了标识记号也没用，怎么办呢，还是有办法解决的：首先，在第50帧插入帧后别急着改变它的形状，先在第1帧插入形状补间动画，然后再点第50帧，这里别一下改太大的变化，就一点一点改，改一点就点下前面的帧看下变化的过程是否看，不好看就按Ctrl+Z撒消，重新再改。只要你要耐心，慢慢一点一点弄，最后一点能弄出一个飘得很好看的窗帘的。 ^_^

　　新建一个图层2，给窗帘绘制多一个叠影，方法和前面绘制窗帘是一样的，我就不多说了。

　　图11

　　新建一个名为“窗帘1”的影片剪辑，按Ctrl+L打开库，把刚才做好的窗帘动画拖到场景中，然后在第29帧插入帧。

　　图12

　　图13

　　新建一个图层2，再拖入一个“窗帘”的影片剪辑，然后选择修改——变形——水平翻转把它换下方向，同样在第29帧插入帧。

　　图14

　　新建一个图层3，这次插入两个“窗帘”的影片剪辑，同样把其中一个的方向改变下，下用变形工具调整下这两个图形的大小。只要让它看起来有层次感就行了。最后在第30帧插入帧。

　　
图15

　　再新建一个图层4，在图层4第30帧插入关键帧。这次不拖元件了，点下图层1，然后把图层1场景中的元件按Ctrl+C复制，再点下图层4第30帧按Ctrl+Shift+V把它粘贴到原来的位置，同样的，再点下图层2，把图层2的图形也复制过来粘贴到原来的位置。最后，按F9打开动作面板，输入stop();

　　图16

　　最后，分别点下图层1和图层2中的元件，按Ctrl+B打散。有些人一定会奇怪为什么要这样做，其实我这么做的目的只是为了等下窗帘飘动的时候有层次感，不会同时飘起来，至于把两个元件放在不同的层，只是为了打散后颜色不会变。

　　下面返回到场景中，新建一个图层为“窗帘”，打开库，把刚做好的“窗帘1”元件拖放到场景中，拖两个，一个用水平翻转改变下方向，分别把这两个元件摆放好。如图。(可以适当的用变形工具再调整下)

　　图17

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

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

　　图18

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

最新相关文章

• ·JS+FLASH 参数传递 个人见解
• ·Dreamweaver插入Flash参数详解
• ·将Photoshop创建的位图导入Flash MX
• ·Flash AS代码编写图片环绕旋转效果
• ·如何调用Flash才符合Web网页标准？
• ·设计思考：Flash Web结构之数据显示层
• ·巧妙去除Flash动画在线播放限制
• ·Flash MX 2004 Media组件实现多首mp3连放
• ·把fla文件输出成和swf一样的gif文件
• ·如何合并不同帧频(fps)的Flash文件
• ·Flash ActionScript函数制作雪花飘飘动画
• ·使用Flash引导线制作雪花飘飘动画
• ·Flash教程：AS下雨动画效果的制作
• ·Flash AS代码常用调试语句trace()的使用
• ·Flash教程：纯AS打造3D小方块
• ·带AS的图片环绕旋转效果制作方法