WEB开发网
开发学院图形图像Fireworks Fireworks CS3切片工具的使用 阅读

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设置】对话框,如图所示。

Tags:Fireworks CS 切片

编辑录入:爽爽 [复制链接] [打 印]
赞助商链接