蓝色泻湖是一个易于使用的产品协作平台。通过安装蓝色泻湖系列软件，产品可以无缝连接设计和R&D流程，降低沟通成本，缩短开发周期。蓝泻湖Photoshop插件就是其中的一款产品。下面这个小系列将教你如何安装和使用蓝色泻湖Photoshop插件。如果你感兴趣，你可以看看。

首先，安装插件

下载安装包。请在安装成功后重新启动Photoshop。

注：蓝泻湖Ps插件仅支持Photoshop CC 2015及以上版本。

第二，登录

打开Photoshop【窗口】【扩展功能】【蓝色泻湖】；

输入蓝色泻湖账号和密码登录；

选择要上传设计图形的团队和项目，然后单击“确定”。

第三，选择“当前设计”

插件中的“当前设计”是指当前设计图的大小，根据设计图的大小选择对应的倍数。

确定当前设计是基于iOS、安卓还是Web。

然后确认当前设计图是基于几次设计，最后选择与设计图匹配的设备和多次。

分类：

iPhone、iPad、iWatch的界面设计属于—— iOS；

安卓系统的界面设计属于——安卓；

网页类型的界面设计属于—— Web。

示例：

375 x 667，属于iOS 1x；

750 x 1334，属于iOS 2 x；

1920 x 1080，(是手机界面还是网页)安卓-xxdpi；建议用于手机；为网页选择网页-1x。

网页类型：

1x是一个常见的大小，通常是为您制作的网页选择的。

2x是指为特定屏幕(4k屏幕)设计的大小，通常是普通网页的两倍。

第四，设置切割图

选择要切割的图层或图层组，然后单击[标记为切割]。

该值是可选的。如果不填写值，默认情况下将使用当前图标内容的大小。

如果尺寸不是你想要的，你可以定制。

PS:可以隐藏裁剪区域，不勾选“显示裁剪区域”。隐藏剪辑区域后，不会影响剪辑的上传。

设置剪切图片的图层或图层组，不能重复嵌套。

动词（verb的缩写）上传设计图纸

选择要上传的画板，或选择所有画板(选择所有没有画板的画板)，然后单击“上传”。

设置好的截图会随页面上传到蓝色泻湖Web端，可以查看标注，下载截图。

注意：

1.蓝泻湖推荐使用Ps画板工具，可以同时上传多个页面。

不建议使用psd文件通过隐藏显示文件夹来区分不同的页面，这样会导致上传的设计图成为设计图的版本历史，不方便以后修改更新。

2.智能对象相当于位图，不会有标注内容和SVG格式的剪切图片

第六，生成支持向量机

通过裁剪图片生成SVG格式需要裁剪的图层是矢量图层，如形状图层、文字图层等，但是图片图层和智能对象无法生成SVG。

在打开“快速上传模式”之前，无法生成SVG。

快速上传模式

快速上传模式是v2.38版本新增的上传模式，打开后可以更快的上传，支持矢量图层生成SVG格式的剪切图片，还可以避免剪切图片不匹配等意外情况。

注意：

在v2.38之前，插件不能自动更新获得快速上传功能，只能重新安装插件

快速上传模式只能在Photoshop CC 2017及以上版本中使用。

打开：Photoshop首选项-插件-启用生成器

勾选插件右上角菜单中的“启用快速上传”。

如果需要上传SVG，可以打开“导出SVG”。如果不需要，可以关闭提高上传速度。