蓝湖切图使用方法—PS

1、下载蓝湖插件(免费)

蓝湖不是一个独立的应用,而是以插件的形式出现在应用中,支持Sketch、ps以及Adobe XD 。

Sketch插件地址:蓝湖 - 高效的产品设计协作平台

PS插件地址:蓝湖 - 高效的产品设计协作平台

Adobe XD插件地址:蓝湖 - 高效的产品设计协作平台

以下内容全部是PS的操作过程。

2、安装插件

下载插件后进行安装。安装成功后,打开路径为:窗口-扩展功能-蓝湖(PS的插件基本都是在这个路径打开的)

触发一次以后,蓝湖图标就会固定在右侧

3、使用方法

蓝湖操作非常简单,按照插件的提示去做就可以了。不过一定要事先做好图层的整理和命名。至少一张图内的元素要在一个组内。

  • 先输入项目名字
  • 再选择设计稿的尺寸
  • 然后从上传切换到切图:选中要切图的图层或组,再点击标记为切图

被标记的图层切图区域为蓝色。

右侧为切图后
  • 最后把返回到上传里把项目上传

4、下载切图

蓝湖的切图在网站上下载。打开项目内的具体文件后,左边会弹出一个操作菜单,第四个图标就是切图工具,可以选择1px/2px/3px

蓝湖在切图上确实提高了效率,除此之外蓝湖还有添加交互、手机预览、产品文档共享等功能。感兴趣的可以看一看。

THE END