手机
当前位置:查字典教程网 >软件教程 >图形图像 >Assistor ps怎么切图 ASSISTOR PS切图教程详解(附下载地址)
Assistor ps怎么切图 ASSISTOR PS切图教程详解(附下载地址)
摘要:ASSISTORPS是一款Photoshop的切图外挂神器,这款外挂插件对于设计师们来说无疑是一款神器,可以帮你很轻松的完成切图操作。主要功...

ASSISTOR PS是一款Photoshop的切图外挂神器,这款外挂插件对于设计师们来说无疑是一款神器,可以帮你很轻松的完成切图操作。主要功能有标注、切图、圆角设置等,当然它参考线自定义和单位换算功能也很牛。这里小编给大家带来一篇ASSISTOR PS使用教程,希望对初次使用这款插件的用户有所帮助。

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

一、如何运行Assistor PS

使用这个Assistor PS 软件有一个最最重要的条件,那就是:你要打开你的Photoshop (官方建议版本在CS 3以上,小伙伴们应该不至于那么怀旧吧?)

然后我们就可以根据上一节《PS外挂:Assistor PS 使用指南-软件介绍与下载》 里面提供给大家的下载链接,自行下载-安装-运行。

运行成功后(我的是Mac版,PC设计上有所不同,但是功能一样)

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

二、Assistor PS都有什么功能?

哎~打开后有木有不明觉厉的赶脚(英文不好,看不懂)。小伙伴们如果被几个单词就打倒了,那就太没出息了!哈哈,好在有我这样无(xian)私(de)奉(dan)献(teng)的家伙,给大家纯手工汉化(对不起,木有汉化补丁下载,每次运行后都脑补一下吧!)

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

其实这个软件的很多功能,别的软件也都有,不过这种N合1的功能,简直太好了(有种小霸王其乐无穷的意思)

功能上主要就是这5大功能,由于精力有限,我可能没有办法一次给小伙伴们分享完整,所以请大家及时关注我微博或者微信(UIBang)。今天这一篇文章先说一下第一个“标注”功能,也是这个软件的核心功能。

三、如何使用Assistor PS进行标注?

作为UI设计师往往遇见一件很郁闷的一件事,就是和开发工程师打交道,进行工作上的对接,真是烦烦烦!问题出现在哪?主要是设计层面与技术层面的衔接不好!如果有明确清楚的标注,那么设计师和工程师就不会有那么多“爱恨情仇”了!好,那只需要我们解决这个问题不就好了吗?

例如:需要标注一下PS文件中矩形的位置、尺寸、间隔等信息

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

效果我们已经看见了,是如何实现的呢?

PS中选中需要标注的图层后,点击下方图例的ABCD

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

A:标注对象坐标位置

B:标注对象尺寸大小

C:标注对象距离间隔

D:标注文字对象属性

(细心的小伙伴们可能已经留意了,在ABCD4个选项按钮右侧都有一个下拉剪头可以展开,此处主要是修改标注表现形式与基本设置的)

Layer Guider- 这个设置的是当前设计文件分辨率(有基本的Px,还有针对Android的一系列DPI)

Each Layer- 是否针对每一个图层标注

给大家举一个例子

1.PS中绘制3个基本形状(3个独立图层)

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

2.复选3个形状图层

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

3.勾选 Each Layer,点击A,查看结果

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

未勾选 Each Layer,点击A,查看结果

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

应该可以看出来两者的区别了吧?前者3个形状都会进行标注,后者将以3个形状整体进行标注

四、其他说明

其实大家能够看懂以上操作说明,基本上就可以完成PS标注工作了,但是如果希望可以获得更高级的参数设置,那就得查看一下 “设置”功能了

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

又是英文,头又大了吧,其实不用太担心,我在此和小伙伴们大致说一下就能够理解了

第一组:对于标注字体的设置(字体、大小、抗锯齿、颜色、粗体)

第二组:当前分辨率、仅显示整数、颜色值显示方式、字体单位

第三组:标注是否创建一个背景(例如背景色和标注色相近时),及相关设置

第四组:原点设置

第五组:标注文档在PSD文件中的设置(一般就默认吧)

视频教程:

以上就是查字典教程网小编为大家带来的ASSISTOR PS切图教程,希望可以帮助到大家,大家如果还有疑问的话,可以在下方的评论框内给我们留言哦。我们会尽自己所能的为大家解答。谢谢大家一如既往的支持,也请大家继续关注查字典教程网的后续教程和软件。

【Assistor ps怎么切图 ASSISTOR PS切图教程详解(附下载地址)】相关文章:

CAXA2013怎么填充圆环图案? caxa填充图案的详细教程

faststone capture截图软件滚动截屏/截图功能使用教程详细图解

solidworks怎么绘制3D草图?

将bmp转mpg的图文教程附RscIDE软件下载

天天p图怎么样 天天P图拼图及抠图使用教程

Adobe CS5(Photoshop CS5/Flash CS5)真正官方简体中文完全版 官方下载地址

使用光影魔术手怎么拼图 光影魔术手拼图教程

CAD Express tools怎么用?Express tools使用详解

怎么制作一寸照片 光影魔术手制作一寸照片证件照教程(图解)

美图淘淘制作图片个性水印教程图解

精品推荐
分类导航