1.先布置工作区域,选择【窗口】-->【图层】、【信息】、【历史记录】等等,打几个勾,把工作区布置成下面这个样子就可以了。

ps网页切图步骤(网页设计中怎样使用ps切图)(1)

2.布置完之后保存工作区,选择【窗口】-->【工作区】-->【新建工作区】命名保存,这样下次打开的时候工作区域还是这样,就算不小心弄乱只需要打开【窗口】-->【工作区】选择之前保存过的工作区就可以。

3.打开需要切片的图片,我直接使用qq空间的截图,打开【像素】选择实际像素。

ps网页切图步骤(网页设计中怎样使用ps切图)(2)

4.使用切片工具选中参考线中选定的部分。双击选定的部分,给切图命名,单击确定,保存切图。

ps网页切图步骤(网页设计中怎样使用ps切图)(3)

5.保存切图

切片完成后,点击文件,点击存储为web所有格式

ps网页切图步骤(网页设计中怎样使用ps切图)(4)

6.选择保存格式和图片大小,没有问题点击存储即可。

ps网页切图步骤(网页设计中怎样使用ps切图)(5)

7.选择保存路径,文件名,如果选择了多个切片的话,就要选择选中的切片了,不然会保存多个切片的。

确定设置无误点击保存就可以了。

ps网页切图步骤(网页设计中怎样使用ps切图)(6)

,