assistor-ps-introduction-1-1

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

1、您現在看到的是上集,如果想了解神器更多玩法,請看下集 戳這里
2、另外像這樣的設計神器,優設網已經介紹了許多,專題欄目詳情 戳這里

基本介紹

與其他切圖標記軟件不同的是,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. 第一行選中則標記后自動鏈接圖層。第二行選中則每次標記自動創建組

標記坐標

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

bg20150413 (3)

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

bg20150413 (4)

標記大小

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

bg20150413 (5)

標記距離

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

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

bg20150413 (6)

標記文字信息

根據設置輸出文字的相關信息??旖萱I(Alt+4)。

bg20150413 (7)

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

bg20150413 (8)

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

bg20150413 (9)

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

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

【人氣超高的Photoshop冷知識教程系列】

冷知識系列第一期:《那些你不知道的PHOTOSHOP冷知識》
冷知識系列第二期:《第二彈!那些你不知道的PHOTOSHOP冷知識之乾坤大挪移》
冷知識系列第三期:《最終完結篇!那些你不知道的PHOTOSHOP冷知識》
冷知識系列完結篇:《最終完結篇特制版!那些你不知道的PHOTOSHOP冷知識(四)》

原文地址:bigertech
作者:@紀凡_Given

【優設網 原創文章 投稿郵箱:2650232288@qq.com】

================關于優設網================
“優設網uisdc.com“是國內人氣最高的網頁設計師學習平臺,專注分享網頁設計、無線端設計以及PS教程。
【特色推薦】
設計師需要讀的100本書:史上最全的設計師圖書導航:http://hao.uisdc.com/book/。
設計微博:擁有粉絲量93萬的人氣微博@優秀網頁設計 ,歡迎關注獲取網頁設計資源、下載頂尖設計素材。
設計導航:全球頂尖設計網站推薦,設計師必備導航:http://hao.uisdc.com
———————————————————–
想在手機上、被窩里獲取設計教程、經驗分享和各種意想不到的”福利”嗎?
添加 優秀網頁設計 微信號:【youshege】優設哥的全拼
您也可以通過掃描下方二維碼快速添加:

sdcweixin

點贊
收藏 9

發表評論 已發布 4

還可以輸入 800 個字
 
 
載入中....
相關推薦
4 收藏