安装一个蓝色泻湖PS 插件自动切图。第一步:通过blue lagoon 插件，在PS中标记出你需要生成的切图；第二步:通过蓝色泻湖插件，将页面上传到蓝色泻湖；第三步:在蓝色泻湖Web端，双击设计图查看标注和切图；在这里，你的工程师可以:①检查所有元素的大小、字体大小、距离等信息，直接复制相应的代码；②一键下载切图 file，我用的是Mocker的PS 插件，很快就能完成UI标注和切图，大致步骤如下:1，安装Mocker的PS 插。
安装的先决条件:1。已经安装了photoshop，不支持绿色安装的小PS。建议安装官方完整版，然后自己想办法破解。2.已安装adobeextensionmanager。记得下载与PS版本一致的3.extensionmanager的版本，ps的版本要一致。例如，如果您的ps是cc，那么manager的版本必须是CC，而不是CS6。
切割器人是一个插件运行在photoshop中，可以自动输出你需要的图层，而不是传统的手动导出格式为web和使用切片工具为每个切图的繁琐过程。支持的版本为pscs6/cc/cc2014。双击下载的安装包，默认使用ExtensionManager。只需按照提示的步骤安装它。重新启动photoshop，并在菜单栏中选择“窗口”>“扩展”>“切割器”将其打开。
ps是公认的最强大的图像处理软件，几乎没有同类软件能与之相比！利用它的近百个函数和滤镜功能，可以制作出各种需要的画面效果。就用蓝泻湖，可以替换。也是自动标注的，非常好用。PS有自己的切片工具，但是用起来比较麻烦。如果是交付UI设计稿，可以使用像Mocker这样的免费在线切图工具，可以自动生成不同大小和分辨率的切图下面介绍用Mocker的插件完成photoshop 切图的步骤:1。在Mocker官网下载安装Mocker PS 插件、插件，安装后打开PS，在>扩展中找到Mocker。
3.选择白药切图的画板、图层或分组，点击“标记切图”。在选择目标名称前出现一个“E”，“标记切图”选项变为“取消切图标记”，切图的操作完成，(注:标注切图只标注需要切图的图层，过多无用切图可能导致上传失败。4.点击放大倍率下拉框，根据设计稿的图板尺寸选择设计稿对应的放大倍率，例:750px*1334px的设计稿对应@2×。
