• 百圖網免費素材千人群

百圖網 > 設計教程 > 軟件下載 > 切圖標記外掛神器ASSISTOR 免費下載

切圖標記外掛神器ASSISTOR 免費下載

damaer
damaer

2017-08-03

評論 0

瀏覽

收藏

首先要告訴大家一個好消息,原本 $9.99 一個月 / $99.9 一年 的 Assistor PS 現已免費下載。對于學生用戶全面免費,而其他用戶在今年 6 月之后就不用再購買商業許可證也可以免費使用,功能強大,特別好用 >> >

Assistor官方下載地址

http://witstudio.net/en/assistor/download

基本介紹

與其他切圖標記軟件不同的是,Assistor PS 是完全獨立于 PS 本身的,說是一個外掛更加合適,旨在提高切圖標記的效率及速度。雖然不是一個插件,但是它與 PS 是連通的,當你在 PS 選擇一個圖層在后,即可使用它的功能。如果你肯花點時間下載是試用,相信不會讓你失望,甚至能可能讓你覺得相見恨晚。

bg20150413 (1)

主要功能如下:

  • 輕松創建標記文檔,一鍵導出圖層
  • 單位數值轉換快速
  • 快速創建參考線(類似 GuideGuide)
  • 圓角矩形調整
  • 按照固定的間隔復制圖層

官方介紹視頻(已 fanqiang 轉到優酷):http://v.youku.com

Assistor PS 適用于 PS 3.0 以上的版本,同時兼容 Windows 系統和 Mac 系統。

看完視頻,心急的同學可先直接前往它家的網站 http://witstudio.net/en/assistor/download 進行下載。

想了解更加詳細的功能介紹的及一些使用小技巧的,可以繼續往下看。

切圖標記功能

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

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

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

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

bg20150413 (2)
  1. 輸出設置 指定輸出數據的的各種設置,如字體、小號、抗鋸齒、顏色及加粗。
  2. 分辨率單位設置
  3. 小數/整數設定 選中則四舍五入輸出整數
  4. 顏色代碼類型設置 RGB 或者 HEX,具體什么類型,看程序員的編碼習慣
  5. 字體單位設置 PT、PX、SP
  6. 創建標記背景 有時候我們的標記可能與設計稿的顏色相近影響閱讀,這時候添加背景可以使之更加清晰
  7. 控制點設置 可以選中標記從所選圖層的左上角、右上角等地方開始
  8. 第一行選中則標記后自動鏈接圖層。第二行選中則每次標記自動創建組

標記坐標

選擇一個或者多個圖層,點擊標記坐標按鈕即可標記。或者(Alt+1)。按鈕右邊的小三角形可以進入該功能的設置頁面,可選擇標記的格式及指定標記位置。

bg20150413 (3)

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

bg20150413 (4)

標記大小

同樣選圖層后點按鈕標記。或者(Alt+2)。小三角形可以設置標記的格式及選擇同時標記寬高還是標記其一。

bg20150413 (5)

標記距離

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

  1. 選中兩個圖層,標記兩個圖層之間的距離
  2. 利用選區工具拉個區域,標記該區域較長的邊
  3. 只選擇一個圖層,標記該圖層與畫布間的距離
bg20150413 (6)

標記文字信息

根據設置輸出文字的相關信息。快捷鍵(Alt+4)。

bg20150413 (7)

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

bg20150413 (8)

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

bg20150413 (9)

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

感謝大家的閱讀,下篇文章我們將學習 Assistor PS 的其他功能,如引導框、一鍵切圖、創建參考線、圓角矩形轉換、按照固定的間隔復制圖層等。近期發布。

: 神器 圖標

闪电之神怎么玩