PS基础教程-切片工具

一、切片作用

切片工具的作用把一张大图划分成若干小图，并分别存储；也可以把若干小图在浏览器合并，提高大图加载速度。

二、切片工具

使用切片工具，在所需要切片的图片上划定边框，完成后图片上会出现不同大小的框，可以将鼠标移动到每个方格的边界点上调整各个方格的大小，且可以移动边界的大小。如果认为需要更多的切割方格，可以再次使用切片工具进行切割，图片被切割后将生成的不同大小的子图片会以序号显示，用户可以观察到有多少张图片被切割出来。

切片工具拉出来的那个区域形成的切片称之为用户切片，以醒目的深蓝色表示，点击蓝色边框区域进行编辑，以改变宽高。用户切片的周围会产生自动切片，用灰色表示，在自动切片名称上右击鼠标上升为用户切片。

切片的三种边框

• 蓝色边框：划分好的准备要用的区域（用户切片）

• 灰色边框：是被划出区域隔离出来的还未使用的部分（自动切片）

• 橙色边框：正在编辑部分，可改变宽高

三、自动切片

• 基于参考线的切片：根据参考线的条数和位置划分切片区域（推荐）

• 基于数量的切片：根据设定的数量划分切片区域（或者根据切片单位划分切片）

四、编辑切片

删除切片：鼠标右击在快捷菜单中找到删除切片

提升为用户切片：对灰色区域，鼠标右键点击“提升到用户切片”，使灰色区域变为橙色边框可进行编辑以调整宽高。

重命名：双击切片区域，命名

五、切片选择工具

提升：点击灰色边框部分，提升为用户选项

划分：选择要划分区域，在弹出的窗口中划分切片

对齐、分布：按住Shift点击多个区域，再按对齐或分布以调整位置

隐藏显示自动切片：隐藏或显示灰色边框区域（未划分部分）

切片选项：查看切片大小、调整切片名称、设置切片跳转的网页链接等，以生成网页

六、切片的保存

【文件】-【导出】中“存储为web所用格式”，窗口左侧选择“切片选择工具”，可选择窗口中任意切片以改变各项生成参数，利用切片工具划分出区域，改变存储格式达到动静图片，动态格式为GIF，静态可为JPG。