多语言展示
当前在线:780今日阅读:176今日分享:34

PS如何使用切片工具切图

在为前端工程师提供素材时,为了他们上传方便,不能将整版的图片给他们,而需要切图。切图时用PS的切片工具非常方便。切片工具能够将原图像分割成很多区域,存储图像时每一个分割出来的区域会作为独立的图像来存储。
工具/原料

Photoshop

方法/步骤
1

在PS中打开一张九宫格图像,现在想将9个小图像分别保存在一个文件夹中。

2

选择切片工具(右击裁剪工具即可显示),用切片工具沿着9个画面一一切割。发现共出现17个切片,这是因为一旦画出一个切片,就会将该切片的周围自动划分为几个切片。17个切片是9张画面(用户切片)+8个白色缝隙(自动切片)。

4

保存后发现图像存储在images文件夹中,共有9个图像.

切片选择工具
1

划分:切片选择工具用于调节切片。如要切出9个图像,不用一个一个地切,先用切工具在图像上单击一下,选择“切片选择工具”,点击“划分”,水平划分为3,垂直划分为3.

2

再具体调节一下切片大小。选中需要调节的切片(选中状态下切片框是棕色线条),调整即可。

3

对齐与分布:还可以对齐与分布切片,选中需要对齐的几个切片,点击上方的对齐按钮即可。

4

隐藏自动切片:自己画出的切片或者用“划分”划分的切片称为“用户切片”,而用户切片周围被自动划分的区域称为“自动切片”。在这幅九宫格中,9幅画面是用户切片,中间的白色缝隙是自动切片。点击上的“隐藏自动切片”可以隐藏自动切片。再点“显示自动切片”又可以显示出来。

5

提升:选中一个自动切片(切片右上角数字标志是灰色),点击“提升”,自动切片将会提升为用户切片(右上角数字标志为蓝色)。

注意事项

切片工具对划分图像和切图帮助很大,可以一次性完成所有划分图像的保存。

推荐信息