蓝湖切图使用方法—PS
1、下载蓝湖插件(免费)
蓝湖不是一个独立的应用,而是以插件的形式出现在应用中,支持Sketch、ps以及Adobe XD 。
Sketch插件地址:蓝湖 - 高效的产品设计协作平台
PS插件地址:蓝湖 - 高效的产品设计协作平台
Adobe XD插件地址:蓝湖 - 高效的产品设计协作平台
以下内容全部是PS的操作过程。
2、安装插件
下载插件后进行安装。安装成功后,打开路径为:窗口-扩展功能-蓝湖(PS的插件基本都是在这个路径打开的)
![](http://blog.mryxh.cn/wp-content/uploads/2022/09/v2-369d5c08ac673ef7ab910731d245972b_720w.jpg)
触发一次以后,蓝湖图标就会固定在右侧
![](http://blog.mryxh.cn/wp-content/uploads/2022/09/v2-59c7c7b8997fea3a673959796a05d1af_720w.jpg)
3、使用方法
蓝湖操作非常简单,按照插件的提示去做就可以了。不过一定要事先做好图层的整理和命名。至少一张图内的元素要在一个组内。
- 先输入项目名字
![](http://blog.mryxh.cn/wp-content/uploads/2022/09/v2-c97e70236b7020c9dd52cb0e000b6d4b_720w.jpg)
- 再选择设计稿的尺寸
![](http://blog.mryxh.cn/wp-content/uploads/2022/09/v2-ef4e6a7d910867784633f44a6fc27129_720w.jpg)
- 然后从上传切换到切图:选中要切图的图层或组,再点击标记为切图
![](http://blog.mryxh.cn/wp-content/uploads/2022/09/v2-8da5b25cd6bc81dada080dc73078146a_720w.jpg)
被标记的图层切图区域为蓝色。
![](http://blog.mryxh.cn/wp-content/uploads/2022/09/v2-349d70bbe1ea2f89cc9c93be299840b0_720w.jpg)
- 最后把返回到上传里把项目上传
![](http://blog.mryxh.cn/wp-content/uploads/2022/09/v2-f4d9928966ff3eb04e20550ac4cb3b16_720w.jpg)
4、下载切图
蓝湖的切图在网站上下载。打开项目内的具体文件后,左边会弹出一个操作菜单,第四个图标就是切图工具,可以选择1px/2px/3px
![](http://blog.mryxh.cn/wp-content/uploads/2022/09/v2-b1b7e8c7ec963e39cc973e4fba8f1fc4_720w.jpg)
蓝湖在切图上确实提高了效率,除此之外蓝湖还有添加交互、手机预览、产品文档共享等功能。感兴趣的可以看一看。
版权声明:
作者:admin
链接:http://blog.mryxh.cn/1338.html
文章版权归作者所有,未经允许请勿转载。
THE END