Assistor ps

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

軟件介紹：

Assistor PS的標(biāo)注功能無需贅述，大家看一下他們的演示視頻即可，其中最吸引我的是 Layer Snips 功能，簡單來說就是把選中的圖層按照其本身或者自定義的大小放到一個新建的文件里，完全替代我以前手動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è)計師和 UI 設(shè)計師，需要頻繁和開發(fā)工程師打交道，如果不標(biāo)記清楚，開發(fā)做出來的效果有時候簡直能嚇?biāo)廊恕?/p>

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

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

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

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

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

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

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

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

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

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

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

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

分辨率單位設(shè)置

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

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

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

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

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

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

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

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

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

標(biāo)記大小

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

標(biāo)記距離

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

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

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

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

標(biāo)記文字信息

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

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

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

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