Fireworks多边形切片的妙用
平常大家用Fireworks对网页进行切片输出的时候,一般都用普通的切片工具进行输出。但是如果遇到导航很多,切片重叠时候,用一般的方法就无法进行处理,这时多变形切片工具的好处就显现出来了。 下面我们详细介绍Fireworks多变形切片工具的使用方法。http://www.blue1000.com/upload/2005_01/050120045278241.jpg
1.打开作好的导航图片,在第一帧做好按钮的一般状态图形,在第二帧上,做好按钮over状态图形,如图所示:
http://www.blue1000.com/upload/2005_01/050120045278242.jpg
2.回到第一帧,在工具栏找到多边型工具(K),如果所示:
http://www.blue1000.com/upload/2005_01/050120045278243.gif
3.然后用切片工具根据按钮重叠的形状,勾出多边型切片,如图所示:
http://www.blue1000.com/upload/2005_01/050120045278244.gif
4.然后选中切片,点击右键,在弹出菜单中选中“添加交换图像行为”,如图所示:
http://www.blue1000.com/upload/2005_01/050120045278245.gif
5.在弹出菜单中,选择当前切片的第二帧,如图所示:
http://www.blue1000.com/upload/2005_01/050120045278246.gif
6.然后选择导出网页,保存类型为“HTML和图像”,如图所示:
http://www.blue1000.com/upload/2005_01/050120045278247.gif
7.其它的按钮依次类推,所作的效果如图所示:
http://www.blue1000.com/upload/2005_01/050120045278248.gif
需要注意的问题: 1.多边形切片工具不能切出圆形切片,如原图比较复杂,可多切几个边,或在dw中在进行热区形状编辑。 2.多边形工具的边数多少决定生成文件的大小,所以除非特殊需要,尽量控制多边形的边数。 为了方便大家学习我提供了.png源文件下载:
http://www.blue1000.com/upload/2005_01/050120045278249.png
页:
[1]