用FLASH制作水流动态效果
制作教程
下面给大家介绍的是我主页上的一种FLASH的水流动态效果,还是国际惯例先看效果图,喜欢就跟着做吧.
效果图:
开始制作吧.
1:首先打开FLASH,点菜单"插入"---创建新元件,选影片剪辑,如图所示
![](http://qimg.78we.com/?aHR0cDovL2I1LnBob3RvLnN0b3JlLnFxLmNvbS9odHRwX2ltZ2xvYWQuY2dpPy9ydXJsMj04ZTMwN2Q4NjlmZGY5ZWNhMTFmYjg3NTY2MzlkY2UxYWFiMTFjZDQyNjZjZTA3ZTg2NTA0YjRkZjFkYjg2ODc3NmFlNWFhM2IwMzVkYzAzZTc4MTI0YjlkMWZjZjE5N2FlNDZiMzQ4MmQ2MzM0NTZmZTdjZTgzNjk4ZmIyYWUzYWIyMjZmNzJjZjE0ZTYwYTFhNGQ4NjgwOTliMTE5OWVjNDVhYmQ3ZmUmZWs9MSZrcD0xJnB0PTAmc3U9MTEwMjI2MjEzJnNjZT0wLTEyLTEyJnJmPTItOQ==)
2:点菜单文件---导入---导入到舞台,把准备制作的水流效果图片导入
![](http://qimg.78we.com/?aHR0cDovL2I1LnBob3RvLnN0b3JlLnFxLmNvbS9odHRwX2ltZ2xvYWQuY2dpPy9ydXJsMj05N2Q3ZGQ4ODI5M2I0NTEyMjQyNWEyMWQzYTA0NzY0OGZiNjJmYmRhZGQxZThlZDk2MWVkOTRiYzg0ZDQzMjAzNWVhNmI1OGI3ZGQwNmY2ZTJkMDE4MjJiZjhlYjg1OTI2OGQ1OTMzZjY2YzViMWFhODQ3M2Y3NDUwMjc0Zjc0MDI0MmZiYTY3YWI1YTIwOTQ3ZGFlNjM3NzI3ZjhmZGU0ODNlMGEzOGUmZWs9MSZrcD0xJnB0PTAmc3U9MTI1ODk0ODEzMyZzY2U9MC0xMi0xMiZyZj0yLTk=)
3:回到主场景,把元件1拖入场景,当然元件1要和舞台全对齐,再新建一个图层2,再点击图层1的第一桢的同时,按住ALT键,鼠标会出现一个加号,把他拉到图层2这样就实现了关键桢的复制
![](http://qimg.78we.com/?aHR0cDovL3Bob3RvLnN0b3JlLnFxLmNvbS9odHRwX2ltZ2xvYWQuY2dpPy9ydXJsMj0wYzNiOTI2NmFhOTQ4N2E0OWZmZTUwNDc4ZjExMzgxZmQ1MDY0ODNiYjkxOGEzOWI1YThlODE2MDQ5NDZhNzk4ZTg4ZmY0Njc3NzJiZDY2MmU0NzhjZjAxNDViYjg2NTc3NzFiNzVmZjk0YjRhNmM1MjlkMDg2YWYxOTYwNWU0NmExODc3MDIzODAzOTNkYmUzMzU1M2JmNTlmNmI2OTY0NmZiNTZlMTI=)
4:再点击图层2的图片,按下方向键盘的向下键.向下移动一个相素左右,(这步千万别忘记,表遗漏 ).
![](http://qimg.78we.com/?aHR0cDovL3Bob3RvLnN0b3JlLnFxLmNvbS9odHRwX2ltZ2xvYWQuY2dpPy9ydXJsMj0yNWI3NzU4ZDNiNjI0MWEyNTg0MGM1ZDQxOTc5ZWE0MTQyMGEzZGNiYTJhNzAwZTA3NGYyYmQyYjA0YzBhYTY1OWJiYTIwYWI5NDFkZTc4Y2Y3YjdhYjY4ZmI0MGMyNDVmMzEwZDM4NzMyZWJlYzU5NmFjZWI3ODMyMjExMTc1Mjg1ZTZjMTI3ZDBjYzgwNmFkMWU2ZDQ5OWUxNjdlYzgxOGM2ZDVkMDg=)
5:把图层1和图层2都上锁,再新建一个图层3,接着用矩形工具,选好颜色,在场景中画出一长矩形边框
![](http://qimg.78we.com/?aHR0cDovL2I1LnBob3RvLnN0b3JlLnFxLmNvbS9odHRwX2ltZ2xvYWQuY2dpPy9ydXJsMj00Mzg3MjJmMjU0MWM3YTczZWM1ZDYzZjUyZDZkZTAwNTk2NjhhM2EyZDdhZTMwZGVkNmJmYjM5MWM3ZTAwNjc1NmU1OWJiMTdiOTQ4MzFiZjJhN2FjOWNkNDYzYjY1ZjY3OGMzNDhmNmMxNzdjYjFmNTQzZjdhNjA2MmM0NWE0NDhmMjdhZjFhN2YxNDQ3NzkxMWFhNzkxMmM0Njc5YzFhZjJhMmY4MGMmZWs9MSZrcD0xJnB0PTAmc3U9MTE5MzY2NDU5NSZzY2U9MC0xMi0xMiZyZj0yLTk=)
6:再选中任意变形工具,对这个矩形进行曲度变化,让其感觉有弧行,如图所示,在需要做水流效果的地方都画上这样的矩形.
![](http://qimg.78we.com/?aHR0cDovL2I1LnBob3RvLnN0b3JlLnFxLmNvbS9odHRwX2ltZ2xvYWQuY2dpPy9ydXJsMj03MTE3ZWMyYTc4MDBmMzY1ZmM3MjRhOWY0MzZjY2M1OGVkMjU1YThiMWNjNmVlMzkzMzgwOGI0ZGRjMDhhNjgzNGNjMjc2MDNiOGQyNDA1N2JhNjJkOTk5OTgzODU0M2U2ZGFmODBiMWVkZTJhMDBhNWI0YThiNTBiYWRiODQ2ZjFmMjg5ZTI5YWY0NjY0NWE3ZmNlZmVmMjA3NDIyYTFkYTA5NDU2YTQmZWs9MSZrcD0xJnB0PTAmc3U9MTU1Njc3NDQ0JnNjZT0wLTEyLTEyJnJmPTItOQ==)
7:再把这些有弧度的矩形按CTL加A组合键全选,然后按F8将其转化为元件.
![](http://qimg.78we.com/?aHR0cDovL2I1LnBob3RvLnN0b3JlLnFxLmNvbS9odHRwX2ltZ2xvYWQuY2dpPy9ydXJsMj1jOWIzY2YzNTZmMjBkYTlmMWZhNGRiYzI4MWU4NTlkZTdlOGEyNmZkM2JlMDAzYjE2YjNkOWY3YTU3NGZmOTQ0NzdjZDIxNWU3MjgzMGQ5YzU5OTcwYzI3Mzc2YjE5YzZjZTFkYTQxZjZhYWM1ZGJmYTdlYjgyZDFmNGEzZDUxMmY4MWQ3ZDM0N2Y1MDE3ZmIzMTE1YjNjYWM2ZDQ3NmYwYWI5M2JkYjQmZWs9MSZrcD0xJnB0PTAmc3U9MTI2NDU2NDM1NiZzY2U9MC0xMi0xMiZyZj0yLTk=)
8:然后在图层1和图层2的第15桢插入桢,在图层3的第15桢插入关键桢,再选用任意变形工具对着图层3进行适当的变形拉伸拉长,然后在图层3创建一个补间动画
![](http://qimg.78we.com/?aHR0cDovL3Bob3RvLnN0b3JlLnFxLmNvbS9odHRwX2ltZ2xvYWQuY2dpPy9ydXJsMj1hNWExNzFmYjg0Y2I0YjgyNTU0NzViN2E0MzJhMmQ0N2Y2MDA3NWZhOGZkYWQ3MzEzZWE4MWNhNTQ1YjVhNGZhOThiYzk3MTNhM2UxNmU2NTJmNmJmYmQwODYzMGJiMTE5ZWMzMDRjYTMxNWY5ZWNhOWU0YTMyMTgzMjNiMGY3NWZhM2QzZDI5YjhiMTZhMjJiNDA0M2Y5OTRmYTVjZDVhMTliNjc0Y2I=)
![](http://qimg.78we.com/?aHR0cDovL2I1LnBob3RvLnN0b3JlLnFxLmNvbS9odHRwX2ltZ2xvYWQuY2dpPy9ydXJsMj0wYWQ0ZTc3OGE1YmRmOTYwYzJjMzgyZWZjZDhmNTliZjcyYzc5NTViNDdhM2UyZGJiMWNmYWI0OGMxYjY0Y2EyZTljYzVjZDIzNTZmMGI2NjkzMDMzNTNhZTMxNjYwNTk3YzM2NDM1YmIyNDBlMDY5YWYyMDA3YzZmYzE0Mjg0OTBkMDFkZjUwNDAzMDFjYzEyZDkxMjY4OGQ4ZjIyNzZkYWEyMDAyZDQmZWs9MSZrcD0xJnB0PTAmc3U9MTE0MTQwODE5NiZzY2U9MC0xMi0xMiZyZj0yLTk=)
9:再选中图层3点右键选择遮罩层,此时这些红色的矩形就会消失,再按CTRL加回车键测试效果.
![](http://qimg.78we.com/?aHR0cDovL2I0LnBob3RvLnN0b3JlLnFxLmNvbS9odHRwX2ltZ2xvYWQuY2dpPy9ydXJsMj0xNDEwYTFjYWYwZDA4OTg1MGJmOTYwMjkxZGZhNWYyZTc2ZDY0YzExYTVlZDMyMjdhZTA2M2RkYzg4NzE2ZTEwZDY5MzRmNTdkMDBiYzE3N2QxYTZiMDg1OTAyOTJjYjkwODE5ODk1ZTA1M2FiMGNlN2FkOTdlZjAxNTRmODY0YmViYzBjOWMzYWY1YTEzOTU5YjZjODcxZDYyOTAxMjc2MWVmNGZkZWMmZWs9MSZrcD0xJnB0PTAmc3U9MTIyMDQ2NzczMSZzY2U9MC0xMi0xMiZyZj0yLTk=)
编后语:在第4步中,向下移动的相素值可以视你做完后效果而定,移动越多,水流幅度就会越大.在第5步中,这个遮罩的形状也可以用笔画工具来画哦能画出波浪行就可以.在第8步中,改变图层3(也就是遮罩层)的大小位置都会影响到水流的动态效果,你可以按照自己的喜好随时调节测试,直止满意为止.希望想学的朋友都能学的会哦.请尊重原创作者,转载请留言哦.
---------------------------------欢迎加入官方社区IT游戏圈------------------------------
![](http://qimg.78we.com/?aHR0cDovL2IzLnBob3RvLnN0b3JlLnFxLmNvbS9odHRwX2ltZ2xvYWQuY2dpPy9ydXJsMj0wZTEyNTdlZjIyZDY4MGUzMDRmZmM0NTEyZDdkMWQyNjhmM2EzYTcxNzYxOGMyMDMxNGY1YWU3N2IzYjdlYzk3MTRkZjMzN2M3NDZkMGZhMmMzNzY2MDc5NzA0ZjQ2NTBjNzJlNmIxYjQxN2Q4ZWQ2ODJlYTA1ZjUzNzU1M2ZiMmNkODIyNGNjZGM0MzgwZmM5MTM1NzhiMDliNWMyMGIzNzU5YWJhZWMmZWs9MSZrcD0xJnB0PTAmc3U9MTMyMTIwMDgzJnNjZT0wLTEyLTEyJnJmPTItOQ==)
效果图:
开始制作吧.
1:首先打开FLASH,点菜单"插入"---创建新元件,选影片剪辑,如图所示
2:点菜单文件---导入---导入到舞台,把准备制作的水流效果图片导入
3:回到主场景,把元件1拖入场景,当然元件1要和舞台全对齐,再新建一个图层2,再点击图层1的第一桢的同时,按住ALT键,鼠标会出现一个加号,把他拉到图层2这样就实现了关键桢的复制
4:再点击图层2的图片,按下方向键盘的向下键.向下移动一个相素左右,(这步千万别忘记,表遗漏
5:把图层1和图层2都上锁,再新建一个图层3,接着用矩形工具,选好颜色,在场景中画出一长矩形边框
6:再选中任意变形工具,对这个矩形进行曲度变化,让其感觉有弧行,如图所示,在需要做水流效果的地方都画上这样的矩形.
7:再把这些有弧度的矩形按CTL加A组合键全选,然后按F8将其转化为元件.
8:然后在图层1和图层2的第15桢插入桢,在图层3的第15桢插入关键桢,再选用任意变形工具对着图层3进行适当的变形拉伸拉长,然后在图层3创建一个补间动画
9:再选中图层3点右键选择遮罩层,此时这些红色的矩形就会消失,再按CTRL加回车键测试效果.
编后语:在第4步中,向下移动的相素值可以视你做完后效果而定,移动越多,水流幅度就会越大.在第5步中,这个遮罩的形状也可以用笔画工具来画哦能画出波浪行就可以.在第8步中,改变图层3(也就是遮罩层)的大小位置都会影响到水流的动态效果,你可以按照自己的喜好随时调节测试,直止满意为止.希望想学的朋友都能学的会哦.请尊重原创作者,转载请留言哦.
---------------------------------欢迎加入官方社区IT游戏圈------------------------------
文章评论