找回密码
 立即注册
搜索
热搜: 活动 交友 discuz
查看: 13|回复: 0

Render.ly设计导出PS插件

[复制链接]

32万

主题

0

回帖

96万

积分

超级版主

积分
964681
发表于 2024-12-6 15:25:46 | 显示全部楼层 |阅读模式
软件标签:  render.ly   ps插件   photoshop
render.ly设计导出ps插件是一款功能强大的ps插件导出软件,使用该软件可以将ps中的每一个图层都快速导出,成为一个单独的ui设计,支持批量导出功能,使用方便简单,需要的朋友欢迎来绿色资源网下载!
ps导出插件简介
render.ly是一款强大的ps设计导出插件,主要支持ui屏幕可替换,以及一键提取web字体和资源功能。可以智能切图和导出切片功效,并能导出不同设备类型的切片。
ps导出插件功能
ui效果图片存储

首先,我们把操作变得十分简单。photoshopcc 2015中,只要你愿意,每个最外层图层组或画板都能被导出为一个单独的ui效果图片。

其次,我们把功能变得十分强大。在分组名前添加「 &」,即可分别导出ui效果图片。

还有,你可以创建全局组件,它能出现在每一个ui效果图片中。

字体

所有的矢量图标都能以web字体的样式导出,下方是图标及对应代码,只需复制粘贴即可,可用于网站、ios或android app使用。你再也不用为了满足各种平台需要,导出成吨的图标版本了!
使用方法
下载完成后解压“.zxp”格式文件,复制粘贴到d:program filesadobeadobephotoshop cs6(64 bit)adobe photoshop cs6 (64 bit)plug-inspanels下即可。







把每个最外层组或ps画板都视为一个单独的ui屏幕;

你可以使用前缀来整理你的设计稿;

你还可以使用遮罩来控制输出元素或ui屏幕的大小尺寸。

「&」




【绿框】添加“&”作为图层名前缀,可创建一个供替换的ui屏幕组,导出的时候将会分别形成输出各自的显示效果。例如:该示例图可生成:home.jpg、home-place.jpg及home-questions.jpg。

【蓝框】未加“&”的图层将做为共有元素,在所有输出图片中显示。

「*」




【绿框】添加“*”作为图层名前缀,可创建全局元素,它将出现在所有输出图片中。

【蓝框】同级或下层的标有“*” 的元素,将被合并到所有供替换的图片中。与此同时,在导出过程中,它会被无视,以防导出一个只包含自己元素的图片。例如:如果你想把“status-bar-blue”合并到所有屏幕,并不是把它作为另外一个单独的屏幕。

「-」




【红框】添加“-”作为图层名前缀将在导出ui屏幕图片时排除此图层。小提示:当你绘制一些“以后可能会用”的元素或保存灵感图片时,这个功能很有用。

icon




你可以使用“.png”, “.svg”或”.gif”图层名后缀来创建icon,这个方式对图层或图层组都适用。矢量图形可被导出为web字体格式,如果你更喜欢平时使用的.png的话,我们也可以提供所有需要的尺寸供你选择。小提示:把icon保存为矢量格式非常好用。

按钮




【绿框】添加“.btn” 后缀来创建按钮。

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

图像




使用“.jpg”后缀可以导出栅格化图像,默认图像品质为90%。小提示:这个功能适用于导出占位图像或背景等。

云端查看

插件提供了云共享功能,只需一键,你就可以导出你的画板或ui屏幕到任意设备上查看。





n_index">1/1)安装详细截图
aaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaa
您需要登录后才可以回帖 登录 | 立即注册

本版积分规则

Archiver|手机版|小黑屋|ziyuan80.com

GMT+8, 2025-8-11 03:21 , Processed in 0.075584 second(s), 19 queries .

Powered by Discuz! X3.5

© 2001-2025 Discuz! Team.

快速回复 返回顶部 返回列表