免費了!切圖標記外掛神器ASSISTOR PS深入解讀(下)

《切圖標記外掛神器ASSISTOR PS深入解讀(上)》中,@紀凡_Given?給大家介紹了即將免費的切圖標記外掛 Assistor PS 強大的標記功能,然后,這個神器的功能僅僅如此?本文將為介紹 Assistor PS 其他喪心病狂的功能:創(chuàng)建引導框,一鍵全自動切圖,創(chuàng)建參考線,單位轉換器,取色器,圓角矩形轉換,按照固定間隔復制圖層等。

創(chuàng)建引導框

為你選擇的圖層創(chuàng)建引導框。快捷鍵(Alt+Q)。

免費了!切圖標記外掛神器ASSISTOR PS深入解讀(下)

點擊旁邊的小三角可設置引導框的大小。

免費了!切圖標記外掛神器ASSISTOR PS深入解讀(下)

對于一些初級切圖仔來說,這個功能可能沒什么接觸過。有時候我們需要為一些特殊圖層創(chuàng)建引導框后再進行標記,具體作用及重要性,請看下面的例子。 錯誤的標記

免費了!切圖標記外掛神器ASSISTOR PS深入解讀(下)

正確的標記

免費了!切圖標記外掛神器ASSISTOR PS深入解讀(下)

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

一鍵切圖

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

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

同樣點擊右邊的小三角形,我們可以對功能進一步設置,使之更快更全自動。

免費了!切圖標記外掛神器ASSISTOR PS深入解讀(下)

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

創(chuàng)建參考線

相信很多人,尤其是 UI 設計師,網(wǎng)頁設計師都用過 Guide Guide 來創(chuàng)建參考線, Assistor PS 包含了 GG 的大部分功能。

免費了!切圖標記外掛神器ASSISTOR PS深入解讀(下)

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

參考線設置(這里不過多介紹,只給出翻譯)

免費了!切圖標記外掛神器ASSISTOR PS深入解讀(下)

單位轉換器(附贈取色器)

免費了!切圖標記外掛神器ASSISTOR PS深入解讀(下)

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

圓角矩形轉換

免費了!切圖標記外掛神器ASSISTOR PS深入解讀(下)

可以把圓的換成方的把方的換成圓的。勾選 each corner 可單獨編輯每個角。使用前請先在 PS 選擇一個矩形。

按照固定的間隔復制圖層

免費了!切圖標記外掛神器ASSISTOR PS深入解讀(下)

又是一個炒雞實用的功能,具體效果請看例子:

使用前:

免費了!切圖標記外掛神器ASSISTOR PS深入解讀(下)

設置 Assistor PS 如下(列數(shù)3,行數(shù)3,列間隔50px,行間隔50px)

免費了!切圖標記外掛神器ASSISTOR PS深入解讀(下)

使用后:

免費了!切圖標記外掛神器ASSISTOR PS深入解讀(下)

不過建議大家用完稍微花點時間填充下數(shù)據(jù),如下圖:

免費了!切圖標記外掛神器ASSISTOR PS深入解讀(下)

感謝大家的閱讀,Assistor PS 的詳細介紹也到此結束,希望大家憑借此神器,變身高級切圖師,hold 住所有需求。碼字不易,喜歡不妨點個贊吧。

人氣過萬的神器推薦!設計師必備!

摳圖神器!輕松搞定高難度摳圖!
《PS摳圖神器:KnockOut 2.0漢化版下載及教程》

效果超贊的多邊形神器免費下載!
《這效果超火!教你創(chuàng)建高大上的多邊形字體》

一鍵生成像素級輔助線的神器推薦!
《PS 參考線插件GUIDEGUIDE下載及使用說明》

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

【優(yōu)設網(wǎng) 原創(chuàng)文章 投稿郵箱:2650232288@qq.com】

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

免費了!切圖標記外掛神器ASSISTOR PS深入解讀(下)

收藏 22
點贊 2

復制本文鏈接 文章為作者獨立觀點不代表優(yōu)設網(wǎng)立場,未經(jīng)允許不得轉載。