ImageReady诞生时，是作为一个独立的软件发布的。那时它并不依附于Photoshop。直到Photoshop更新到5.5版本的时候，Adobe公司才将升级到2.0版本的ImageReady和它捆绑在一起，搭配销售。前些日子，ImageReady更以三级跳的速度与Photoshop同时升级到了7.0，给了大家一个不小的惊喜。

　　ImageReady在很大程度上扩展了Photoshop在网络图像方面的功能。在最近的这次升级后，它和Photoshop的配合更为默契。虽然图像编辑的能力变得更强大，但图像的切片和优化仍然是它最突出的特征。与Photoshop相较，ImageReady提供了更多用于高级Web处理的工具和调板。在这篇文章中，我们就来对这两个功能做一个较为详细的探讨。

　　在开始之前，我们先来看看将大图片切成小图，并将它们放入一个HTML表格中的原因，也是我们这篇教程的初衷：下载时间和图片质量。许多人喜欢在Photoshop中设计用于网页的图片，甚至整个网页。在通常情况下，构成网页的图像有着不同的图像格式，也许一些图片很适合用jpg格式来保存，另一些存为gif格式会得到更好的质量和更快的下载速度。把一张大图片切成一些小部分，这样，你就能对每一部分进行单独的优化处理，使其图片质量和文件大小的比例更合理。

　　用jpg格式对那些单调图像进行压缩，你会看到处理后的图像出现难看的斑驳色块，并且文件尺寸也会比你实际需要的大得多；同样，如果你试图以gif格式压缩一张有光滑渐变或是色彩极为丰富的连续色调图片，那么图像质量和文件大小的问题也会给你带来困扰。gif格式只支持256色，更多的颜色只能通过抖动尽可能的模拟出相近的颜色。这样就会使图像失去重点，文件尺寸也会增大。好了，现在该是我们对切片选择jpg或是gif格式的时候了，什么时候使用jpg，什么时候用gif？正确的选择才能得到合适的图像切片。

　　一、创建原始图像

　　让我们从在Photoshop中创建我们的原始图片开始。我们并不打算花太多的时间去创造一幅精致的图像，因为本篇的目的是切片而非制图。我们需要尽快开始切图的问题。新建一宽350像素、高250像素的新文档，分辨率为72像素／英寸，RGB模式。我将整个背景区域填充为蓝色，然后用直线工具绘制两条宽为30像素的黄色直条，像瑞士国旗一样，横竖交叉（图01）。记得要在直线工具的选项中取消消除锯齿这一项。需要特别注意的是，在这篇教程中，使用或取消消除锯齿这一选项都有说明。待会儿，我们开始进行切片和优化时，你将会更好的理解那些优化设置的应用。（图02）

图01

图02
　　下面，你需要找到一张合适的图片。这里，我们提供了一张，如果你希望和我们的脚程同步的话，可以使用这张图片（图03，右击“另存为…”可下载）。在Photoshop中打开这张jpg图片，使用磁性套索工具，将边对比度设为10％，选择图中的吉他手。然后用套索工具修整选区，使之更贴切。用选择菜单下的羽化命令，将选区柔化，半径为2像素。复制图像，将图像粘贴到我们新建文档的瑞士国旗背景之上，Photoshop会自动新建图层1。把它移动到文档的右下角，贴近文档边界。想要更精确的贴近文档边缘，可以在视图菜单下选择对齐到文档边届。（图04）

图03

图04
　　一般来说，Photoshop教程是不该这么罗嗦的叙述像图片元素该置于何处这样的细节问题的，读者在进行的过程中，应该根据自己的图片、需要以及经验等，加以判断。但在这篇关于ImageReady切图的文章中，我们希望建立一幅有精确元素的图像，它可以在下面切图的过程中帮助我们了解到更多东西。所以，请你在制图的过程中也尽量做到精确。

[1] [2] [3] [4] [5] 下一页

上一篇:利用WPS Office 2002做出报纸效果

下一篇:网吧常见漏洞及利用