【简介】
2.2.2 切片工具组切片工具组中包括两个工具,即“切片”工具和“切片选择”工具,如下图2-6... 2.2.2 切片工具组 切片工具组中包括两个工具,即“切片”工具和“切片选择”工具,如下图2-61。 P2-61 切片工具组 切片是图像的一块矩形区域,可用于在产生的Web页中创建链接、翻转和动画。通过将图像划分成切片,可更好地对功能运行控制,并改善图像文件大小的优化。 使用“切片”工具,可使用切片将源图像分成许多的功能区域。在存储图像和HTML文件时,每个切片都会作为独立文件存储,并具有其自己的设置和颜色调板,而且会保留正确的链接、翻转效果以及动画效果。在本小节中,我们就来学习如何做、编辑以及输出切片。 1. 使用“切片”工具 (1)执行“文件”→“打开”命令,打开本书附带光盘\Chapter-02\“城市夜景.psd”文件,如下图2-62。 P2-62 素材文件 (2)选择工具箱中的“切片”工具,此时图像左上角显示,表示当前有一切片,即整个图像被作为一切片,如下图2-63。此时的切片为自愿切片。 P2-63 创建切片 提示:选择“切片”工具后,如果图像左上角无任何显示,请执行“视图”→“显示额外内容”命令。 (3)使用“切片”工具,参照P2-64,在图像上单击并拖移鼠标,切割图像。被分割的部分显示为一区域,左上端出现分割序号。 P2-64 分割图像 提示:使用“切片”工具创建的切片称为用户切片,如下图2-57中拥有蓝色分割序号、由实线定义的切片。创建新的用户切片时,将生成占据图像另外区域的附加自愿切片,如下图2-57中拥有灰色分割序号、由虚线定义的切片。
(4)用户还可将自愿切片转换为用户切片。使用“切片选择”工具选择自愿切片,接着单击其工具选项栏中的“提升”按钮,即可将自愿切片转换为用户切片。如下图2-65。 P2-65 将自愿切片转换为用户切片 提示:按下<Ctrl+Alt+Z>键,将上步操作还原。 2. 编辑切片 (1)使用“切片选择”工具,再用户切片区域单击并拖移鼠标,移动至如下图2-66位置后松开鼠标,即可将切片移动。 P2-66 移动切片 (2)单击“切片选择”工具选项栏上的“划分”按钮,弹出如下图2-67对话框。 P2-67 “划分切片”对话框 (3)参照P2-68设置对话框参数,完毕后单击“确定”按钮,将当前选择切片划分为多个切片。 P2-68 划分切片 (4)按下<Ctrl+Alt+Z>键,还原上步操作。接着使用“切片选择”工具在切片控制柄上单击并拖移鼠标,调整切片大小,如下图2-69。 P2-69 调整切片大小 |
|