安装一个蓝色泻湖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×。
文章TAG:插件 ps 切图 cutterman ps 切图插件