西西軟件園多重安全檢測下載網(wǎng)站、值得信賴的軟件下載站!
軟件
軟件
文章
搜索

首頁西西教程photoshop → ASSISTOR PS使用方法 ASSISTOR PS切圖外掛使用教程

ASSISTOR PS使用方法 ASSISTOR PS切圖外掛使用教程

相關(guān)軟件相關(guān)文章發(fā)表評論 來源:西西整理時(shí)間:2015/5/18 14:18:31字體大。A-A+

作者:西西點(diǎn)擊:486次評論:0次標(biāo)簽: Assistorps 切圖神器 切圖標(biāo)記

Assistor ps官方免費(fèi)版
  • 類型:濾鏡插件大小:2.0M語言:中文 評分:1.6
  • 標(biāo)簽:
立即下載

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)吧)

視頻教程:

    相關(guān)評論

    閱讀本文后您有什么感想? 已有人給出評價(jià)!

    • 8 喜歡喜歡
    • 3 頂
    • 1 難過難過
    • 5 囧
    • 3 圍觀圍觀
    • 2 無聊無聊

    熱門評論

    最新評論

    發(fā)表評論 查看所有評論(0)

    昵稱:
    表情: 高興 可 汗 我不要 害羞 好 下下下 送花 屎 親親
    字?jǐn)?shù): 0/500 (您的評論需要經(jīng)過審核才能顯示)