Fireworks CS3教程:切片工具切网页模板

核心提示： 图1-25 切片小图标4、同样的道理，在这个效果图中，Fireworks CS3教程:切片工具切网页模板(2)，有很多的圆角效果，但是在切片的时候同样的效果仍旧只切片一张即可，选择【文件】@@【导出】命令（快捷键为【Ctrl+Shift+R】），会弹出Fireworks CS3的【导出】对

图1-25 切片小图标

4、同样的道理，在这个效果图中，有很多的圆角效果，但是在切片的时候同样的效果仍旧只切片一张即可。如图1-26所示。

图1-26 切片圆角图像

5、切片完成后，选择Fireworks CS3中的【2幅】窗口，如图1-27所示。在这个窗口的左侧，是可编辑的原图，而在这个窗口的右侧，则是优化以后的图像。在这个窗口的下方，可以看到详细的关于每一个切片的文件量和下载时间等信息。

图1-27 Fireworks的【2幅】窗口

6、按快捷键【F6】，打开Fireworks CS3的【优化】面板，使用【指针】工具，在【2幅】窗口的左侧依次选择切片，然后在【优化】面板中进行相应的优化操作，最终优化后的图像效果，可以在【2幅】窗口的右侧进行观察，如图1-28所示。

图1-28 对切片进行优化

7、对每一张切片进行优化后，就可以导出所有的图像素材了。选择【文件】@@【导出】命令（快捷键为【Ctrl+Shift+R】），会弹出Fireworks CS3的【导出】对话框，如图1-29所示。