正在阅读：ImageReady的切片和优化ImageReady的切片和优化

2004-02-11 15:54 出处：PConline 作者：编译：闲雅　原著：JKMabry 责任编辑：xtm

接下来是图像顶部的主要文字了。我选择了一种装饰字体“hollow”，本例中使用的是一种星星图案装饰的文字形式，但任何一种这类形式的字体都符合我们的目的。随意地写上文本。这次我们选择一种比背景色稍微深一点的蓝色，将文字消除锯齿的方式设为平滑。使文字大到足以填充文档顶部的水平空间。然后在文字层之下新建一层，将前景色设为前面所用到的黄色，用任意方法填充：可以用画笔涂满文字的空洞部分，或是用魔棒工具配合Shift键，选择所有文字中间的空洞，扩展1～2个像素，填充黄色，等等…… 　　在用ImageReady切图以前，我们再来仔细的观察一下：将图像放大，对比未消除锯齿的文字和消除锯齿为平滑的文字，可以看到，没有消除锯齿的文字边缘清晰锐利，能很明显的看到黄色的文字和蓝色背景的分界，不存在起光滑文字边缘作用的额外颜色（图07a）；而消除锯齿为平滑方式的文字，我们只为它设定了三种颜色：黄色的文字，蓝色的背景和深蓝色的文字外框，但你能看到的却不止这三种颜色，在文字的边缘部分，多出来的是Photoshop为了平滑锯齿而补充的介于两种相邻色之间的颜色（图07b）。

图07a

图07b 　　这张简单的图像完成后，下一步我们就要准备开始创建切片了。　　二、创建切片　　下面的工作我们要在ImageReady中进行，所以，在Photoshop工具箱的底部选择转跳到ImageReady。这样，你正在编辑的图像就会在ImageReady中打开。（图08）

图08 　　在创建切片之前，我们先来了解一下，到底什么是切片。切片就是图像的一块矩形区域，可用于在结果网页中创建链接、翻转和动画。将图像切片可以有选择地优化图像，使图片下载速度更快，画面质量更高。这篇教程我们不涉及动画部分，只针对图像优化。虽然在Photoshop中也进行一些基本的切片操作，但无法组和、对齐或分布切片。ImageReady具备专业的切片调板和菜单，其切片编辑功能要比Photoshop更强大，所以，我们习惯在完成图像之后转跳到ImageReady中对图像切片。　　我们先来认识一下ImageReady的文档窗口。在ImageReady中，可直接在文档窗口中查看和处理优化图像。像Photoshop中的保存为Web所用格式的对话框一样，它可以以原稿（未优化图像）、优化（应用了当前优化设置的图像）、双联（原稿与优化后的图像，或两种优化图像的比较）、四联（原稿和三种优化格式，或四种不同图像版本的比较）这四种形式来显示当前图像。一般来说，在加工图像时，我们多采用原稿显示；在比较优化图像时，双联和四联被更多的使用。在你拿不定主意该用什么设置来保存图像时，四联的形式可以让你预览不同设置时图像的品质和大小，这样就不用反复的保存比较了。（图09）

图09