Assistor ps

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

軟件介紹：

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

主要功能：

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

單位數值轉換快速

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

圓角矩形調整

按照固定的間隔復制圖層

使用說明：

切圖標記功能

廣大切圖仔最關心最常用的功能搶先亮相，尤其是網頁設計師和 UI 設計師，需要頻繁和開發(fā)工程師打交道，如果不標記清楚，開發(fā)做出來的效果有時候簡直能嚇死人。

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

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

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

顏色設置 切換標記顏色

標記設置 設置標記環(huán)境

標記數據輸出 自動計算并輸出所選圖層的位置、大小、間距等信息

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

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

數據提取 輸出所選圖層的數據信息

復制全部 復制上面第八項的數據到剪貼板

點開標記設置，我們可以看到下面的界面：

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

分辨率單位設置

小數/整數設定 選中則四舍五入輸出整數

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

字體單位設置 PT、PX、SP

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

控制點設置 可以選中標記從所選圖層的左上角、右上角等地方開始

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

標記坐標

選擇一個或者多個圖層，點擊標記坐標按鈕即可標記�；蛘撸ˋlt+1）。按鈕右邊的小三角形可以進入該功能的設置頁面，可選擇標記的格式及指定標記位置。

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

標記大小

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

標記距離

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

選中兩個圖層，標記兩個圖層之間的距離

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

只選擇一個圖層，標記該圖層與畫布間的距離

標記文字信息

根據設置輸出文字的相關信息�？旖萱I（Alt+4）。

點擊小三角形，可選擇信息選項。

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

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