Photoshop 6.0 Beta 全攻略
三、Slice 工具
在处理网页图像的时候,我们经常需要把一个大尺寸的图片切割成小块。以前这样的工作往往需要切换到 Firework 或者 ImageReady 才能完成。而现在 Adobe 把 ImageReady 里的 Slice 工具引入了 Photoshop 6.0 ,你可以在工具栏右列第三个位置找到它。另一个与切割图像相关的 Slice Select Tool 工具被和 Slice Tool 放置在一组。

任何一个完整的图像都可以被 Slice Tool 工具分割成一个个小块,而 Slice Select Tool 工具将用来选取分割开的小块。图像中的每一个小块左上角都有一个小图标,如果你希望暂时隐藏它们,可以点击 View > Show > Slices 菜单。
用 Slice Tool 切出的小块被 Photoshop 称为 " User Slice " 。User Slice 左上角的图标是蓝色的,并且围绕它周围有八个控制点,用 Slice Select Tool 可以拖动这些控制点,如果你需要,也可以用 Slice Select Tool 将某个 User Slice 整体地移动。点击 Options 面板中的 Promote to User Slice 按钮可以得到 User Slice 。

Photoshop 允许你为每一小块图像单独地制作链接--当然,这些最终通过 HTML 中实现。用 Slice Select Tool 选中某个 Slice 后,双击或者点击 Slice Options 按钮可以打开一个设置窗口。

对于 No Image 类型的 Slice ,你可以在 HTML 文本区域输入超文本内容--在生成的 HTML 中,Photoshop 将用这些文本内容取代表格中的图像;对于 Image 类型的 Slice ,可以设置的参数更多一些:
Name : Slice 的名字;
URL : 为这一小块图像创建一个链接,请在这里输入链接到的地址;
Target : 与 FrontPage 、Dreamweaver 等 HTML 编辑器一样,在 Target 栏中输入 _blank,链接到的地址将在新窗口中打开,输入 _self ,链接到的地址将在原窗口中打开。可供选择的 Target 还有 _top 和 _parent ;
Message Text : 鼠标移到链接上时,浏览器的状态栏将出现 Message Text 指定的文本内容;
Alt Tag : 图片没有出现或者不能正常显示时,图片所在区域将显示 Alt Tag 指定的文本。
设置窗口底部的 Dimension 可以非常精确地指定 Slice 的位置与尺寸--X 、Y 为左上角的位置,W 和 H 分别代表宽度和高度,单位都为像素点。
最后一个步骤是用 Save for Web 保存切割后的图片并生成 HTML --保存类型可以是 HTML and Images ( *.html ),这样 Photoshop 会保存 HTML 和全部切割后的小图片,小图片将放置在一个 images 的新文件夹中;Image Only ( *.gif ) 仅保存图像文件,不生成 HTML 文件;而 HTML Only ( *.html ) 仅仅生成一个 HTML 文件而不保存切割后的小图片。在窗口底部的下拉列表中选择 All Slice 将保存图像中全部的 Slice ,这是缺省值。而选择 Selected Slice 将仅仅保存选中的 Slice 。点击 Output Setting 按钮可以得到更多、更详细的设置。
最后发表一点个人观点--把 Slice 工具嵌入 Photoshop 确实可以省去在 Photoshop 与 ImageReady 等软件之间切换的麻烦,然而我感觉它的功能并没有 ImageReady 和 Firework 强大,希望在 Photoshop 6.0 正式版中有所完善。