缓冲导航详解 这个效果是我和溶剂共同完成的,他提供坐标的算法,我提供缩放的算法 如有什么问题,欢迎到我的blog交流 http://zjs35.edujh.cn
缓冲公式在制作特效中非常有用,著名的三星导航菜单就用到了此公式。现在许多韩国网站出尽风头,其中缓冲导航是其一大亮点。本文以一德国网站的导航为例,详解缓冲导航的制作。 本例效果
制作思路
- 图片缩放控制
利用缓冲公式设置图片的缩放比例,如果鼠标滑过某图片,放大1.8倍。如果其它图片的序号与此图片的序号相差1,就是此图片两边的图片,放大1.4倍,其它的为原始大小。
- 图片坐标控制
当某图片放大时,相邻的图片的坐标等于此图片的坐标加上这两张图片的宽度的一半,实现图片无间距排列。
- 线条和文字控制
线条用画线函数实现,文字的坐标和缩放比例与对应的图片相同。
制作过程 1、启动Flash,新建一个影片,设置影片大小为600px*200px。 准备好如图中的素材,图片的实例名分别为zjs0到zjs4,文字的实例名分别为z0到z4。
把中间的图片坐标设为(300,130),选中全部的图片,按CTRL+K调出排列面板,设置为顶部对齐,使图片的y坐标相同,图片的x坐标通过AS来控制。用同样的方法使方字的y坐标相同,并调整好文字和图片的间距。 2、在主场景中的第一帧上加上下列代码
代码拷贝框
[Ctrl+A 全部选择 然后拷贝]
按CTRL+ENTER测试,本例制作完成。掌握原理后,加上好的创意,相信你能做出更好的特效。
源文件下载
出处:蓝色理想
责任编辑:蓝色
◎进入论坛Flash专栏版块参加讨论
|