render.ly是一款強大的PS設(shè)計導(dǎo)出插件，主要支持UI屏幕可替換，以及一鍵提取web字體和資源功能?？梢灾悄芮袌D和導(dǎo)出切片功效，并能導(dǎo)出不同設(shè)備類型的切片。相似軟件版本說明軟件地址WinFIG7.8.0.0 最新版查看Chaotica2.0.25 最新版查看知末全景0.0.13 官方版查看ps超級調(diào)色板11.6.3.8 電腦版查看特效相片合成工具3.0 中文版查看

功能介紹

　　UI效果圖片存儲

　　首先，我們把操作變得十分簡單。Photoshop CC 2015中，只要你愿意，每個最外層圖層組或畫板都能被導(dǎo)出為一個單獨的UI效果圖片。

　　其次，我們把功能變得十分強大。在分組名前添加「 &」，即可分別導(dǎo)出UI效果圖片。

　　還有，你可以創(chuàng)建全局組件，它能出現(xiàn)在每一個UI效果圖片中。

　　字體

　　所有的矢量圖標都能以web字體的樣式導(dǎo)出，下方是圖標及對應(yīng)代碼，只需復(fù)制粘貼即可，可用于網(wǎng)站、iOS或Android APP使用。你再也不用為了滿足各種平臺需要，導(dǎo)出成噸的圖標版本了！

使用方法

　　下載完成后解壓“.zxp”格式文件，復(fù)制粘貼到D:Program FilesAdobeAdobe Photoshop CS6 (64 Bit)Adobe Photoshop CS6 (64 Bit)Plug-insPanels下即可。

　　把每個最外層組或PS畫板都視為一個單獨的UI屏幕；

　　你可以使用前綴來整理你的設(shè)計稿；

　　你還可以使用遮罩來控制輸出元素或UI屏幕的大小尺寸。

　　「&」

　　【綠框】添加“&”作為圖層名前綴，可創(chuàng)建一個供替換的UI屏幕組，導(dǎo)出的時候?qū)謩e形成輸出各自的顯示效果。例如：該示例圖可生成：home.jpg、home-place.jpg及home-questions.jpg。

　　【藍框】未加“&”的圖層將做為共有元素，在所有輸出圖片中顯示。

　　「*」

　　【綠框】添加“*”作為圖層名前綴，可創(chuàng)建全局元素，它將出現(xiàn)在所有輸出圖片中。

　　【藍框】同級或下層的標有“*” 的元素，將被合并到所有供替換的圖片中。與此同時，在導(dǎo)出過程中，它會被無視，以防導(dǎo)出一個只包含自己元素的圖片。例如：如果你想把“status-bar-blue”合并到所有屏幕，并不是把它作為另外一個單獨的屏幕。

　　「-」

　　【紅框】添加“-”作為圖層名前綴將在導(dǎo)出UI屏幕圖片時排除此圖層。小提示：當你繪制一些“以后可能會用”的元素或保存靈感圖片時，這個功能很有用。

　　ICON

　　你可以使用“.png”, “.svg”或”.gif”圖層名后綴來創(chuàng)建icon，這個方式對圖層或圖層組都適用。矢量圖形可被導(dǎo)出為web字體格式，如果你更喜歡平時使用的.png的話，我們也可以提供所有需要的尺寸供你選擇。小提示：把icon保存為矢量格式非常好用。

　　按鈕

　　【綠框】添加“.btn” 后綴來創(chuàng)建按鈕。

　　【藍框】在按鈕圖層組的子圖層中，你可以用:hover、:pressed甚至:gocrazyAdd來命名，區(qū)分不同的按鈕狀態(tài)。這個功能對于需要處理9patch按鈕的android開發(fā)者來說，十分方便。

　　圖像

　　使用“.jpg”后綴可以導(dǎo)出柵格化圖像，默認圖像品質(zhì)為90%。小提示：這個功能適用于導(dǎo)出占位圖像或背景等。

　　云端查看

　　插件提供了云共享功能，只需一鍵，你就可以導(dǎo)出你的畫板或UI屏幕到任意設(shè)備上查看。