Render.ly设计导出PS插件v2.8.0官方版

Render.ly是一个功能强大的PS设计导出插件，主要支持可替换的UI屏幕和一键提取网页字体和资源。可以智能切图导出切片功效，导出不同设备类型的切片。

功能介绍

UI效果图片存储

首先，我们使操作非常简单。在Photoshop CC 2015中，只要你喜欢，每个最外层的图层组或画板都可以导出为单独的UI效果图片。

其次，我们使功能非常强大。在组名前添加" "，单独导出UI效果图片。

此外，您可以创建全局组件，这些组件可以出现在每个UI效果图片中。

字体

所有矢量图标都可以以网页字体的样式导出，下面的图标和对应的代码可以复制粘贴，可以在网站、iOS或安卓APP上使用。你不再需要导出成吨的图标版本来满足各种平台的需求！

施用方式

拉开拉链。zxp "格式文件下载后，并将其复制粘贴到d: \程序文件\ adobe \ adobe Photoshop CS6 (64位)\ adobe Photoshop CS6 (64位)\插件\面板中。

将每个最外面的组或PS画板视为单独的UI屏幕；

您可以使用前缀来组织设计草稿；

您也可以使用遮罩来控制输出元素或用户界面屏幕的大小。

「」

[绿框]添加" "作为图层名称的前缀，可以创建UI屏幕组进行替换。导出时，输出的显示效果将单独形成。例如，可以在home.jpg、home-place.jpg和home-questions.jpg生成示例图。

[蓝框]不带“”的图层将作为常用元素显示在所有输出图片中。

「*」

[绿框]添加“*”作为图层名称的前缀，创建一个全局元素，该元素将出现在所有输出图片中。

[蓝框]同级或下级标有“*”的元素将合并到所有图片中替换。同时，在导出过程中，如果导出的图片只包含自己的元素，则会被忽略。例如，如果您想将“状态栏-蓝色”合并到所有屏幕中，它不是一个单独的屏幕。

「-」

[红框]添加“-”作为图层名称前缀，导出UI屏幕图片时会排除该图层。提示：当你画一些以后可能会用到的元素或者保存灵感图片的时候，这个功能非常有用。

图标

你可以用”。png“，”。SVG“或”。gif "图层名称后缀创建图标，适用于图层或图层组。矢量图形可以导出为网页字体格式。如果你喜欢平常的。png，我们还可以提供所有需要的尺寸供您选择。提示：将图标保存为矢量格式非常有用。

纽扣

[绿框]添加”。btn "后缀来创建按钮。

[蓝框]在按钮图层组的子图层中，可以使用：悬停、按下甚至：gocrazyAdd来命名不同的按钮状态。这个功能对于需要处理9个补丁按钮的安卓开发者来说非常方便。

图像

栅格化图像可以用后缀“”导出。jpg”，默认图像质量为90%。提示：此功能适用于导出占位符图像或背景。

云视图

该插件提供了云共享功能，您可以一键将画板或UI屏幕导出到任何设备。