（9 ）现在我们就要切割图片了。这种方法在制作像我们这个实例的大张图片时非常的实用，我们可以针对主题做高质量的优化，对于不重要的部分则使用粗糙的优化，既可以突出主题，又可以兼顾图像大小，达到最理想的效果，而且，切割图像的意义不止于如此，我们还可以对局部的图片进行不同的超级链接。

（1 0 ） 首先， 在ImageReady 的工具箱中，单击进入切割模式按钮（如图9所示）。然后，选择工具箱中的“切割”工具， 就可以直接来进行画面切割了。

（11）我们首先使用切割工具在网页标题上画出矩形，将其包括在内，这样一个切割区域就形成了（如图10 所示），在切割区块的左上角会出现这个切割区域的名称，并且会自动预设出其他位置的切割范围。

（12）再以此切割各个栏目引导项目的区域，在切割范围的时候，不必担心切不准，因为切割线与切割线之间会自动吸引对齐，确保切割的时候没有任何缝隙。另外在切割的时候，如果感觉区块过大，可以细分。考虑到网络下载速度方面的原因，尽量把图片细化。最后完成的图片切割如图11 所示。

（13)切割完成以后，ImageReady为我们提供了一个切割区域编辑工具，来编辑切割的区域以及调整切割区域的大小。按住切割工具不放，弹出切割区域编辑工具（选第二个工具，如图12 所示），选择制作超级链接的切割区域，再打开Slice 面板（如图1 3 所示）。在这个控制面板中，我们可以建立切割区域的超级链接，也可以更改切割区域的名称，所有的切割区域保存成网络用图文件以后，切割区域名称也就是以后存盘时的文件名了。

（14)现在已经切割完了图像，也建立了超级链接，还有一个最重要的处理步骤，就是要将图像最佳化，也就是优化图像。选择切割区域编辑工具，选择一个切割区块， 然后进入Optimized窗口，在其中我们可以随时观看压缩以后的效果及文件大小，以得到最完美的优化。在我们这个实例中，对于像网页标题和栏目引导的文字，由于存在“图层方式”，所以尽可能提高图像的品质（如图14所示）。而在标题的下方，存在着较大的纯色区域，所以可以进行最大可能的优化而不会影响整体的效果（如图15所示）。

（15)全部优化完毕以后，回到正常模式下，将切割线条先隐藏起来，使用导航条放大画面，来检查各个区块间有没有因为不同程度的优化而存在衔接不上的情况。

（1 6 ) 执行S a v eOptimized as（另存优化文件），将文件保存为Index.html，ImageReady会自动将切割文件保存在一个名为images的文件夹中，另外还会保存一个名为index.html的超文本文件。

（17）使用IE 浏览器打开这个文件（图16），可以发现，ImageReady已经把所有的切割图像都拼贴好了，不用像使用Dreamweaver那样，首先插入表格，然后把图片一张张地往里面放了。这样，我们使用Photoshop 以及ImageReady来制作的一个网页就完成了。实际上，ImageReady这个软件不但在切割图像和优化上具有超凡的功能，而且在制作GIF动画和制作各种按钮上也具有不错的效果，这就要广大读者慢慢去学习了。在经过了这章网页设计的讲座以后，我们这次《开启设计之门－Photoshop6.0新手上路》的连载就宣告结束了。

在这三个月的时间中，作为笔者的我，始终都是以这种实例的形式来给大家讲解一些Photoshop最基本的东西，换句话说，我们不可能通过这短短的两万字来把整个Photoshop这样一个软件彻底地掌握。对于电脑设计这样一个学科也是如此，从步入设计之路开始，我们就要坚定一个信心：这条路必将没有终点！因此，通过这次讲座， 能够使大家对Photoshop 这个软件产生兴趣，直至进入到电脑设计这个领域，并在您人生的未来有所作为，这就是笔者这次讲座的主要目的，希望大家能够理解！最后，让我们在未来的设计的道路上再会！