Render.ly設計（jì）導出PS插件

Render.ly設計（jì）導出PS插件是一（yī）款功能強大的ps插件導出軟件（jiàn），使用（yòng）該軟件（jiàn）可以將ps中的（de）每一個圖層都快速導出，成為一個單獨的ui設計，支持批量導出功能，使用方便簡單，需要的朋友（yǒu）歡迎來綠色資源網下（xià）載！

ps導出插件簡介

render.ly是一（yī）款強大的PS設計導出插件，主要支持（chí）UI屏幕可（kě）替（tì）換，以及一（yī）鍵提取（qǔ）web字體和資源功能。可以智能切圖和導出切片功（gōng）效（xiào），並能導出不同設備類型的切（qiē）片。

ps導（dǎo）出插件功能

UI效果圖片存儲

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

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

還有，你可以創建（jiàn）全局組件，它能出現在每一（yī）個UI效果圖片中。

字體

所有的矢量圖標都能（néng）以web字體的樣式導出，下方是圖標（biāo）及對應代碼，隻（zhī）需複製粘貼即可，可用於網站、ioses或androids APP使用。你再也不用為（wéi）了滿足各種平台需要，導（dǎo）出成噸的圖標版本了！

使用（yòng）方法

下（xià）載完成後解（jiě）壓“.zxp”格式文件，複（fù）製粘貼到D:\Program Files\Adobe\Adobe photoshop cs6 (64 Bit)\Adobe Photoshop CS6 (64 Bit)\Plug-ins\Panels下即可。

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

你可以使用前綴來整理你的設計稿；

你還可以使用遮（zhē）罩來控製輸出元（yuán）素或（huò）UI屏幕的大小尺寸。

「&」

【綠框（kuàng）】添加“&”作為圖層名前綴，可創建一個供替換的UI屏幕組，導出的時候將會分別形成（chéng）輸出各自的（de）顯示效果。例如：該示例（lì）圖可生成：home.jpg、home-place.jpg及home-questions.jpg。

【藍框】未（wèi）加“&”的圖層將做為共有元（yuán）素，在所有輸出圖片中顯示。

「*」

【綠框】添加“*”作為圖層（céng）名前綴，可創建全局元素，它將（jiāng）出現在所有輸出圖片中（zhōng）。

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

「-」

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

ICON

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

按鈕

【綠框】添加“.btn” 後綴來創建按鈕。

【藍框】在（zài）按鈕圖層組的子圖層中，你可以（yǐ）用（yòng）:hover、:pressed甚至:gocrazyAdd來命名，區分不同（tóng）的按鈕狀態。這個功能對於需要（yào）處理9patch按鈕的androids開發者來說，十分方便。

圖（tú）像

使用“.jpg”後綴可以導出柵格化圖像，默認圖像品質為90%。小（xiǎo）提示：這個功能適用（yòng）於導出占位圖像或背景等。

雲端查看

插件提供了雲（yún）共（gòng）享功（gōng）能，隻需一鍵，你就可以（yǐ）導出你的畫板或（huò）UI屏幕到任意（yì）設備上查看。