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