亚洲av无码成人专区片在线观看,亚洲av岛国动作片在线观看,少妇,喷水,亚洲av成人无遮挡网站在线观看,天堂网www资源在线

恭喜你成為UI中國推薦設計師 (詳情)
//百度統(tǒng)計 20220402 uicn

您的意見是我們 UI 中國進步的動力!
點擊立即反饋按鈕,發(fā)表您的意見!
立即反饋
QQ群反饋
您也可以加入UI中國官方反饋群進行反饋!
群號:302892100
備注:反饋問題后@管理員能讓我們及時了解您的意見

提交需求

賽事與廣告咨詢合作,請?zhí)顚懶枨蟊韱危覀儠诘谝粫r間與您聯(lián)系!

0/20
0/200

設計大賽

  • 設計大賽
  • 發(fā)布廣告
  • 發(fā)布招聘
  • 其它需求

提交完成
感謝您對UI中國的支持和信賴!
免費了!切圖標記外掛神器 Assistor PS 深入解讀(下)
0.0°
2015-04-23 原創(chuàng)文章 經驗/觀點 原作者: 原作者 舉報 38358 254 128 25

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

創(chuàng)建引導框

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

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

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

正確的標記

這里我先是為每個環(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ū)里面是沒有任何東西的,那你切出來的切片就是全空白的。(這里稍微比較復雜,有興趣可以自己嘗試動作操作理會下。)

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

  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 的大部分功能。

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

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

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

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

圓角矩形轉換

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

按照固定的間隔復制圖層

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

使用前:

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

使用后:

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

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

更新:2015-04-23

收藏

254人已收藏

given

珠海魅族營銷中心招設計師

  • 321

    作品

  • 7024

    粉絲

  • 33

    關注

  • 16 Ai space icons 太空圖標
  • Apple Watch GUI for Sketch 1.1 更新于0424
  • 免費了!切圖標記外掛神器 Assistor PS 深入解讀(上)
  • Duang,如何讓你的設計稿特技加特技

    猜你喜歡

      2015-04-23 原創(chuàng)文章 經驗/觀點 原作者: 原作者 舉報 38358 254 128 25

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

      0.0°

      你確定要舉報免費了!切圖標記外掛神器 Assistor PS 深入解讀(下)?

      如果查出惡意舉報,十天內禁止提交任何舉報申請。

      0/200

      上傳證據(jù): 超過10M的附件請使用網(wǎng)盤地址

      點擊上傳附件

      對誰可見:

      全部設計師
      • 全部設計師
      • 推薦設計師和認證設計師

      您確認要推薦?

      該作品發(fā)布時間:2015年04月23日

      評分

      完整度

      啟發(fā)性

      勤奮性

      排版布局

      推薦心得

      建議20-200字以內

      0/200

      128
      254
      25

      賬號或密碼錯誤,請重新輸入

      賬號或密碼錯誤,請重新輸入

      登錄

      手機號

      發(fā)送驗證碼 120s 驗證碼錯誤

      登錄
      第三方賬號登錄