PS外掛:Assistor PS 使用教程(4)
啥?外掛?你當(dāng)這里是傳奇。ㄒ豢80后經(jīng)典網(wǎng)游,這個是不是暴露年齡了),PS怎么搞出外掛啦?
哈~我相信很多小伙伴和我一樣,第一次聽說PS外掛時,我們和我們的小伙伴們都驚呆了!插件倒是聽說過,外掛又為何物?
其實外掛只是可愛的設(shè)計師們對這一類工具的“尊稱”,因為它可以獨立運作,不需要像PS插件一樣,必須到PS的功能菜單里面找到再運行使用(這貨還真是外掛,和之前玩網(wǎng)游作弊的一個意思嘛),往往這一類神奇的工具軟件,我們經(jīng)常就稱之為“神器”。而今天給大家介紹的神器:Assistor PS,它獲此殊榮真是當(dāng)之無愧!你第一次使用它你就會愛上它的!
很多小伙伴估計是著急了,(性子急的小伙伴直接跳過,進入下一章吧)不過為了尊重軟件開發(fā)者,我還是要正式的給大家介紹一下這款PS外掛工具-Assistor PS
Assistor PS 是一個PhotoShop 的輔助性質(zhì)的工具軟件?梢詭椭鶸I設(shè)計師以及網(wǎng)頁設(shè)計師們很大程度的提高工作效率。主打功能為:標(biāo)注、切圖、圓角設(shè)置等,當(dāng)然它參考線自定義和單位換算功能也很牛。說了這么多很多小伙伴還沒見過Assistor PS廬山真面目了,那各位看圖吧
傳送門:http://assistor.net/en/assistor
看上去很牛吧?只看不用怎么可以?需要下載體驗哦(現(xiàn)在小伙伴們有福了,因為現(xiàn)在已經(jīng)免費了,之前是 $9.99 一個月 / ¥99.9 一年,免費試用一個月)(話說軟件有韓語、有英語、有日語版本~敢不敢來個中文的!。
哈~好啦!看到這一步小伙伴們應(yīng)該都已經(jīng)完成下載了!想學(xué)怎么使用Assistor PS的童鞋,那么就趕緊吧!
最后的最后,記得關(guān)注與支持我哦!哈~給我一個動力,分享下去!還有不少功能的介紹,我會稍后整理分享給大家的!
看完上面的Assistor PS的功能介紹視頻,相信不少小伙伴已經(jīng)基本掌握了這個軟件的使用方法了。這個軟件本身就是很“傻瓜”的,比較容易上手!
問題是…問題是當(dāng)你是正巧又是一個英語很爛的“傻瓜”,這個還這是難道了不少剛剛接觸Assistor PS的小伙伴們。說實話,這個時候很多小伙伴們會選擇度娘和谷哥,經(jīng)過自己七七四十九天的苦心專研(哈哈,夸張了點),終于明白這個工具怎么個意思,怎么運用了。我自己研究過程中也發(fā)現(xiàn)一些問題:
1.網(wǎng)上相關(guān)的教程指南太少了,幾乎木有幾篇。(可能大神們英語都很好,一看就會了)
2.大家都是自學(xué)會使用之后沒有把總結(jié)分享出來。(這樣就是看著無數(shù)的新人重復(fù)自己走得老路)
基于以上兩點,我覺得這么好用的工具,一定要記錄一下自己學(xué)習(xí)和總結(jié)下來的知識和技巧,這樣才對得起自己,對得起新人,也對得起這個軟件的開發(fā)者!
好了,話不多說,開始吧!
一.如何運行Assistor PS
使用這個Assistor PS 軟件有一個最最重要的條件,那就是:你要打開你的Photoshop (官方建議版本在CS 3以上,小伙伴們應(yīng)該不至于那么懷舊吧?)
然后我們就可以根據(jù)上一節(jié)《PS外掛:Assistor PS 使用指南-軟件介紹與下載》 里面提供給大家的下載鏈接,自行下載-安裝-運行。
運行成功后(我的是Mac版,PC設(shè)計上有所不同,但是功能一樣)
二.Assistor PS都有什么功能?
哎~打開后有木有不明覺厲的趕腳(英文不好,看不懂)。小伙伴們?nèi)绻粠讉單詞就打倒了,那就太沒出息了!哈哈,好在有我這樣無(xian)私(de)奉(dan)獻(xiàn)(teng)的家伙,給大家純手工漢化(對不起,木有漢化補丁下載,每次運行后都腦補一下吧!)
其實這個軟件的很多功能,別的軟件也都有,不過這種N合1的功能,簡直太好了(有種小霸王其樂無窮的意思)
功能上主要就是這5大功能,由于精力有限,我可能沒有辦法一次給小伙伴們分享完整,所以請大家及時關(guān)注我微博或者微信(UIBang)。今天這一篇文章先說一下第一個“標(biāo)注”功能,也是這個軟件的核心功能。
三.如何使用Assistor PS進行標(biāo)注?
作為UI設(shè)計師往往遇見一件很郁悶的一件事,就是和開發(fā)工程師打交道,進行工作上的對接,真是煩煩煩!問題出現(xiàn)在哪?主要是設(shè)計層面與技術(shù)層面的銜接不好!如果有明確清楚的標(biāo)注,那么設(shè)計師和工程師就不會有那么多“愛恨情仇”了!好,那只需要我們解決這個問題不就好了嗎?
例如:需要標(biāo)注一下PS文件中矩形的位置、尺寸、間隔等信息
效果我們已經(jīng)看見了,是如何實現(xiàn)的呢?
PS中選中需要標(biāo)注的圖層后,點擊下方圖例的ABCD
A:標(biāo)注對象坐標(biāo)位置
B:標(biāo)注對象尺寸大小
C:標(biāo)注對象距離間隔
D:標(biāo)注文字對象屬性
(細(xì)心的小伙伴們可能已經(jīng)留意了,在ABCD4個選項按鈕右側(cè)都有一個下拉剪頭可以展開,此處主要是修改標(biāo)注表現(xiàn)形式與基本設(shè)置的)
Layer Guider- 這個設(shè)置的是當(dāng)前設(shè)計文件分辨率(有基本的Px,還有針對Android的一系列DPI)
Each Layer- 是否針對每一個圖層標(biāo)注
給大家舉一個例子
1.PS中繪制3個基本形狀(3個獨立圖層)
2.復(fù)選3個形狀圖層
3.勾選 Each Layer,點擊A,查看結(jié)果
未勾選 Each Layer,點擊A,查看結(jié)果
應(yīng)該可以看出來兩者的區(qū)別了吧?前者3個形狀都會進行標(biāo)注,后者將以3個形狀整體進行標(biāo)注
四.其他說明
其實大家能夠看懂以上操作說明,基本上就可以完成PS標(biāo)注工作了,但是如果希望可以獲得更高級的參數(shù)設(shè)置,那就得查看一下 “設(shè)置”功能了
又是英文,頭又大了吧,其實不用太擔(dān)心,我在此和小伙伴們大致說一下就能夠理解了
第一組:對于標(biāo)注字體的設(shè)置(字體、大小、抗鋸齒、顏色、粗體)
第二組:當(dāng)前分辨率、僅顯示整數(shù)、顏色值顯示方式、字體單位
第三組:標(biāo)注是否創(chuàng)建一個背景(例如背景色和標(biāo)注色相近時),及相關(guān)設(shè)置
第四組:原點設(shè)置
第五組:標(biāo)注文檔在PSD文件中的設(shè)置(一般就默認(rèn)吧)
嗯~Assistor PS 標(biāo)注功能差不多就說這么多了,希望小伙伴們看了官方的視頻以及我這個人的理解整理出來的文字,可以更好的實現(xiàn)標(biāo)注,少和程序開發(fā)拌嘴,多多進行親切友好的交談!
最后還是說明一下,因為個人水平有限,在文章中難免有一些紕漏和錯誤之處,請大家理解并給予更正!在此謝過!