前端必备ps技巧:https://www.cnblogs.com/moqing/p/6706525.html
详细的ps切图方法:https://juejin.im/post/58e9deacb123db1ad05fab2f
自动化切图工具:
Slicy
网址:http://macrabbit.com/slicy/
介绍:是个收费的切图软件,功能很强大,操作却很简单。你只需要把要切的图层命名为 *.png
或者 *.jpg
之类的格式。保存,再把整个psd拉进 Slicy,搞定!
Retinize It
介绍:切图是个重复性动作,Photoshop允许我们录制自己的动作,然后应用在每次操作上。这个软件已经帮你搞定了,下载安装。导出的时候选中图层,点击播放按钮,自动帮你产出图片。
Cutterman
介绍:国产的切图工具,广告语就叫“最好用的切图工具”。
- 支持多倍图
- 多种格式
- 多图层导出
- 可以设置固定大小
- 操作简单
- 免费,只需要注册个账号即可
强大的标注工具:
标你妹
介绍:免费!登录成功之后,新建一个项目上传PSD,然后就可以进行标注。
使用体会:这个真的很棒!微信扫码登录后,新建项目,传入psd文件移入鼠标即可,很方便!
蓝湖Mac端App
介绍:免费!只需下载“蓝湖”Mac端App,即可实现:从Sketch一键导出设计图→自动生成标注→自动共享给团队→团队相关成员自动收到提醒等一系列自动化功能。“自动标注”功能可以完整而清晰地将Sketch设计图中每个元素的尺寸、位置、颜色、间距、字号 等样式信息自动同步到蓝湖,团队内的工程师等同事可以随时查看。
使用教程:https://jingyan.baidu.com/article/48b37f8ddd00b81a6564887d.html
Sketch/PS + Zeplin
介绍:免费!登录成功之后,新建一个项目上传素材,然后就可以进行操作。
Sketch Measure
网址:http://utom.design/measure/
介绍:免费!登录成功之后,新建一个项目上传PSD,然后就可以进行标注。
使用教程:http://www.sketchs.cn/plugins/detail/263.html