7.选择【视图】@@【标尺】命令（快捷键：【Ctrl+Alt+R】），打开Fireworks 8的标尺。如图1.8所示。
图片附件: 1-010.jpg (2006-8-17 18:06, 79.51 K)


图1.8 打开Fireworks 8的标尺
8.从标尺中拖拽出辅助线，目的是为了能够更加准确地进行切片。效果如图1.9所示。
图片附件: 1-011.jpg (2006-8-17 18:06, 85.6 K)


图 1.9 拖拽辅助线
9.选择工具箱中的【切片工具】，根据刚刚拖拽出来的辅助线，绘制切片。效果如图1.10所示。
图片附件: 1-012.jpg (2006-8-17 18:06, 90.57 K)


图1.10 绘制切片
【说明】在绘制切片的时候需要注意，切片和切片之间尽量不要重叠，同时使用切片把所有图像都覆盖起来。
10.点击画布左上角的【两幅】，进入到两幅窗口的显示模式。
11.选择【窗口】@@【优化】命令（快捷键：【F6】），打开Fireworks 8的【优化面板】。如图1.11所示。
图片附件: 1-013.jpg (2006-8-17 18:06, 189.95 K)


图1.11 对切片进行优化
【说明】在两幅的优化模式下，选择左侧的切片，在【优化面板】中进行设置，优化后的效果会在右侧的预览窗口中显示出来。优化的原则是颜色多、有渐变色的图像区域优化成“JPG”格式；颜色少的图像区域优化成“GIF”格式。
12.全部优化完毕，选择【文件】@@【导出】命令（快捷键：【Ctrl+Shift+R】），打开Fireworks 8的【导出】窗口。如图1.12所示。
图片附件: 1-014.jpg (2006-8-17 18:06, 47.51 K)


图1.12 导出窗口
13.在【导出】窗口中进行相应的设置。保存的位置一定要在站点的根目录，文件名为“index”，保存类型为“HTML和图像”，将所有切片生成的图像都放置到“img”文件夹中。
【说明】使用Fireworks 8的导出命令导出后，会自动生成网页，并且使用表格把导出的切片拼贴成完整的图像效果。
－－－－－－－－－－－－－－－－－－－－－－－－－－－－－－－－－－－－－－－－－－－

上一页  [1] [2] [3] [4] [5] [6] [7] [8] [9] 下一页