藍(lán)湖Photoshop插件如何安裝和使用？藍(lán)湖Photoshop插件使用教程

　　藍(lán)湖是一款比較好用的產(chǎn)品協(xié)作平臺(tái)，通過(guò)安裝藍(lán)湖系列軟件，讓產(chǎn)品無(wú)縫銜接設(shè)計(jì)與研發(fā)流程，降低溝通成本，縮短開(kāi)發(fā)周期，而藍(lán)湖Photoshop插件是其中一款產(chǎn)品，下面小編就教大家如何安裝和使用藍(lán)湖Photoshop插件，感興趣的可以看看。

一、 安裝插件

　　下載安裝包，安裝成功后，請(qǐng)重啟Photoshop。

　　★ 注：藍(lán)湖 Ps 插件僅支持 Photoshop CC 2015 及以上版本 。

二、登錄

　　打開(kāi) Photoshop【窗口】→【擴(kuò)展功能】→【藍(lán)湖】；

　　輸入藍(lán)湖帳號(hào)、密碼登錄；

　　選擇設(shè)計(jì)圖要上傳的團(tuán)隊(duì)與項(xiàng)目，點(diǎn)擊【確定】 。

三、選擇“當(dāng)前設(shè)計(jì)”

　　插件內(nèi) “當(dāng)前設(shè)計(jì)” 是指當(dāng)前設(shè)計(jì)圖的大小，根據(jù)設(shè)計(jì)圖大小選擇對(duì)應(yīng)倍數(shù)。

　　確定當(dāng)前設(shè)計(jì)基于的設(shè)備是 iOS、 安卓 還是 Web，

　　再確定現(xiàn)在的設(shè)計(jì)圖是基于幾倍設(shè)計(jì)的，最后選擇和設(shè)計(jì)圖匹配的設(shè)備和倍數(shù)。

　　◆ 分類(lèi)：

　　iPhone、iPad、iWatch 這三種設(shè)備的界面設(shè)計(jì) 屬于—— iOS；

　　安卓系統(tǒng)的界面設(shè)計(jì) 屬于 —— 安卓；

　　網(wǎng)頁(yè)類(lèi)型的界面設(shè)計(jì) 屬于 —— Web。

　　◆ 例如：

　　375 x 667，屬于 iOS 1x；

　　750 x 1334，屬于 iOS 2x；

　　1920 x 1080， （是手機(jī)界面還是網(wǎng)頁(yè) ）手機(jī)建議選 Android-xxhdpi；網(wǎng)頁(yè)選 Web-1x。

　　◆ Web 類(lèi)型：

　　1x，是常用尺寸，大家做的網(wǎng)頁(yè)一般都是選 1x；

　　2x 是指為特定的屏幕（4k 屏）設(shè)計(jì)的尺寸，通常該尺寸會(huì)是正常網(wǎng)頁(yè)的 2 倍。

四、設(shè)置切圖

　　選中切圖的圖層，或圖層組，點(diǎn)擊【標(biāo)為切圖】即可；

　　數(shù)值是可選的，如果不填數(shù)值，默認(rèn)使用當(dāng)前圖標(biāo)內(nèi)容的大�。�

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

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

　　設(shè)置切圖的圖層或組，不可重復(fù)嵌套。

五、上傳設(shè)計(jì)圖

　　選中要上傳的畫(huà)板，也可選擇全部畫(huà)板（無(wú)畫(huà)板選全部畫(huà)板），點(diǎn)擊【上傳】即可。

　　設(shè)置好的切圖，會(huì)跟隨頁(yè)面一同上傳至藍(lán)湖 Web 端，可看標(biāo)注，并下載切圖。

　　注意：

　　1.藍(lán)湖推薦使用 Ps 畫(huà)板工具，可同時(shí)上傳多個(gè)頁(yè)面。

　　不建議使用 一個(gè) psd 文件通過(guò)隱藏顯示文件夾來(lái)區(qū)分不同頁(yè)面，這樣會(huì)導(dǎo)致上傳的多張?jiān)O(shè)計(jì)圖成為設(shè)計(jì)圖的歷史版本，不便于以后的修改更新。

　　2.智能對(duì)象等同于位圖，不會(huì)有標(biāo)注內(nèi)容和 SVG 格式切圖

六、生成 SVG

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

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

　　快速上傳模式

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

　　注意：

　　v2.38 之前的版本不能通過(guò)插件內(nèi)自動(dòng)更新來(lái)獲得快速上傳功能，只能 重新安裝插件

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

　　● 打開(kāi)：Photoshop 首選項(xiàng)-增效工具-啟用生成器

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

　　● 如果你有上傳 SVG 的需求， 可以開(kāi)啟“導(dǎo)出 SVG”， 如果不需要， 可以關(guān)閉它來(lái)提升上傳速度。