切图标记外挂神器ASSISTOR PS(上)

@纪凡_Given:首先要告诉大家一个好消息,原本 $9.99 一个月 / $99.9 一年 的Assistor PS现已免费下载。对于学生用户全面免费,而其他用户在今年 6 月之后就不用再购买商业许可证也可以免费使用,功能强大,特别好用。

基本介绍

与其他切图标记软件不同的是,Assistor PS是完全独立于 PS 本身的,说是一个外挂更加合适,旨在提高切图标记的效率及速度。虽然不是一个插件,但是它与 PS 是连通的,当你在 PS 选择一个图层在后,即可使用它的功能。如果你肯花点时间下载是试用,相信不会让你失望,甚至能可能让你觉得相见恨晚。

主要功能如下:

  • 轻松创建标记文档,一键导出图层
  • 单位数值转换快速
  • 快速创建参考线(类似 GuideGuide)
  • 圆角矩形调整
  • 按照固定的间隔复制图层

官方介绍视频(已 fanqiang 转到优酷):

Assistor PS 适用于 PS 3.0 以上的版本,同时兼容 Windows 系统和 Mac 系统。看完视频,心急的同学可先直接前往它家的网站进行下载。想了解更加详细的功能介绍的及一些使用小技巧的,可以继续往下看。

切图标记功能

广大切图仔最关心最常用的功能抢先亮相,尤其是网页设计师和 UI 设计师,需要频繁和开发工程师打交道,如果不标记清楚,开发做出来的效果有时候简直能吓死人。

「你骗人,设计稿根本不是这样的……」「你没标清楚,怪我咯……」「……」「乖,不哭」从此以后,我发誓,一定要弄出一个牛逼哄哄的标记图,让这傲娇的程序员无理反驳,无地自容……好了不瞎扯了,接下来给大家介绍这个切图神器各个界面的功能详解。

  1. Each Layer 选中此框可单独处理每一个图层,不选中则将已选择的图层视为一个整体进行处理
  2. 分辨率单位设置 可选择输出数据的分辨率单位,如 px 以及安卓开发中常用的各种 Dpi 等
  3. 颜色设置 切换标记颜色
  4. 标记设置 设置标记环境
  5. 标记数据输出 自动计算并输出所选图层的位置、大小、间距等信息
  6. 引导框 为你所选的尺寸或者图层创建一个引导框
  7. 一键切图 快速切出并保存所选图层
  8. 数据提取 输出所选图层的数据信息
  9. 复制全部 复制上面第八项的数据到剪贴板

点开标记设置,我们可以看到下面的界面:

  1. 输出设置 指定输出数据的的各种设置,如字体、小号、抗锯齿、颜色及加粗。
  2. 分辨率单位设置
  3. 小数/整数设定 选中则四舍五入输出整数
  4. 颜色代码类型设置 RGB 或者 HEX,具体什么类型,看程序员的编码习惯
  5. 字体单位设置 PT、PX、SP
  6. 创建标记背景 有时候我们的标记可能与设计稿的颜色相近影响阅读,这时候添加背景可以使之更加清晰
  7. 控制点设置 可以选中标记从所选图层的左上角、右上角等地方开始
  8. 第一行选中则标记后自动链接图层。第二行选中则每次标记自动创建组

标记坐标

选择一个或者多个图层,点击标记坐标按钮即可标记。或者(Alt+1)。按钮右边的小三角形可以进入该功能的设置页面,可选择标记的格式及指定标记位置。

有时候我们需要标记相对坐标,怎么做?先用选区工具选择一个区域,然后再开始标记即可

标记大小

同样选图层后点按钮标记。或者(Alt+2)。小三角形可以设置标记的格式及选择同时标记宽高还是标记其一。

标记距离

这里的标记有三种情况,快捷键(Alt+3)。小三角形可以设置标记的格式。

  1. 选中两个图层,标记两个图层之间的距离
  2. 利用选区工具拉个区域,标记该区域较长的边
  3. 只选择一个图层,标记该图层与画布间的距离

标记文字信息

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

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

分割线上部分为是否显示引导线,效果如下图,左边为显示引导线,右边为不显示。

分割线下半部分则设置是否显示字体的相关信息,依次为字体族、字体样式、字体大小、行高、字体眼颜色、效果(阴影)。

感谢大家的阅读,下篇文章我们将学习 Assistor PS 的其他功能,如引导框、一键切图、创建参考线、圆角矩形转换、按照固定的间隔复制图层等。近期发布。

bigertech
作者:@纪凡_Given

Photoshop
(0)

相关推荐

  • 切图标记外挂神器ASSISTOR PS(下)

    小编:在切图标记外挂 Assistor PS 深入解读(上)中,@纪凡_Given给大家介绍了即将免费的切图标记外挂 Assistor PS 强大的标记功能,然后,这个神器的功能仅仅如此?本文将为介绍 ...

  • Assistor ps怎么切图 ASSISTOR PS切图教程详解(附下载地址)

    ASSISTOR PS是一款Photoshop的切图外挂神器,这款外挂插件对于设计师们来说无疑是一款神器,可以帮你很轻松的完成切图操作.主要功能有标注.切图.圆角设置等,当然它参考线自定义和单位换算功 ...

  • Photoshop PS上面的阴影高光功能如何设置

    今天给大家介绍一下Photoshop PS上面的阴影高光功能如何设置的具体操作步骤.1. 打开电脑,运行PS软件,导入一张图片.2. 接着在上方的菜单栏选择"图像"3. 下拉菜单中 ...

  • 手机美图秀秀九宫切图照片怎么制作

    在微信朋友圈看到很多九宫切图的照片,很有意思,那么这些照片是怎么制作的呢?下面结合体会说说用手机美图秀秀制作九宫切图照片 操作方法 01 打开登陆手机美图秀秀 02 滑动页面,切换到九宫切图的页面,点 ...

  • 天猫手机端装修如何添加切图热区模块

    天猫店铺装修现在升级智能版,有不少的新功能,其中不得不提就是手机端的切图模块,可以跟pc端一样用热点来给图片的某一位置添加相对应的的链接. 操作方法 01 打开天猫后台 卖家中心 02 点击手机淘宝店 ...

  • 自动切图神器Slicy使用介绍

    自动切图工具「Slicy」Mac OS版(Layer Cake),真正解放设计师的神器!为切图黯然销魂的设计师们必备利器 如何使用 Slicy 切图? 1. PS 图层依规则命名。 2. 把档案丢进 ...

  • ps切片工具切出来的图怎么保存(ps中怎么切图)

    喜欢用PS软件进行前端设计的朋友有福了,今天给大家分享一款超级好用的photoshop切图工具:Cutterman.Cutterman是一款photoshop切图插件,它能够自动将你需要的图层进行输出 ...

  • 省时省力的切图神器SLICY

    如何使用 Slicy 切图? 1. PS 图层依规则命名。 2. 把档案丢进 Slicy 里。 3. 好了。 够简单无脑了吧? 图层命名方式 为了要无脑切图,得稍微记一下 slicy 图层命名的格式, ...

  • MAC下的SLICY切图神器怎么用

      MAC下的SLICY切图神器怎么用 切图方便,简单的拖放即可,傻瓜式操作2. 培养为图片资源合理命名的好习惯 自动生成@2x两套图片,极大方便IOS开发者 二.软件使用 1.PSD文件的预处理 这 ...