Fireworks CS3切片工具的使用
2007-08-03 09:11:34 来源:WEB开发网核心提示: 切片小图标4. 同样的道理,在这个效果图中,Fireworks CS3切片工具的使用(2),有很多的圆角效果,但是在切片的时候同样的效果仍旧只切片一张即可,单击【选项】按钮,打开【HTNL设置】对话框,如图所示,切片圆角图像5. 切片完成后
切片小图标
4. 同样的道理,在这个效果图中,有很多的圆角效果,但是在切片的时候同样的效果仍旧只切片一张即可。如图所示。
切片圆角图像
5. 切片完成后,选择Fireworks CS3中的【2幅】窗口,如图1-27所示。在这个窗口的左侧,是可编辑的原图,而在这个窗口的右侧,则是优化以后的图像。在这个窗口的下方,可以看到详细的关于每一个切片的文件量和下载时间等信息。
Fireworks的【2幅】窗口
6. 按快捷键【F6】,打开Fireworks CS3的【优化】面板,使用【指针】工具,在【2幅】窗口的左侧依次选择切片,然后在【优化】面板中进行相应的优化操作,最终优化后的图像效果,可以在【2幅】窗口的右侧进行观察,如图所示。
对切片进行优化
7. 对每一张切片进行优化后,就可以导出所有的图像素材了。选择【文件】【导出】命令(快捷键为【Ctrl+Shift+R】),会弹出Fireworks CS3的【导出】对话框,如图所示。
Fireworks CS3的【导出】对话框
8. 在【导出】对话框中的【导出】下拉列表中选择【HTML和图像】选项,这样可以激活面板右下角的【选项】按钮,单击【选项】按钮,打开【HTNL设置】对话框,如图所示。
更多精彩
赞助商链接