感覺(jué)年底是免費(fèi)資源的狂歡大會(huì)呢。今天一口氣分享兩款神器，Size Marks 可以自動(dòng)標(biāo)注尺寸，設(shè)計(jì)師與前端人員都用得上，非常方便。Renamy是用來(lái)快捷命名Photoshop圖層的，特別適合于多圖層的PSD設(shè)計(jì)文件，兩款都是免費(fèi)使用的，趕緊來(lái)收吧。

Size Marks 是用在Photoshop的一個(gè)自動(dòng)標(biāo)注尺寸腳本，可以方便設(shè)計(jì)師和前端人員在效果圖上添加尺寸，很實(shí)用哦！雖然很早就有類似的工具，但大部分為收費(fèi)，而這個(gè)是免費(fèi)的。

下面來(lái)看看介紹：

安裝方法

1. 下載Size marks：微盤下載

2. 復(fù)制Size Marks.jsx到Photoshop的腳本文件夾。

• OS X: /Applications/[Photoshop]/Presets/Scripts/
• Windows: C:\[Program Files]\Adobe\[Photoshop]\Presets\Scripts

3. 重啟Photoshop，點(diǎn)擊【文件】菜單 – 【腳本】 -Size Marks，如果有顯示，表示安裝成功了，如下圖。

4. 設(shè)置腳本快捷鍵，點(diǎn)擊【編輯】菜單 – 【鍵盤快捷鍵和菜單】- 然后拉到Size Marks上為其設(shè)置快捷鍵。如下圖：

建議使用快捷鍵：

• OX S系統(tǒng)：Shift+cmd+P
• WIN系統(tǒng)：Shift+Ctrl+P

使用方法

使用這個(gè)擴(kuò)展是很簡(jiǎn)單的，直接看下面的GIF圖你就會(huì)明白了。

1. 選擇“矩形選框工具(M)”

2. 繪制一個(gè)矩形

3. 按剛才設(shè)置的腳本快捷鍵Shift+Ctrl+P，接著就會(huì)自動(dòng)顯示標(biāo)注了，如下圖：

疑問(wèn)

Size Marks腳本是如何判斷水平和垂直標(biāo)注呢？

經(jīng)小編測(cè)試，它是根據(jù)你畫(huà)的矩形的長(zhǎng)度來(lái)判斷的。比如你畫(huà)了個(gè)25 * 30px的矩形，那么它就以30px來(lái)標(biāo)注，如果是正方形，就默認(rèn)為垂直標(biāo)注。

素材版權(quán)：免費(fèi)使用

兼容性：小編在 OS X Yosemite 上使用 Photoshop CC 2014 測(cè)試可用。

PS圖層快捷命名擴(kuò)展工具 —— Renamy

Renamy是用來(lái)快捷命名Photoshop圖層的擴(kuò)展，特別適合于多圖層的PSD設(shè)計(jì)文件。比如目前制作APP UI的設(shè)計(jì)項(xiàng)目，一個(gè)APP會(huì)有很多按鈕、狀態(tài)圖標(biāo)等等，一個(gè)好的命名規(guī)范是必須的，特別是使用它與切圖工具Cut&Slice配合，這樣會(huì)真的很方便哦。

文件下載：微盤下載

特色

• 支持多個(gè)圖層命名，包換只改組名稱。可替換或接著在原圖層名稱后面添加新名稱。
• 支持查找和替換圖層名稱
• 支持正則表達(dá)式來(lái)命名。

具體操作下載后有PDF說(shuō)明文件，另外建議大家看官網(wǎng)的視頻：

安裝

下載后，有軟件使用說(shuō)明PDF，以及PS CC和PS CC 2014兩個(gè)安裝文件。請(qǐng)選擇對(duì)應(yīng)版本安裝。

版權(quán)：免費(fèi)

兼容性：Photoshop CC，Photoshop CC 2014