PS切片工具如何将图片设计成网页

　　手里有一张图片，想要将这个图片变成可以使用的导航条背景图，该怎么设计呢?下面由学习啦小编为大家整理的PS切片工具教程，希望大家喜欢!

　　PS切片工具教程

　　1、打开一张图片，然后新建一个空白图层，用裁剪工具将画布拉大，然后在空白图层填写文字，可作为导航条使用，如下图

　　2、选择左侧工具栏的切片工具

　　3、用标尺画出需要切片的区域，比如下图9个格子

　　4、然后在选中标尺状态下，点击导航条上面的“基于参考线的切片”

　　5、点击后，即可发现图片被裁切成按照标尺分配好的不同大小的图片

学习啦在线学习网 　　6、在需要创建超级链接的某切片上鼠标右键，选择“编辑切片选项”，调出编辑窗口，在“URL”中输入建立链接的网址即可

　　7、然后保存，选择“文档”-“存储为web所用格式”

学习啦在线学习网 　　8、在跳出的对话框右侧文件格式选择“JPG”格式，点保存

学习啦在线学习网 　　9、然后在跳出的对话框里选择文件格式为“html和图像”，即完成