正在阅读:flash8打造瀑布动画效果教程flash8打造瀑布动画效果教程

2007-05-11 09:28 出处: 作者:英子 责任编辑:chenzhenjia
1flash8打造瀑布动画效果教程(1)回顶部

  更多精彩平面及网站设计图文教程、视频教程,尽在PConline创意设计栏目

  相关文章:Flash 8专业版实例视频教程

 

  本文由中国教程网 英子原创。 (提示:教程最后附有素材和源文件下载。)

  本例子主要是介绍flash8制作瀑布动画的方法,希望能给大家带来帮助。

  下面让我们先看看教程最终效果:


效果预览1


效果预览2

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

flash8瀑布动画制作方法
图1

2flash8打造瀑布动画效果教程(2)回顶部

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

flash8瀑布动画制作方法
图2

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


flash8瀑布动画制作方法
图3

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

flash8瀑布动画制作方法
图4

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

flash8瀑布动画制作方法
图5

flash8瀑布动画制作方法
图6

3flash8打造瀑布动画效果教程(3)回顶部

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

flash8瀑布动画制作方法
图7

flash8瀑布动画制作方法  
图8

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

flash8制作瀑布动画的方法
图9

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

flash8制作瀑布动画的方法
图10

  如何删除水以外的部份:

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

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

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

flash8制作瀑布动画的方法
图11

flash8制作瀑布动画的方法
图12

flash8制作瀑布动画的方法
图13

4flash8打造瀑布动画效果教程(4)回顶部

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

flash8制作瀑布动画的方法
图14

flash8制作瀑布动画的方法
图15

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

flash8制作瀑布动画的方法
图16

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

flash8打造瀑布动画效果教程
图17

flash8打造瀑布动画效果教程
图18

5flash8打造瀑布动画效果教程(5)回顶部

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

flash8打造瀑布动画效果教程
  图19

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

flash8打造瀑布动画效果教程
  图20

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

flash8打造瀑布动画效果教程
  图21

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

flash8打造瀑布动画效果教程
  图22

  测试影片,并保存。

 

  流动的水, 爆布的制作, 对于初学者来说并不难,只要细心就能做到。 也是Flash 常用的操作手法之一, 请大家按照教程做几张瀑布或流动的水的FLASH,做好后另开新贴发表.有什么不明白的地方请发贴提问。

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

  FLA源文件下载:潺潺流水件 红岩小瀑布

相关文章

关注我们

最新资讯离线随时看 聊天吐槽赢奖品