╋艺 镇╋╋网站网络|程序语言|Flash╋┣◇FLASH交流 → FLASH 8实例教程:瀑布动画制作方法


  共有12881人关注过本帖树形打印复制链接

主题:FLASH 8实例教程:瀑布动画制作方法

美女呀,离线,留言给我吧!
admin
  1楼 | 信息 | 搜索 | 邮箱 | 主页 | UC


加好友 发短信 司令 亲民勋章
等级:管理员 帖子:3026 积分:27499 威望:0 精华:7 注册:2003/12/30 16:34:32
FLASH 8实例教程:瀑布动画制作方法  发帖心情 Post By:2008/4/17 8:35:09 [只看该作者]

flash 8 制作瀑布:
1、准备好一张清晰的瀑布图片,启动FLASH,设背景为蓝色,其它默认。
图片点击可在新窗口打开查看
图1
2、文件--导入--导入到库,把图片导入。
图片点击可在新窗口打开查看
图2
3、在第一层的第1 帧,把图片从库里拖进舞台,调整图片和舞台一样大小。
图片点击可在新窗口打开查看
图3
4、打开对齐面版,选相对于舞台,水平对齐,垂直对齐.
图片点击可在新窗口打开查看
图45、增加图层2 ,右键点图层1 的第1 帧--复制帧,右键点图层2 的第1 帧,粘贴帧。
图片点击可在新窗口打开查看
图5
图片点击可在新窗口打开查看
图6
6、在图层1 右键点图片--转换为元件,类型:图形。锁定第1 层,把眼晴关上(隐藏图层1),打开图层2。
图片点击可在新窗口打开查看
图7
图片点击可在新窗口打开查看
图87、打开图层2 ,点第1 帧,用小键盘的方向键把图片向右移动1 pt。右键点图片--分离,把图片打散。
图片点击可在新窗口打开查看
图9
8、选用工具栏上的套索工具--多边形模式,在打散后的图片上删除水以外的部份。
图片点击可在新窗口打开查看
图10
如何删除水以外的部份:请看图8-1
我借用网上的一张图片说明问题,并向图片作者表示敬意。
我们在打散的图片上设几个点,如:A、B、C、D、E、F......把要删除部份圈起来,最后的点与A点重合并双击,按“DELETE”健,就可删除圈起来的部份了,多删几次,就能把水以外的部份删除干净。
9、把水部份转为元件,并设透明度为60% ,锁定图层2 。
图片点击可在新窗口打开查看
图11
图片点击可在新窗口打开查看
图12
图片点击可在新窗口打开查看
图1310、插入图层3 ,选用矩形工具在舞台上画一个550 x7pt 的长方形,在对齐面版--水平对齐,上对齐,把长方形移到舞台的上边线上。
图片点击可在新窗口打开查看
图14
图片点击可在新窗口打开查看
图15
11、选用箭头工具右键点长方形--复制,Ctrl+D 复制N 个长方形,行矩7像素。(复制的方法随各人的习惯)
图片点击可在新窗口打开查看
图16
12、所有矩形为画面的1.2倍左右的时候,把舞台调整为25% ,用箭头工具把所有的矩形及图片括起来,点对齐面版上的水平对齐,Ctrl+G 组合所有矩形,把它转为元件3,类型:影片剪辑。
图片点击可在新窗口打开查看
图17
图片点击可在新窗口打开查看
图1813、点对齐面版上的底对齐,使元件3 的底和舞台底对齐,在图层3 的40帧插入关键帧,创建补间动画。
图片点击可在新窗口打开查看
图19
14、在第40帧,用小键盘的方向键移动元件3 ,使元件3 和舞台上对齐。并分别在图层1、图层2 的第40帧插入关键帧。
图片点击可在新窗口打开查看
图20
15、右键点图层3 --遮罩层,把图层3 转为遮罩层,图层2 为被遮罩层。
图片点击可在新窗口打开查看
图21
16、瀑布做完后舞台上全部操作如下显示.
图片点击可在新窗口打开查看
图22
测试影片,保存。
流动的水, 爆布的制作, 对于初学者来说并不难,只要细心就能做到. 也是Flash 常用的操作手法之一, 请大家按照教程做几张瀑布或流动的水的FLASH, 做好后另开新贴发表.有什么不明白的地方请发贴提问。以下是我在网上搜索的几张瀑布素材图片,供大家参考:
图片点击可在新窗口打开查看
素材1
图片点击可在新窗口打开查看
素材2
[此贴子已经被作者于2008-4-17 8:35:51编辑过]


  
“艺镇”官方站:www.zyzsky.com QQ群:1221854  回到顶部
美女呀,离线,留言给我吧!
admin
  2楼 | 信息 | 搜索 | 邮箱 | 主页 | UC


加好友 发短信 司令 亲民勋章
等级:管理员 帖子:3026 积分:27499 威望:0 精华:7 注册:2003/12/30 16:34:32
  发帖心情 Post By:2008/4/17 8:36:01 [只看该作者]

效果图1

 

点击开新窗口欣赏该FLASH动画![全屏欣赏]
http://cimg3.163.com/tech/school/flash/hongyan.swf

 

效果图2

点击开新窗口欣赏该FLASH动画![全屏欣赏]
http://cimg3.163.com/tech/school/flash/chanchan.swf

 

[此贴子已经被作者于2008-4-17 8:38:00编辑过]


  
“艺镇”官方站:www.zyzsky.com QQ群:1221854  回到顶部