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

Size Marks 是用在Photoshop的一個自動標注尺寸腳本，可以方便設計師和前端人員在效果圖上添加尺寸，很實用哦！雖然很早就有類似的工具，但大部分為收費，而這個是免費的。

下面來看看介紹：

安裝方法

1. 下載Size marks：微盤下載

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

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

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

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

建議使用快捷鍵：

• OX S系統：Shift+cmd+P
• WIN系統：Shift+Ctrl+P

使用方法

使用這個擴展是很簡單的，直接看下面的GIF圖你就會明白了。

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

2. 繪制一個矩形

3. 按剛才設置的腳本快捷鍵Shift+Ctrl+P，接著就會自動顯示標注了，如下圖：

疑問

Size Marks腳本是如何判斷水平和垂直標注呢？

經小編測試，它是根據你畫的矩形的長度來判斷的。比如你畫了個25 * 30px的矩形，那么它就以30px來標注，如果是正方形，就默認為垂直標注。

素材版權：免費使用

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

PS圖層快捷命名擴展工具 —— Renamy

Renamy是用來快捷命名Photoshop圖層的擴展，特別適合于多圖層的PSD設計文件。比如目前制作APP UI的設計項目，一個APP會有很多按鈕、狀態圖標等等，一個好的命名規范是必須的，特別是使用它與切圖工具Cut&Slice配合，這樣會真的很方便哦。

文件下載：微盤下載

特色

• 支持多個圖層命名，包換只改組名稱�？商鎿Q或接著在原圖層名稱后面添加新名稱。
• 支持查找和替換圖層名稱
• 支持正則表達式來命名。

具體操作下載后有PDF說明文件，另外建議大家看官網的視頻：

安裝

下載后，有軟件使用說明PDF，以及PS CC和PS CC 2014兩個安裝文件。請選擇對應版本安裝。

版權：免費

兼容性：Photoshop CC，Photoshop CC 2014