今天我們將介紹一個文檔信息相關的Photoshop擴展插件，該插件快速生成圖形圖層的相關信息（如下圖）。擴展是免費使用的，目前只兼容Photoshop CS6/CC版本，下面設計達人網編輯是使用CS6來做教程。

省時省力好資源：
15個為你設計工作提速的PS插件
高端干貨！PHOTOSHOP實用腳本大合集

素材在這里：微盤下載

上圖顯示了我創建的圖形對應的信息、大小、顏色等信息。

Ink擴展插件的特點

Ink可以記錄每個圖層對應在圖形的相關信息，如：顏色、形狀、尺寸、漸變、陰影等等。如果做網頁設計，有了這個可以讓設計師方便的輸出一個規范文檔，這樣就不會因缺乏規范而導致不準確的前端輸出。

當然也可以作為簡單的風格指南來制作。

安裝Ink擴展

首先下載Ink擴展，下載地址：INK

安裝：

1. 解壓下載的文件，進入對應版本文件夾，雙擊內的”Ink.zxp”。
2. 雙擊后將會自動啟動Adobe擴展管理器，并按照說明進行安裝。（沒啟動Adobe擴展管理器的，可能你是使用綠色版，沒有自帶管理器，可去官網下載。）
3. 重啟Photoshop。
4. 主菜單選擇”窗口” – “擴展功能” – “Ink”

圖：Photoshop Ink擴展界面

Ink擴展使用教程

下面通過一個簡單的例子來使用INK，打開PS，新建一個畫布，創建兩個圖層，并作簡單排版，如下圖：

選擇要生成的圖層（也可以同時選擇多個圖層），打開Ink擴展面板，并點擊黃色按鈕。

完成！生成圖形的信息如下圖 ，如果信息重疊了，可以對應調整下圖層位置。

過程十分簡單和輕松，喜歡的設計師們，趕快下載收藏吧。
 
原文地址：shejidaren

【優設網 原創文章 投稿郵箱：2650232288@qq.com】
 
================關于優設網================
"優設網uisdc.com"是一個分享網頁設計、無線端設計以及PS教程的干貨網站。
【特色推薦】
PS禮儀手冊：網頁設計師必須修煉的內功技法，更是不可或缺的WEB設計指南http://hao.uisdc.com/ps/。
設計微博：擁有粉絲量63萬的人氣微博@優秀網頁設計 ，歡迎關注獲取網頁設計資源、下載頂尖設計素材。
設計導航：全球頂尖設計網站推薦，設計師必備導航：http://hao.uisdc.com
———————————————————–
想在手機上、被窩里獲取設計教程、經驗分享和各種意想不到的"福利"嗎？
添加 優秀網頁設計 微信號：【youshege】優設哥的全拼
您也可以通過掃描下方二維碼快速添加：