啥？外掛？你當(dāng)這里是傳奇啊（一款80后經(jīng)典網(wǎng)游，這個是不是暴露年齡了），PS怎么搞出外掛啦？

哈～我相信很多小伙伴和我一樣，第一次聽說PS外掛時，我們和我們的小伙伴們都驚呆了！插件倒是聽說過，外掛又為何物？

其實(shí)外掛只是可愛的設(shè)計(jì)師們對這一類工具的“尊稱”，因?yàn)樗梢元?dú)立運(yùn)作，不需要像PS插件一樣，必須到PS的功能菜單里面找到再運(yùn)行使用（這貨還真是外掛，和之前玩網(wǎng)游作弊的一個意思嘛），往往這一類神奇的工具軟件，我們經(jīng)常就稱之為“神器”。而今天給大家介紹的神器：Assistor PS，它獲此殊榮真是當(dāng)之無愧！你第一次使用它你就會愛上它的！

很多小伙伴估計(jì)是著急了，（性子急的小伙伴直接跳過，進(jìn)入下一章吧）不過為了尊重軟件開發(fā)者，我還是要正式的給大家介紹一下這款PS外掛工具－Assistor PS

Assistor PS 是一個PhotoShop 的輔助性質(zhì)的工具軟件。可以幫助UI設(shè)計(jì)師以及網(wǎng)頁設(shè)計(jì)師們很大程度的提高工作效率。主打功能為：標(biāo)注、切圖、圓角設(shè)置等，當(dāng)然它參考線自定義和單位換算功能也很牛。說了這么多很多小伙伴還沒見過Assistor PS廬山真面目了，那各位看圖吧

傳送門：http://assistor.net/en/assistor

看上去很牛吧？只看不用怎么可以？需要下載體驗(yàn)哦（現(xiàn)在小伙伴們有福了，因?yàn)楝F(xiàn)在已經(jīng)免費(fèi)了，之前是 $9.99 一個月 / ￥99.9 一年，免費(fèi)試用一個月）（話說軟件有韓語、有英語、有日語版本～敢不敢來個中文的！！）

哈～好啦！看到這一步小伙伴們應(yīng)該都已經(jīng)完成下載了！想學(xué)怎么使用Assistor PS的童鞋，那么就趕緊吧！

最后的最后，記得關(guān)注與支持我哦！哈～給我一個動力，分享下去！還有不少功能的介紹，我會稍后整理分享給大家的！

看完上面的Assistor PS的功能介紹視頻，相信不少小伙伴已經(jīng)基本掌握了這個軟件的使用方法了。這個軟件本身就是很“傻瓜”的，比較容易上手！

問題是…問題是當(dāng)你是正巧又是一個英語很爛的“傻瓜”,這個還這是難道了不少剛剛接觸Assistor PS的小伙伴們。說實(shí)話，這個時候很多小伙伴們會選擇度娘和谷哥，經(jīng)過自己七七四十九天的苦心專研（哈哈，夸張了點(diǎn)），終于明白這個工具怎么個意思，怎么運(yùn)用了。我自己研究過程中也發(fā)現(xiàn)一些問題：

1.網(wǎng)上相關(guān)的教程指南太少了，幾乎木有幾篇。（可能大神們英語都很好，一看就會了）

2.大家都是自學(xué)會使用之后沒有把總結(jié)分享出來。（這樣就是看著無數(shù)的新人重復(fù)自己走得老路）

基于以上兩點(diǎn)，我覺得這么好用的工具，一定要記錄一下自己學(xué)習(xí)和總結(jié)下來的知識和技巧，這樣才對得起自己，對得起新人，也對得起這個軟件的開發(fā)者！

好了，話不多說，開始吧！

一.如何運(yùn)行Assistor PS

使用這個Assistor PS 軟件有一個最最重要的條件，那就是：你要打開你的Photoshop (官方建議版本在CS 3以上，小伙伴們應(yīng)該不至于那么懷舊吧？)

然后我們就可以根據(jù)上一節(jié)《PS外掛：Assistor PS 使用指南－軟件介紹與下載》 里面提供給大家的下載鏈接，自行下載－安裝－運(yùn)行。

運(yùn)行成功后（我的是Mac版，PC設(shè)計(jì)上有所不同，但是功能一樣）

二.Assistor PS都有什么功能？

哎～打開后有木有不明覺厲的趕腳（英文不好，看不懂）。小伙伴們?nèi)绻粠讉€單詞就打倒了，那就太沒出息了！哈哈，好在有我這樣無（xian）私(de)奉(dan)獻(xiàn)(teng)的家伙，給大家純手工漢化（對不起，木有漢化補(bǔ)丁下載，每次運(yùn)行后都腦補(bǔ)一下吧！）

其實(shí)這個軟件的很多功能，別的軟件也都有，不過這種N合1的功能，簡直太好了（有種小霸王其樂無窮的意思）

功能上主要就是這5大功能，由于精力有限，我可能沒有辦法一次給小伙伴們分享完整，所以請大家及時關(guān)注我微博或者微信（UIBang）。今天這一篇文章先說一下第一個“標(biāo)注”功能，也是這個軟件的核心功能。

三.如何使用Assistor PS進(jìn)行標(biāo)注？

作為UI設(shè)計(jì)師往往遇見一件很郁悶的一件事，就是和開發(fā)工程師打交道，進(jìn)行工作上的對接，真是煩煩煩！問題出現(xiàn)在哪？主要是設(shè)計(jì)層面與技術(shù)層面的銜接不好！如果有明確清楚的標(biāo)注，那么設(shè)計(jì)師和工程師就不會有那么多“愛恨情仇”了！好，那只需要我們解決這個問題不就好了嗎？

例如：需要標(biāo)注一下PS文件中矩形的位置、尺寸、間隔等信息

效果我們已經(jīng)看見了，是如何實(shí)現(xiàn)的呢？

PS中選中需要標(biāo)注的圖層后，點(diǎn)擊下方圖例的ABCD

A：標(biāo)注對象坐標(biāo)位置

B：標(biāo)注對象尺寸大小

C：標(biāo)注對象距離間隔

D：標(biāo)注文字對象屬性

（細(xì)心的小伙伴們可能已經(jīng)留意了，在ABCD4個選項(xiàng)按鈕右側(cè)都有一個下拉剪頭可以展開，此處主要是修改標(biāo)注表現(xiàn)形式與基本設(shè)置的）

Layer Guider－ 這個設(shè)置的是當(dāng)前設(shè)計(jì)文件分辨率（有基本的Px,還有針對Android的一系列DPI）

Each Layer- 是否針對每一個圖層標(biāo)注

給大家舉一個例子

1.PS中繪制3個基本形狀（3個獨(dú)立圖層）

2.復(fù)選3個形狀圖層

3.勾選 Each Layer，點(diǎn)擊A，查看結(jié)果

未勾選 Each Layer，點(diǎn)擊A，查看結(jié)果

應(yīng)該可以看出來兩者的區(qū)別了吧？前者3個形狀都會進(jìn)行標(biāo)注，后者將以3個形狀整體進(jìn)行標(biāo)注

四.其他說明

其實(shí)大家能夠看懂以上操作說明，基本上就可以完成PS標(biāo)注工作了，但是如果希望可以獲得更高級的參數(shù)設(shè)置，那就得查看一下 “設(shè)置”功能了

又是英文，頭又大了吧，其實(shí)不用太擔(dān)心，我在此和小伙伴們大致說一下就能夠理解了

第一組：對于標(biāo)注字體的設(shè)置（字體、大小、抗鋸齒、顏色、粗體）

第二組：當(dāng)前分辨率、僅顯示整數(shù)、顏色值顯示方式、字體單位

第三組：標(biāo)注是否創(chuàng)建一個背景（例如背景色和標(biāo)注色相近時），及相關(guān)設(shè)置

第四組：原點(diǎn)設(shè)置

第五組：標(biāo)注文檔在PSD文件中的設(shè)置（一般就默認(rèn)吧）

嗯～Assistor PS 標(biāo)注功能差不多就說這么多了，希望小伙伴們看了官方的視頻以及我這個人的理解整理出來的文字，可以更好的實(shí)現(xiàn)標(biāo)注，少和程序開發(fā)拌嘴，多多進(jìn)行親切友好的交談！

最后還是說明一下，因?yàn)閭€人水平有限，在文章中難免有一些紕漏和錯誤之處，請大家理解并給予更正！在此謝過！