photoshop cc切图
编辑：Simone
2024-10-18 20:22:40
606 阅读
在做前端开发的时候，经常会用到PS切图技术。
前几天刚用到，随便看了下，学会了简单的切图技术。
虽然不是特别精通，但是对于前端开发来说已经足够。
本经验以百度首页的切图为例。
工作环境是Photoshop CC
在PS中打开提前截好的百度首页图片。
如下图所示。
找到左侧工具栏中的切片工具，和截图工具在同一个工具箱中。点击鼠标左键不放，即可出现截图工具的其他几个工具，图中圈出的分别为切片工具和切片选择工具。
下面介绍一下两者的不同。
切片工具。
进行切片的工具，选中工具，在百度logo的四周划出一个矩形框，松开鼠标，发现生成了新的切片，由于此切片而使得原有的切片被打碎，生成了其他几个小碎片的切片。
切片选择工具。
只能进行切片选择，不能进行切图。
如下图，未进行切图时，整个图片为一个切片，选择切片选择工具点在这个切片中，不能生成新的切片。
如下图中的第二幅图所示，我们再使用3中切片工具进行几个切片，如07、08、12，使用切片选择工具点选12，发现其周围边框变为黄色边框，即为选中状态。
之后，可以进行切片保存。
文件-保存为Web...，如下图所示。
出现保存切片的窗口，点击保存。
出现保存窗口。
需要注意的有两个选项：
1、格式：可以仅保存为image，也可以保存为html和image等格式，按照个人需要进行选择。
2、选择需要保存的切片，分为三种。如下图所示，结果在接下来展示。
保存所有的切片。
既包括使用的、选中的，还包括其他的碎片切片。所以切片数目较多。
保存使用的切片。
仅包括生成的切片。
保存选中切片。
仅包括使用切片选择工具选中的切片。
版权声明：本站【趣百科】文章素材来源于网络或者用户投稿，未经许可不得用于商用，如转载保留本文链接：https://www.qubaik.com/life/24251.html
