Render.ly(PS导出插件)

Render.ly是一款强大的PS设计导出插件，主要支持UI换屏，一键提取网页字体和资源。它可以导出不同类型的设备切片。有需要的用户不要错过。欢迎下载使用！

功能介绍

UI效果图存储

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

其次，我们把功能做得非常强大。在组名前加" "，分别导出UI效果图片。

此外，您可以创建全局组件，它们可以出现在每个UI渲染中。

脚本

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

使用方法

下载后，解压“.zxp "格式文件，复制粘贴到d 3360 \ Program Files \ Adobe \ Adobe Photoshop CS6(64 bit)\ Adobe Photoshop CS6(64 bit)\ Plug-ins \ Panels下。

把每个最外面的组或者PS画板当作一个单独的UI屏幕；

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

您还可以使用遮罩来控制输出元素或UI屏幕的大小。

「」

[绿框]添加“”作为层名的前缀，创建一个替代的UI屏幕组。导出时会形成每次输出的显示效果。例如，可以生成这个示例图：home.jpg、home-place.jpg和home-questions.jpg。

[蓝框]没有“”的图层将作为公共元素显示在所有输出图片中。

「*」

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

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

「-」

【红框】在图层名称前加“-”会在导出UI屏幕图片时排除该图层。提示：在绘制一些以后可能会用到的元素或者保存灵感图片时，这个功能很有用。

图标

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

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

【蓝框】在按钮图层组的子图层中，可以用：hover、pressed甚至：gocrazyAdd来命名，以区分不同的按钮状态。这个功能对于需要处理9patch按钮的android开发者来说非常方便。

画

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

云视图

插件提供云共享功能。只需点击一下，您就可以将您的画板或UI屏幕导出到任何设备上进行查看。

适用范围

PS CC~PS 2020