下面只需添加脚本,鱼就可以动起来了。
(1)回到主场景,在动作面板中为第一帧加入以下Acti" width=298>
图 10 跟随鼠标游动的鱼
4.添加莲叶
本例既然叫做“鱼戏莲叶间”,没有莲叶是不行的。下面就为其加入莲叶。
(1)按Ctrl+F8新建一个影片剪辑元件,并命名为“莲叶”。
(2)在莲叶元件的编辑场景中选择“文件”/“导入”命令,将莲叶.jpg图片导入到舞台中。
(3)新建一层,将莲叶图片复制到与图层1相同的位置。
(4)选中图层2中的莲叶图片,选择“修改”/“转换位图为矢量图”命令,在出现的“转换位图为矢量图”对话框中将“颜色阈值”设置为50,将“最小区域”设置为5,如图11所示。单击“确定”按钮将位图转换为矢量图。
(5)使用箭头工具将图中莲叶及荷花部分以外的水面部分删除。细微部分可以放大后使用套索工具选取并删除。
(6)在图层2上单击鼠标右键,选择弹出快捷菜单中的“遮罩层”命令,将图层2变为遮罩层。
(7)回到主场景,新建一层,从库面板中将“莲叶”影片剪辑拖放到图层2中,并调整其位置和大小到合适位置。
(8)在属性面板中将背景色改为黑色。现在测试影片,发现鱼在莲叶上层游来游去。这可不是我们所要的效果。
(9)选中场景中的“莲叶”影片剪辑,在属性面板中将其实例命名为leaf,如图12所示。
图 12 为“莲叶”影片剪辑实例命名
(10)选中图层2的第1帧,在其动作面板中添加如下Acti" width=257>
图 13 成功地将莲叶置于鱼的上层
5.换一个漂亮的鼠标指针
一幅漂亮的场景中出现一个白色的鼠标指针是不是很不协调?现在就来换掉这个扎眼的指针。
替换鼠标指针使用到了一个小小的技巧,就是在隐藏指针的时候对另一个影片剪辑实例进行拖曳,这样看起来就好像是换了一个鼠标指针。鼠标拖曳用到的Acti" width=257>
图 14 替换了鼠标指针后的效果
本例小结
本例的主要任务是设计并制作“鱼戏莲叶间”的鼠标跟随动画。下面,分别从设计和制作两个方面对本章的任务进行小结。
“鱼戏莲叶间”在创意设计上用的是传统的鼠标跟随手法,它采用鱼作为跟随鼠标的对象,所以设计的重心放在如何让鱼的运动尽量平滑和自然上。动画中再辅以莲叶荷花,使得整个动画别具情趣。
“鱼戏莲叶间”的制作过程是:制作鱼身各元件→在《构思添加Actions让鱼游动起来→制作并添加莲叶元件→在帧动作面板中添加Actions重新安排莲叶的层级→制作代替鼠标指针的小球→在影片剪辑面板中添加Actions让小球代替鼠标指针运动。
本例在制作上力求以循序渐进的方式一步一步完成整个动画,逐渐对动画加以完善,这是在制作Flash动画时经常采用的手法。每完成一步,就有一步的成就感。将复杂的大任务分解成几个小任务,这样每个小任务都可以迎刃而解了。
影片剪辑是一种功能强大的元件。本例用到的attachMovie、duplicateMovieClip、startDrag等脚本语句在制作很多特效时都有不可低估的作用。
鼠标跟随是Flash在交互式动画方面的一大特色,采用鼠标跟随方法可以做出许许多多不同凡响的动画。但要想使自己的作品更具创意,还得在动画设计和脚本应用上多下功夫。
无忧CMS,5ucms.org建站仿站首选!
上一篇:5ucms仿站,Flash实例教程——鱼戏莲叶间3 下一篇:5ucms帮助金鸡贺岁!Flash制作鸡年新春动画贺卡2 |
|
本站声明:本网站所载文章等内容,目的在于传递更多信息,并不代表本网赞同其观点和对其真实性负责。如涉及作品内容、版权及其它问题,请在30日内与本网联系(Email:3876307#qq.com),我们将在第一时间删除内容。若原创内容转载请注明出处。 5ucms模版,Flash实例教程——鱼戏莲叶间4的关键词: |