藍湖是一款比較好用的產品協作平臺，通過安裝藍湖系列軟件，讓產品無縫銜接設計與研發流程，降低溝通成本，縮短開發周期，而藍湖photoshop插件是其中一款產品，下面小編就教大家如何安裝和使用藍湖Photoshop插件，感興趣的可以看看。

一、 安裝插件文章源自四五設計網-http://www.wasochina.com/13139.html

下載安裝包，安裝成功后，請重啟Photoshop。文章源自四五設計網-http://www.wasochina.com/13139.html

★ 注：藍湖 ps 插件僅支持 Photoshop CC 2015 及以上版本 。文章源自四五設計網-http://www.wasochina.com/13139.html

二、登錄文章源自四五設計網-http://www.wasochina.com/13139.html

　　打開 Photoshop【窗口】→【擴展功能】→【藍湖】；文章源自四五設計網-http://www.wasochina.com/13139.html

　　輸入藍湖帳號、密碼登錄；文章源自四五設計網-http://www.wasochina.com/13139.html

選擇設計圖要上傳的團隊與項目，點擊【確定】 。文章源自四五設計網-http://www.wasochina.com/13139.html

文章源自四五設計網-http://www.wasochina.com/13139.html

三、選擇“當前設計”文章源自四五設計網-http://www.wasochina.com/13139.html

　　插件內 “當前設計” 是指當前設計圖的大小，根據設計圖大小選擇對應倍數。文章源自四五設計網-http://www.wasochina.com/13139.html

確定當前設計基于的設備是 iOS、 安卓 還是 Web，

再確定現在的設計圖是基于幾倍設計的，最后選擇和設計圖匹配的設備和倍數。

◆ 分類：

iPhone、iPad、iWatch 這三種設備的界面設計 屬于—— iOS；

安卓系統的界面設計 屬于 —— 安卓；

網頁類型的界面設計 屬于 —— Web。

　　◆ 例如：

375 x 667，屬于 iOS 1x；

750 x 1334，屬于 iOS 2x；

1920 x 1080， （是手機界面還是網頁 ）手機建議選 Android-xxhdpi；網頁選 Web-1x。

◆ Web 類型：

1x，是常用尺寸，大家做的網頁一般都是選 1x；

2x 是指為特定的屏幕（4k 屏）設計的尺寸，通常該尺寸會是正常網頁的 2 倍。

四、設置切圖

　　選中切圖的圖層，或圖層組，點擊【標為切圖】即可；

數值是可選的，如果不填數值，默認使用當前圖標內容的大小；

如果大小不是自己想要的，可自定義修改。

　　PS：不勾選“顯示切圖區域”即可隱藏切圖區域，該切圖區域隱藏后，不影響切圖的上傳。

設置切圖的圖層或組，不可重復嵌套。

五、上傳設計圖

　　選中要上傳的畫板，也可選擇全部畫板（無畫板選全部畫板），點擊【上傳】即可。

設置好的切圖，會跟隨頁面一同上傳至藍湖 Web 端，可看標注，并下載切圖。

　　注意：

1.藍湖推薦使用 Ps 畫板工具，可同時上傳多個頁面。

不建議使用 一個 psd 文件通過隱藏顯示文件夾來區分不同頁面，這樣會導致上傳的多張設計圖成為設計圖的歷史版本，不便于以后的修改更新。

2.智能對象等同于位圖，不會有標注內容和 SVG 格式切圖

六、生成 SVG

　　切圖生成 SVG 格式需要被切圖層是矢量的圖層， 如形狀圖層和文本圖層，但是圖片圖層、智能對象不能生成 SVG。

在打開“快速上傳模式”之后，才能生成 SVG。

　　快速上傳模式

快速上傳模式是 v2.38 版新增的上傳模式， 開啟后可以更快的上傳， 并且支持矢量圖層生成 SVG 格式的切圖，還能避免切圖不對應等意外情況發生。

　　注意：

v2.38 之前的版本不能通過插件內自動更新來獲得快速上傳功能，只能 重新安裝插件

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

● 打開：Photoshop 首選項-增效工具-啟用生成器

● 在插件右上角的菜單中勾選“啟用快速上傳”

● 如果你有上傳 SVG 的需求， 可以開啟“導出 SVG”， 如果不需要， 可以關閉它來提升上傳速度。