乐投letou规划资源博客

品尝经典包装规划,版式规划,共享有用规划资源、规划软件、插件下载及在线生成
登录注册 联络协作 投稿

乐投letou » 规划辅佐 » 免费切图符号外挂神器Assistor ps中文版(含绿色版)
巧匠讲堂

免费切图符号外挂神器Assistor ps中文版(含绿色版)

关于切图,网页规划师和 UI 规划师应该触摸的比较多,Assistor PS便是一款专业的切图符号软件,当然,Assistor PS除了能够一键全主动切图外,它还具有创立引导框,创立参阅线,单位转化器,取色器,圆角矩形转化,依照固定距离仿制图层等等功用,能够对规划师的作业供给十分大的便当。功用强壮,特别好用!引荐网页规划师、UI 规划…

关于切图,网页规划师和 UI 规划师应该触摸的比较多,Assistor PS便是一款专业的切图符号软件,当然,Assistor PS除了能够一键全主动切图外,它还具有创立引导框,创立参阅线,单位转化器,取色器,圆角矩形转化,依照固定距离仿制图层等等功用,能够对规划师的作业供给十分大的便当。功用强壮,特别好用!引荐网页规划师、UI 规划师运用。

免费切图符号外挂神器Assistor ps中文版(含绿色版)

Assistor PS切图神器简介

与其他切图符号软件不同的是,Assistor PS 是彻底独立于 Photoshop 自身的,说是一个外挂愈加适宜,Assistor PS旨在进步切图符号的功率及速度。尽管不是一个插件,可是它与 PS 是连通的,当你在 PS 挑选一个图层在后,即可运用它的功用。假设你肯花点时刻下载是试用,信任不会让你绝望,甚至能或许让你觉得相见恨晚。

assistor2

主要功用如下:

  • 轻松创立符号文档,一键导出图层
  • 单位数值转化快速
  • 快速创立参阅线(相似 GuideGuide)
  • 圆角矩形调整
  • 依照固定的距离仿制图层

Assistor PS 适用于 PS 3.0 以上的版别,一同兼容 Windows 体系和 Mac 体系。

bg20150413 (1)

Assistor ps中文汉化版装置运用阐明

1、下载地址中包括Assistor ps美化版,节省出来直接即可运用。

2、假设你不喜爱美化版,也有装置版

a、先装置"AssistorPS_Setup.exe"英文原版

b、把Assistor-PS_中文补丁中的“zh-CN”文件夹整个仿制到AssistorPS装置目录即可。

assistor ps怎样用

切图符号功用

广阔切图仔最关怀最常用的功用抢先露脸,尤其是网页规划师和 UI 规划师,需求频频和开发工程师打交道,假设不符号清楚,开发做出来的作用有时分几乎能吓死人。

「你哄人,规划稿底子不是这样的……」「你没标清楚,怪我咯……」「……」「乖,不哭」从此以后,我立誓,一定要弄出一个牛逼哄哄的符号图,让这傲娇的程序员无理辩驳,问心有愧……好了不瞎扯了,接下来给咱们介绍这个切图神器各个界面的功用详解。

assistor-ps-cn

  1. Each Layer 选中此框可独自处理每一个图层,不选中则将已挑选的图层视为一个全体进行处理
  2. 分辨率单位设置 可挑选输出数据的分辨率单位,如 px 以及安卓开发中常用的各种 Dpi 等
  3. 颜色设置 切换符号颜色
  4. 符号设置 设置符号环境
  5. 符号数据输出 主动核算并输出所选图层的方位、巨细、距离等信息
  6. 引导框 为你所选的尺度或许图层创立一个引导框
  7. 一键切图 快速切出并保存所选图层
  8. 数据提取 输出所选图层的数据信息
  9. 仿制悉数 仿制上面第八项的数据到剪贴板

点开符号设置,咱们能够看到下面的界面:

bg20150413 (1)

  1. 输出设置 指定输出数据的的各种设置,如字体、小号、抗锯齿、颜色及加粗。
  2. 分辨率单位设置
  3. 小数/整数设定 选中则四舍五入输出整数
  4. 颜色代码类型设置 RGB 或许 HEX,详细什么类型,看程序员的编码习气
  5. 字体单位设置 PT、PX、SP
  6. 创立符号布景 有时分咱们的符号或许与规划稿的颜色附近影响阅览,这时分添加布景能够使之愈加明晰
  7. 控制点设置 能够选中符号从所选图层的左上角、右上角等当地开端
  8. 榜首行选中则符号后主动链接图层。第二行选中则每次符号主动创立组
符号坐标

挑选一个或许多个图层,点击符号坐标按钮即可符号。或许(Alt+1)。按钮右边的小三角形能够进入该功用的设置页面,可挑选符号的格局及指定符号方位。

bg20150413 (2)

有时分咱们需求符号相对坐标,怎样做?先用选区东西挑选一个区域,然后再开端符号即可

bg20150413 (3)

符号巨细

相同选图层后点按钮符号。或许(Alt+2)。小三角形能够设置符号的格局及挑选一同符号宽高仍是符号其一。

bg20150413 (4)

符号距离

这儿的符号有三种状况,快捷键(Alt+3)。小三角形能够设置符号的格局。

  1. 选中两个图层,符号两个图层之间的距离
  2. 运用选区东西拉个区域,符号该区域较长的边
  3. 只挑选一个图层,符号该图层与画布间的距离

bg20150413 (5)

符号文字信息

依据设置输出文字的相关信息。快捷键(Alt+4)。

bg20150413 (6)

点击小三角形,可挑选信息选项。

bg20150413 (7)

切割线上部分为是否显现引导线,作用如下图,左面为显现引导线,右边为不显现。

bg20150413 (8)

切割线下半部分则设置是否显现字体的相关信息,依次为字体族、字体款式、字体巨细、行高、字体眼颜色、作用(暗影)。

下面介绍的是 Assistor PS 其他丧尽天良的功用:创立引导框,一键全主动切图,创立参阅线,单位转化器,取色器,圆角矩形转化,依照固定距离仿制图层等。

创立引导框

为你挑选的图层创立引导框。快捷键(Alt+Q)。

bg20150413 (9)

点击周围的小三角可设置引导框的巨细。

关于一些初级切图仔来说,这个功用或许没什么触摸过。有时分咱们需求为一些特别图层创立引导框后再进行符号,详细作用及重要性,请看下面的比方。 过错的符号

正确的符号

这儿我先是为每个环肥燕瘦的图标创立共同的引导框,巨细为38px*38px,然后再符号每个引导框之间的距离。假设没有这个引导框,依照榜首个符号,标出来的数据杂乱无章不说,开发同学在编码的时分还要量一下空白像素……

一键切图

吊炸天并且杂乱到让作者杂乱的切图功用就藏在这个奇特的按钮下。此功用的作业原理大概是把需求切的图层仿制到一个新窗口里边保存。详细运用过程如下:

  1. 挑选你要切的图层
  2. 假设需求对每个图层独自切出,请勾选 each layer
  3. 点击切图按钮,或许快捷键(Alt+W),此刻 PS 就像开了脚本的游戏,全主动啪啪啪地切了起来……(切图仿制出来的新窗口巨细等于图层的实践巨细,包括该图层的款式,比方投影)
  4. 当你运用选区东西拉出一个选区之后,将切出每个图层在该选区的切片,切片的巨细和该选区的巨细共同。假设你选了一个图层,可是这个图层在这选区里边是没有任何东西的,那你切出来的切片便是全空白的。(这儿略微比较杂乱,有爱好能够自己测验动作操作理会下。)

相同点击右边的小三角形,咱们能够对功用进一步设置,使之更快更全主动。

  1. 设置固定巨细。有时分咱们需求切包括通明像素的图层,比方上面符号的四个交际图标,能够设置38px*38px,后再下进行切图。
  2. 输出份额。这儿能够挑选输出份额,比方@2x,50%,安卓的 HDPI 等,Assistor PS 会主动帮你核算并输出。
  3. 主动保存设置。主张勾选 auto save 和 save and close,这样会主动保存切片并关掉新建的切片窗口。Path 设置保存途径。Suffix option @2x 勾选后会主动在@2x切片的文件名加 @2x。
创立参阅线

信任很多人,尤其是 UI 规划师,网页规划师都用过 Guide Guide 来创立参阅线, Assistor PS 包括了 GG 的大部分功用。

  1. 创立水平居中参阅线 假设没有选区,则创立整个画布的水平居中参阅线。
  2. 创立笔直居中参阅线 同上。
  3. 删去参阅线
  4. 参阅线设置(详见下文)
  5. 铲除全部设置
  6. 依据设置创立参阅线

参阅线设置(这儿不过多介绍,只给出翻译)

单位转化器(附赠取色器)

  1. 输入数值
  2. 挑选基本单位
  3. 转化成果
  4. 颜色编码
  5. 取色器(可取屏幕任何方位的颜色!躲藏得太深了,我才发现……)
圆角矩形转化

能够把圆的换成方的把方的换成圆的。勾选 each corner 可独自修正每个角。运用前请先在 PS 挑选一个矩形。

依照固定的距离仿制图层

又是一个炒鸡有用的功用,详细作用请看比方:

运用前:

设置 Assistor PS 如下(列数3,行数3,列距离50px,行距离50px)

运用后:

不过主张咱们用完略微花点时刻填充下数据,如下图:

免费切图符号外挂神器Assistor ps中文版下载页面

打赏

假设本站对您有所协助,请考虑对本站进行小额捐献:

相关内容

1个谈论

  1. 马儿 说道:

    请问怎样将RGB色值转化成16进制的?

宣布谈论

怎样下载本站资源『全部留言都会被审阅,请勿发布废物谈论』

(必填)*

立体LOGO作用智能模板资料