ASSISTOR PS是一款Photoshop的切圖外掛神器,這款外掛插件對于設(shè)計(jì)師們來說無疑是一款神器,可以幫你很輕松的完成切圖操作。主要功能有標(biāo)注、切圖、圓角設(shè)置等,當(dāng)然它參考線自定義和單位換算功能也很牛。這里西西給大家?guī)硪黄狝SSISTOR PS使用教程,希望對初次使用這款插件的用戶有所幫助。
一.如何運(yùn)行Assistor PS
使用這個(gè)Assistor PS 軟件有一個(gè)最最重要的條件,那就是:你要打開你的Photoshop (官方建議版本在CS 3以上,小伙伴們應(yīng)該不至于那么懷舊吧?)
然后我們就可以根據(jù)上一節(jié)《PS外掛:Assistor PS 使用指南-軟件介紹與下載》 里面提供給大家的下載鏈接,自行下載-安裝-運(yùn)行。
運(yùn)行成功后(我的是Mac版,PC設(shè)計(jì)上有所不同,但是功能一樣)
二.Assistor PS都有什么功能?
哎~打開后有木有不明覺厲的趕腳(英文不好,看不懂)。小伙伴們?nèi)绻粠讉(gè)單詞就打倒了,那就太沒出息了!哈哈,好在有我這樣無(xian)私(de)奉(dan)獻(xiàn)(teng)的家伙,給大家純手工漢化(對不起,木有漢化補(bǔ)丁下載,每次運(yùn)行后都腦補(bǔ)一下吧。
其實(shí)這個(gè)軟件的很多功能,別的軟件也都有,不過這種N合1的功能,簡直太好了(有種小霸王其樂無窮的意思)
功能上主要就是這5大功能,由于精力有限,我可能沒有辦法一次給小伙伴們分享完整,所以請大家及時(shí)關(guān)注我微博或者微信(UIBang)。今天這一篇文章先說一下第一個(gè)“標(biāo)注”功能,也是這個(gè)軟件的核心功能。
三.如何使用Assistor PS進(jìn)行標(biāo)注?
作為UI設(shè)計(jì)師往往遇見一件很郁悶的一件事,就是和開發(fā)工程師打交道,進(jìn)行工作上的對接,真是煩煩煩!問題出現(xiàn)在哪?主要是設(shè)計(jì)層面與技術(shù)層面的銜接不好!如果有明確清楚的標(biāo)注,那么設(shè)計(jì)師和工程師就不會有那么多“愛恨情仇”了!好,那只需要我們解決這個(gè)問題不就好了嗎?
例如:需要標(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個(gè)選項(xiàng)按鈕右側(cè)都有一個(gè)下拉剪頭可以展開,此處主要是修改標(biāo)注表現(xiàn)形式與基本設(shè)置的)
Layer Guider- 這個(gè)設(shè)置的是當(dāng)前設(shè)計(jì)文件分辨率(有基本的Px,還有針對Android的一系列DPI)
Each Layer- 是否針對每一個(gè)圖層標(biāo)注
給大家舉一個(gè)例子
1.PS中繪制3個(gè)基本形狀(3個(gè)獨(dú)立圖層)
2.復(fù)選3個(gè)形狀圖層
3.勾選 Each Layer,點(diǎn)擊A,查看結(jié)果
未勾選 Each Layer,點(diǎn)擊A,查看結(jié)果
應(yīng)該可以看出來兩者的區(qū)別了吧?前者3個(gè)形狀都會進(jìn)行標(biāo)注,后者將以3個(gè)形狀整體進(jìn)行標(biāo)注
四.其他說明
其實(shí)大家能夠看懂以上操作說明,基本上就可以完成PS標(biāo)注工作了,但是如果希望可以獲得更高級的參數(shù)設(shè)置,那就得查看一下 “設(shè)置”功能了
又是英文,頭又大了吧,其實(shí)不用太擔(dān)心,我在此和小伙伴們大致說一下就能夠理解了
第一組:對于標(biāo)注字體的設(shè)置(字體、大小、抗鋸齒、顏色、粗體)
第二組:當(dāng)前分辨率、僅顯示整數(shù)、顏色值顯示方式、字體單位
第三組:標(biāo)注是否創(chuàng)建一個(gè)背景(例如背景色和標(biāo)注色相近時(shí)),及相關(guān)設(shè)置
第四組:原點(diǎn)設(shè)置
第五組:標(biāo)注文檔在PSD文件中的設(shè)置(一般就默認(rèn)吧)
視頻教程: