专注于互联网--专注于架构

最新标签
网站地图
文章索引
Rss订阅

首页 »Flash教程 » 随风飘动:Flash打造窗纱随风飘动的音乐动画 »正文

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

来源: 发布时间:星期五, 2009年1月23日 浏览:22次 评论:0
  新建个空白Flash文档把背景设置为黑色

  Flash打造窗纱随风飘动<img src='/icons/69485de.gif' />音乐动画图1

  在场景中把图层1改为窗框然后在这层中绘制个矩形边框

  Flash打造窗纱随风飘动<img src='/icons/69485de.gif' />音乐动画图2

  这里要把窗填充成个木制颜色所以要先导入张木纹图片选择文件——导入——导入到库导入张事先准备好图片

  Flash打造窗纱随风飘动<img src='/icons/69485de.gif' />音乐动画图3

  导入后按Sht+F9打开混色器把填充类型选择为“位图”然后在选择刚才导入图片填充

  Flash打造窗纱随风飘动<img src='/icons/69485de.gif' />音乐动画图4

  新建个图层为“窗”把这个图层放到“窗框”下面然后在这层中绘制如图用刚才思路方法把它填充成木色

  Flash打造窗纱随风飘动<img src='/icons/69485de.gif' />音乐动画图5

  中间玻璃用透明度为30%灰色填充

  Flash打造窗纱随风飘动<img src='/icons/69485de.gif' />音乐动画图6

  窗画好了下面开始来画窗帘了

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

  Flash打造窗纱随风飘动<img src='/icons/69485de.gif' />音乐动画图7

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

  Flash打造窗纱随风飘动<img src='/icons/69485de.gif' />音乐动画图8

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

  Flash打造窗纱随风飘动<img src='/icons/69485de.gif' />音乐动画图9

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

  Flash打造窗纱随风飘动<img src='/icons/69485de.gif' />音乐动画图10

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

  新建个图层2给窗帘绘制多个叠影思路方法和前面绘制窗帘是我就不多说了

  Flash打造窗纱随风飘动<img src='/icons/69485de.gif' />音乐动画图11

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

  Flash打造窗纱随风飘动<img src='/icons/69485de.gif' />音乐动画图12

  Flash打造窗纱随风飘动<img src='/icons/69485de.gif' />音乐动画图13

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

  Flash打造窗纱随风飘动<img src='/icons/69485de.gif' />音乐动画图14

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

  Flash打造窗纱随风飘动<img src='/icons/69485de.gif' />音乐动画图15

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

  Flash打造窗纱随风飘动<img src='/icons/69485de.gif' />音乐动画图16

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

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

  Flash打造窗纱随风飘动<img src='/icons/69485de.gif' />音乐动画图17

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

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

  Flash打造窗纱随风飘动<img src='/icons/69485de.gif' />音乐动画图18

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

  Flash打造窗纱随风飘动<img src='/icons/69485de.gif' />音乐动画图19

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

  Flash打造窗纱随风飘动<img src='/icons/69485de.gif' />音乐动画图20

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

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

  Flash打造窗纱随风飘动<img src='/icons/69485de.gif' />音乐动画图21

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

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

  Flash打造窗纱随风飘动<img src='/icons/69485de.gif' />音乐动画图22

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

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

  Flash打造窗纱随风飘动<img src='/icons/69485de.gif' />音乐动画图23

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

  Flash打造窗纱随风飘动<img src='/icons/69485de.gif' />音乐动画图24

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

  Flash打造窗纱随风飘动<img src='/icons/69485de.gif' />音乐动画图25

  下面我们以同样思路方法再做只区别路径飞舞蝴蝶

  新建个名为“蝴蝶飞飞”影片剪辑在这里要把刚做好两个蝴蝶飞舞元件放进来而且要让它们在区别时间段开始飞出来   在图层1第10帧插入关键帧打开库把蝴蝶元件拖到场景中来在第120帧插入帧

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

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

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



  Flash打造窗纱随风飘动<img src='/icons/69485de.gif' />音乐动画图26

  返回场在背景图层上面新建个图层为“蝴蝶”然后把刚做好蝴蝶飞飞元件拖到场景中

  可以用做蝴蝶思路方法再做个枫叶飘落小动画再放置到场景中思路方法在这就不多说了

  Flash打造窗纱随风飘动<img src='/icons/69485de.gif' />音乐动画图27

  到此全部动画都做完了不过好看动画如何能没有好听音乐做伴呢在场景中再新建个图层为音乐然后选择文件—导入—导入到库导入首事先准备好音乐点击音乐图层然后在属性面板中选择刚导入音乐

  Flash打造窗纱随风飘动<img src='/icons/69485de.gif' />音乐动画图28



0

相关文章

读者评论

发表评论

  • 昵称:
  • 内容: