手机
当前位置:查字典教程网 >网页设计 >Flash教程 >Flash8实例教程:打造有流动水的瀑布动画效果
Flash8实例教程:打造有流动水的瀑布动画效果
摘要:本例子主要是介绍flash8制作瀑布动画的方法,制作过程有点多,但介绍地很详细,希望能给大家带来帮助。效果图1效果图2flash8制作瀑布:...

本例子主要是介绍flash8制作瀑布动画的方法,制作过程有点多,但介绍地很详细,希望能给大家带来帮助。

效果图1

效果图2

flash 8 制作瀑布:

1、准备好一张清晰的瀑布图片,启动FLASH,设背景为蓝色,其它默认。

Flash8实例教程:打造有流动水的瀑布动画效果1

图1

2、文件--导入--导入到库,把图片导入。

Flash8实例教程:打造有流动水的瀑布动画效果2

图2

3、在第一层的第1 帧,把图片从库里拖进舞台,调整图片和舞台一样大小。

Flash8实例教程:打造有流动水的瀑布动画效果3

图3

4、打开对齐面版,选相对于舞台,水平对齐,垂直对齐.

Flash8实例教程:打造有流动水的瀑布动画效果4

图4

5、增加图层2 ,右键点图层1 的第1 帧--复制帧,右键点图层2 的第1 帧,粘贴帧。

Flash8实例教程:打造有流动水的瀑布动画效果5

图5

Flash8实例教程:打造有流动水的瀑布动画效果6

图6

6、在图层1 右键点图片--转换为元件,类型:图形。锁定第1 层,把眼晴关上(隐藏图层1),打开图层2。

Flash8实例教程:打造有流动水的瀑布动画效果7

图7

Flash8实例教程:打造有流动水的瀑布动画效果8

图8 7、打开图层2 ,点第1 帧,用小键盘的方向键把图片向右移动1 pt。右键点图片--分离,把图片打散。

Flash8实例教程:打造有流动水的瀑布动画效果9

图9 8、选用工具栏上的套索工具--多边形模式,在打散后的图片上删除水以外的部份。

Flash8实例教程:打造有流动水的瀑布动画效果10

图10

如何删除水以外的部份:请看图8-1

我借用网上的一张图片说明问题,并向图片作者表示敬意。

我们在打散的图片上设几个点,如:A、B、C、D、E、F......把要删除部份圈起来,最后的点与A点重合并双击,按“DELETE”健,就可删除圈起来的部份了,多删几次,就能把水以外的部份删除干净。

9、把水部份转为元件,并设透明度为60% ,锁定图层2 。

Flash8实例教程:打造有流动水的瀑布动画效果11

图11

Flash8实例教程:打造有流动水的瀑布动画效果12

图12

Flash8实例教程:打造有流动水的瀑布动画效果13

图13

10、插入图层3 ,选用矩形工具在舞台上画一个550 x7pt 的长方形,在对齐面版--水平对齐,上对齐,把长方形移到舞台的上边线上。

Flash8实例教程:打造有流动水的瀑布动画效果14

图14

Flash8实例教程:打造有流动水的瀑布动画效果15

图15

11、选用箭头工具右键点长方形--复制,Ctrl+D 复制N 个长方形,行矩7像素。(复制的方法随各人的习惯)

Flash8实例教程:打造有流动水的瀑布动画效果16

图16

12、所有矩形为画面的1.2倍左右的时候,把舞台调整为25% ,用箭头工具把所有的矩形及图片括起来,点对齐面版上的水平对齐,Ctrl+G 组合所有矩形,把它转为元件3,类型:影片剪辑。

Flash8实例教程:打造有流动水的瀑布动画效果17

图17

Flash8实例教程:打造有流动水的瀑布动画效果18

图18

13、点对齐面版上的底对齐,使元件3 的底和舞台底对齐,在图层3 的40帧插入关键帧,创建补间动画。

Flash8实例教程:打造有流动水的瀑布动画效果19

图19

14、在第40帧,用小键盘的方向键移动元件3 ,使元件3 和舞台上对齐。并分别在图层1、图层2 的第40帧插入关键帧。

Flash8实例教程:打造有流动水的瀑布动画效果20

图20

15、右键点图层3 --遮罩层,把图层3 转为遮罩层,图层2 为被遮罩层。

Flash8实例教程:打造有流动水的瀑布动画效果21

图21

16、瀑布做完后舞台上全部操作如下显示.

Flash8实例教程:打造有流动水的瀑布动画效果22

图22

测试影片,保存。

以下是我在网上搜索的几张瀑布素材图片,供大家参考:

Flash8实例教程:打造有流动水的瀑布动画效果23

素材1

Flash8实例教程:打造有流动水的瀑布动画效果24

素材2 流动的水, 爆布的制作, 对于初学者来说并不难,只要细心就能做到. 也是Flash 常用的操作手法之一, 请大家按照教程做几张瀑布或流动的水的FLASH, 相信你一定能做地非常好!

【Flash8实例教程:打造有流动水的瀑布动画效果】相关文章:

Flash CS3仿真设计教程:模糊滤镜的应用

Flash CS4教程:制作树枝的伸展动画效果

Flash游戏开发实例系列:打小狗

Flash实例教程:AS3.0打造漂亮水纹效果

Flash基础教程:学Flash的技巧

Flash实例教程:制作鼠标跟随的馋嘴兔兔

Flash教你制作扫光字动画效果

Flash实例教程:单选题的制作

Flash AS2实例 跳动的小球动画效果

Flash教程:制作随机画圆弧动画

精品推荐
分类导航