Assistor PS切圖神器簡(jiǎn)介

與其他切圖標(biāo)記軟件不同的是，Assistor PS 是完全獨(dú)立于 Photoshop 本身的，說(shuō)是一個(gè)外掛更加合適，Assistor PS旨在提高切圖標(biāo)記的效率及速度。雖然不是一個(gè)插件，但是它與 PS 是連通的，當(dāng)你在 PS 選擇一個(gè)圖層在后，即可使用它的功能。如果你肯花點(diǎn)時(shí)間下載是試用，相信不會(huì)讓你失望，甚至能可能讓你覺(jué)得相見(jiàn)恨晚。

主要功能如下：

• 輕松創(chuàng)建標(biāo)記文檔，一鍵導(dǎo)出圖層
• 單位數(shù)值轉(zhuǎn)換快速
• 快速創(chuàng)建參考線（類(lèi)似 GuideGuide）
• 圓角矩形調(diào)整
• 按照固定的間隔復(fù)制圖層

Assistor PS 適用于 PS 3.0 以上的版本，同時(shí)兼容 Windows 系統(tǒng)和 Mac 系統(tǒng)。

Assistor ps中文漢化版安裝使用說(shuō)明

1、下載地址中包含Assistor ps綠化版，節(jié)約出來(lái)直接即可使用。

2、如果你不喜歡綠化版，也有安裝版

a、先安裝"AssistorPS_Setup.exe"英文原版

b、把Assistor-PS_中文補(bǔ)丁中的“zh-CN”文件夾整個(gè)復(fù)制到AssistorPS安裝目錄即可。

assistor ps怎么用

切圖標(biāo)記功能

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

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

1. Each Layer 選中此框可單獨(dú)處理每一個(gè)圖層，不選中則將已選擇的圖層視為一個(gè)整體進(jìn)行處理
2. 分辨率單位設(shè)置 可選擇輸出數(shù)據(jù)的分辨率單位，如 px 以及安卓開(kāi)發(fā)中常用的各種 Dpi 等
3. 顏色設(shè)置 切換標(biāo)記顏色
4. 標(biāo)記設(shè)置 設(shè)置標(biāo)記環(huán)境
5. 標(biāo)記數(shù)據(jù)輸出 自動(dòng)計(jì)算并輸出所選圖層的位置、大小、間距等信息
6. 引導(dǎo)框 為你所選的尺寸或者圖層創(chuàng)建一個(gè)引導(dǎo)框
7. 一鍵切圖 快速切出并保存所選圖層
8. 數(shù)據(jù)提取 輸出所選圖層的數(shù)據(jù)信息
9. 復(fù)制全部 復(fù)制上面第八項(xiàng)的數(shù)據(jù)到剪貼板

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

1. 輸出設(shè)置 指定輸出數(shù)據(jù)的的各種設(shè)置，如字體、小號(hào)、抗鋸齒、顏色及加粗。
2. 分辨率單位設(shè)置
3. 小數(shù)/整數(shù)設(shè)定 選中則四舍五入輸出整數(shù)
4. 顏色代碼類(lèi)型設(shè)置 RGB 或者 HEX，具體什么類(lèi)型，看程序員的編碼習(xí)慣
5. 字體單位設(shè)置 PT、PX、SP
6. 創(chuàng)建標(biāo)記背景 有時(shí)候我們的標(biāo)記可能與設(shè)計(jì)稿的顏色相近影響閱讀，這時(shí)候添加背景可以使之更加清晰
7. 控制點(diǎn)設(shè)置 可以選中標(biāo)記從所選圖層的左上角、右上角等地方開(kāi)始
8. 第一行選中則標(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è)置頁(yè)面，可選擇標(biāo)記的格式及指定標(biāo)記位置。

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

標(biāo)記大小

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

標(biāo)記距離

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

1. 選中兩個(gè)圖層，標(biāo)記兩個(gè)圖層之間的距離
2. 利用選區(qū)工具拉個(gè)區(qū)域，標(biāo)記該區(qū)域較長(zhǎng)的邊
3. 只選擇一個(gè)圖層，標(biāo)記該圖層與畫(huà)布間的距離

標(biāo)記文字信息

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

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

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

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

下面介紹的是 Assistor PS 其他喪心病狂的功能：創(chuàng)建引導(dǎo)框，一鍵全自動(dòng)切圖，創(chuàng)建參考線，單位轉(zhuǎn)換器，取色器，圓角矩形轉(zhuǎn)換，按照固定間隔復(fù)制圖層等。

創(chuàng)建引導(dǎo)框

為你選擇的圖層創(chuàng)建引導(dǎo)框?？旖萱I（Alt+Q）。

點(diǎn)擊旁邊的小三角可設(shè)置引導(dǎo)框的大小。

對(duì)于一些初級(jí)切圖仔來(lái)說(shuō)，這個(gè)功能可能沒(méi)什么接觸過(guò)。有時(shí)候我們需要為一些特殊圖層創(chuàng)建引導(dǎo)框后再進(jìn)行標(biāo)記，具體作用及重要性，請(qǐng)看下面的例子。 錯(cuò)誤的標(biāo)記

正確的標(biāo)記

這里我先是為每個(gè)環(huán)肥燕瘦的圖標(biāo)創(chuàng)建統(tǒng)一的引導(dǎo)框，大小為38px*38px，然后再標(biāo)記每個(gè)引導(dǎo)框之間的間隔。如果沒(méi)有這個(gè)引導(dǎo)框，按照第一個(gè)標(biāo)記，標(biāo)出來(lái)的數(shù)據(jù)亂七八糟不說(shuō)，開(kāi)發(fā)同學(xué)在編碼的時(shí)候還要量一下空白像素……

一鍵切圖

吊炸天而且復(fù)雜到讓作者凌亂的切圖功能就藏在這個(gè)神奇的按鈕下。此功能的工作原理大概是把需要切的圖層復(fù)制到一個(gè)新窗口里面保存。具體使用步驟如下:

1. 選擇你要切的圖層
2. 如果需要對(duì)每個(gè)圖層單獨(dú)切出，請(qǐng)勾選 each layer
3. 點(diǎn)擊切圖按鈕，或者快捷鍵（Alt+W）,此時(shí) PS 就像開(kāi)了腳本的游戲，全自動(dòng)啪啪啪地切了起來(lái)……（切圖復(fù)制出來(lái)的新窗口大小等于圖層的實(shí)際大小，包括該圖層的樣式，比如投影）
4. 當(dāng)你使用選區(qū)工具拉出一個(gè)選區(qū)之后，將切出每個(gè)圖層在該選區(qū)的切片，切片的大小和該選區(qū)的大小一致。假如你選了一個(gè)圖層，但是這個(gè)圖層在這選區(qū)里面是沒(méi)有任何東西的，那你切出來(lái)的切片就是全空白的。（這里稍微比較復(fù)雜，有興趣可以自己嘗試動(dòng)作操作理會(huì)下。）

同樣點(diǎn)擊右邊的小三角形，我們可以對(duì)功能進(jìn)一步設(shè)置，使之更快更全自動(dòng)。

1. 設(shè)置固定大小。有時(shí)候我們需要切包含透明像素的圖層，比如上面標(biāo)記的四個(gè)社交圖標(biāo)，可以設(shè)置38px*38px，后再下進(jìn)行切圖。
2. 輸出比例。這里可以選擇輸出比例，比如@2x，50%，安卓的 HDPI 等，Assistor PS 會(huì)自動(dòng)幫你計(jì)算并輸出。
3. 自動(dòng)保存設(shè)置。建議勾選 auto save 和 save and close，這樣會(huì)自動(dòng)保存切片并關(guān)掉新建的切片窗口。Path 設(shè)置保存路徑。Suffix option @2x 勾選后會(huì)自動(dòng)在@2x切片的文件名加 @2x。

創(chuàng)建參考線

相信很多人，尤其是 UI 設(shè)計(jì)師，網(wǎng)頁(yè)設(shè)計(jì)師都用過(guò) Guide Guide 來(lái)創(chuàng)建參考線， Assistor PS 包含了 GG 的大部分功能。

1. 創(chuàng)建水平居中參考線 如果沒(méi)有選區(qū)，則創(chuàng)建整個(gè)畫(huà)布的水平居中參考線。
2. 創(chuàng)建垂直居中參考線 同上。
3. 刪除參考線
4. 參考線設(shè)置（詳見(jiàn)下文）
5. 清除所有設(shè)置
6. 根據(jù)設(shè)置創(chuàng)建參考線

參考線設(shè)置（這里不過(guò)多介紹，只給出翻譯）

單位轉(zhuǎn)換器（附贈(zèng)取色器）

1. 輸入數(shù)值
2. 選擇基本單位
3. 轉(zhuǎn)換結(jié)果
4. 顏色編碼
5. 取色器（可取屏幕任何位置的顏色！隱藏得太深了，我才發(fā)現(xiàn)……）

圓角矩形轉(zhuǎn)換

可以把圓的換成方的把方的換成圓的。勾選 each corner 可單獨(dú)編輯每個(gè)角。使用前請(qǐng)先在 PS 選擇一個(gè)矩形。

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

又是一個(gè)炒雞實(shí)用的功能，具體效果請(qǐng)看例子：

使用前：

設(shè)置 Assistor PS 如下（列數(shù)3，行數(shù)3，列間隔50px，行間隔50px）

使用后：

不過(guò)建議大家用完稍微花點(diǎn)時(shí)間填充下數(shù)據(jù)，如下圖：

免費(fèi)切圖標(biāo)記外掛神器Assistor ps中文版下載頁(yè)面