PS中切图,推荐使用摹客iDoc,轻松标记,自动切图:
第一步.下载安装摹客iDoc插件
插件安装好后打开PS,在「窗口>扩展功能」找到摹客iDoc插件,选择并打开。使用摹客平台账号登录。
第二步.标记切图
在完成的设计稿上,选中需要切图的图层或编组,点击「标记切图」。将在名称前增加“-e-”,「标记切图」变为「取消切图标记」,则标记切图完成。
第三步.上传至iDoc
标记切图后,一键将设计稿上传至云端项目中,开发工程师就可以自主下载切图,只需在右侧面板中选中切图,点击即可下载。
iDoc自动切图,还有更多亮点功能包括切图压缩、切换平台和选择倍率、下载选中切图,一步到位。
安装一个蓝湖Ps插件可以自动切图。第一步:通过蓝湖插件在PS中标记你需要生成的切图;
第二步:通过蓝湖插件将页面上传至蓝湖;
第三步:在蓝湖Web端,双击设计图查看标注和切图;
在这里,你家的工程师可以:
①查看所有元素的尺寸、字号、距离等信息,并可直接复制相应代码;
②一键下载切图文件。
我用的摹客的PS插件,很快就能完成UI标注和切图,大概步骤如下:
1.安装摹客的PS插件,安装好之后在PS的「窗口>扩展功能」找到摹客插件,选择并打开:
2.标记切图:在完成的设计稿上,选中需要切图的图层或编组,点击「标记切图」。当图层或编组的名称前增加了“-e-”,「标记切图」变为「取消切图标记」,就可以了。
3.标记切图后,点击插件的上传按钮,开发工程师就可以在摹客平台自主下载不同尺寸和平台的切图了。
用摹客切图,还支持:
1. 切图压缩:在右侧面板中选中切图
2. 切换平台和选择倍率:iOS、Android、Web
3. 自定义切图尺寸
欢迎分享,转载请注明来源:内存溢出
评论列表(0条)