-
用Photoshop打开设计稿(PSD文件)。
设计稿-psd文件 -
依次选中Photoshop->首选项->单位与标尺
选中单位与标尺
在打开的窗口中，单位一栏的标尺和文字都选中像素
标尺与文字
-
选中左边的切图工具，选中要切出的区域
切图工具
选中要切出的图像
-
步骤3选中的区域带有背景颜色，若想要切出不带背景颜色的图片，需要将背景图层隐藏掉
隐藏背景图层
PS： 步骤3、4的顺序可以调换
-
到这一步，我们已经选中了想要出切的区域，接下来只需要把图片切出来，点击【文件】选中【存储为web所用格式】
存储为web所用格式
弹出如下窗口：
存储切片
点击【存储...】按钮会弹出下面的窗口：
存储选项
设置好格式、设置和切片选项后，点击【存储】按钮，图片就切好了。到这里，你选中的图片已经整整齐齐地躺在你指定的文件夹中。
切好的图片
