Assistor ps

Assistor ps是一款功能非常強(qiáng)大的ps切圖標(biāo)記外掛插件，這款工具可以完全獨(dú)立于ps之外使用，相對(duì)于Slicy和馬克鰻等切圖軟件來說這款A(yù)ssistor ps在切圖標(biāo)注上要厲害的多，而且它獨(dú)有的的Layer Snips功能也能幫設(shè)計(jì)師們節(jié)省很多時(shí)間。

軟件介紹：

Assistor PS的標(biāo)注功能無需贅述，大家看一下他們的演示視頻即可，其中最吸引我的是 Layer Snips 功能，簡(jiǎn)單來說就是把選中的圖層按照其本身或者自定義的大小放到一個(gè)新建的文件里，完全替代我以前手動(dòng)Cmd + Shift + C，然后Cmd + N然后在調(diào)整圖片尺寸的操作，一鍵完成，十分方便，而且只要圖層是矢量的，之后可以直接新建成 @2x 或者 HDPI、XHDPI 等各種尺寸。另外也附帶了圓角、打網(wǎng)格、單位轉(zhuǎn)換等輔助功能。

主要功能：

輕松創(chuàng)建標(biāo)記文檔，一鍵導(dǎo)出圖層

單位數(shù)值轉(zhuǎn)換快速

快速創(chuàng)建參考線（類似 GuideGuide）

圓角矩形調(diào)整

按照固定的間隔復(fù)制圖層

使用說明：

切圖標(biāo)記功能

廣大切圖仔最關(guān)心最常用的功能搶先亮相，尤其是網(wǎng)頁設(shè)計(jì)師和 UI 設(shè)計(jì)師，需要頻繁和開發(fā)工程師打交道，如果不標(biāo)記清楚，開發(fā)做出來的效果有時(shí)候簡(jiǎn)直能嚇?biāo)廊恕?/p>

「你騙人，設(shè)計(jì)稿根本不是這樣的……」「你沒標(biāo)清楚，怪我咯……」「……」「乖，不哭」從此以后，我發(fā)誓，一定要弄出一個(gè)牛逼哄哄的標(biāo)記圖，讓這傲嬌的程序員無理反駁，無地自容……好了不瞎扯了，接下來給大家介紹這個(gè)切圖神器各個(gè)界面的功能詳解。

Each Layer 選中此框可單獨(dú)處理每一個(gè)圖層，不選中則將已選擇的圖層視為一個(gè)整體進(jìn)行處理

分辨率單位設(shè)置 可選擇輸出數(shù)據(jù)的分辨率單位，如 px 以及安卓開發(fā)中常用的各種 Dpi 等

顏色設(shè)置 切換標(biāo)記顏色

標(biāo)記設(shè)置 設(shè)置標(biāo)記環(huán)境

標(biāo)記數(shù)據(jù)輸出 自動(dòng)計(jì)算并輸出所選圖層的位置、大小、間距等信息

引導(dǎo)框 為你所選的尺寸或者圖層創(chuàng)建一個(gè)引導(dǎo)框

一鍵切圖 快速切出并保存所選圖層

數(shù)據(jù)提取 輸出所選圖層的數(shù)據(jù)信息

復(fù)制全部 復(fù)制上面第八項(xiàng)的數(shù)據(jù)到剪貼板

點(diǎn)開標(biāo)記設(shè)置，我們可以看到下面的界面：

輸出設(shè)置 指定輸出數(shù)據(jù)的的各種設(shè)置，如字體、小號(hào)、抗鋸齒、顏色及加粗。

分辨率單位設(shè)置

小數(shù)/整數(shù)設(shè)定 選中則四舍五入輸出整數(shù)

顏色代碼類型設(shè)置 RGB 或者 HEX，具體什么類型，看程序員的編碼習(xí)慣

字體單位設(shè)置 PT、PX、SP

創(chuàng)建標(biāo)記背景 有時(shí)候我們的標(biāo)記可能與設(shè)計(jì)稿的顏色相近影響閱讀，這時(shí)候添加背景可以使之更加清晰

控制點(diǎn)設(shè)置 可以選中標(biāo)記從所選圖層的左上角、右上角等地方開始

第一行選中則標(biāo)記后自動(dòng)鏈接圖層。第二行選中則每次標(biāo)記自動(dòng)創(chuàng)建組

標(biāo)記坐標(biāo)

選擇一個(gè)或者多個(gè)圖層，點(diǎn)擊標(biāo)記坐標(biāo)按鈕即可標(biāo)記。或者（Alt+1）。按鈕右邊的小三角形可以進(jìn)入該功能的設(shè)置頁面，可選擇標(biāo)記的格式及指定標(biāo)記位置。

有時(shí)候我們需要標(biāo)記相對(duì)坐標(biāo)，怎么做？先用選區(qū)工具選擇一個(gè)區(qū)域，然后再開始標(biāo)記即可

標(biāo)記大小

同樣選圖層后點(diǎn)按鈕標(biāo)記�；蛘撸ˋlt+2）。小三角形可以設(shè)置標(biāo)記的格式及選擇同時(shí)標(biāo)記寬高還是標(biāo)記其一。

標(biāo)記距離

這里的標(biāo)記有三種情況，快捷鍵（Alt+3）。小三角形可以設(shè)置標(biāo)記的格式。

選中兩個(gè)圖層，標(biāo)記兩個(gè)圖層之間的距離

利用選區(qū)工具拉個(gè)區(qū)域，標(biāo)記該區(qū)域較長(zhǎng)的邊

只選擇一個(gè)圖層，標(biāo)記該圖層與畫布間的距離

標(biāo)記文字信息

根據(jù)設(shè)置輸出文字的相關(guān)信息�？旖萱I（Alt+4）。

點(diǎn)擊小三角形，可選擇信息選項(xiàng)。

分割線上部分為是否顯示引導(dǎo)線，效果如下圖，左邊為顯示引導(dǎo)線，右邊為不顯示。

分割線下半部分則設(shè)置是否顯示字體的相關(guān)信息，依次為字體族、字體樣式、字體大小、行高、字體眼顏色、效果（陰影）。