@設(shè)計達人網(wǎng)?：用Photoshop做網(wǎng)頁設(shè)計或UI設(shè)計時，繪制參考線是經(jīng)常的事兒，特別是做柵格的時候，要一個個繪制，一個個計算，有時候會覺得挺麻煩的。今天分享一個幫你快速生成Photoshop參考線的擴展工具，別放過咯。

Griddify 可以輕松生成不同間隔的參考線，還支持水平垂直平分，而且操作都是極之簡單，下面來看看介紹：

Griddify 界面介紹

柵格

輸入柵格數(shù)值，以像素為單位，然后點擊Griddify按鈕自動繪制；

如果多個柵格值，有空格區(qū)分，如下圖。

通過選區(qū)的區(qū)域來劃分柵格

分割

垂直劃分

水平劃分（點擊圖標(biāo)按鈕切換狀態(tài)，如圖）

水平 + 垂直劃分

內(nèi)外分割

用正數(shù)，會向內(nèi)分割

如果是輸入負(fù)數(shù)數(shù)值，側(cè)向外分割，如下圖，輸入-30數(shù)值，得出的結(jié)果：

兼容性

該擴展兼容Photoshop CS6、Photoshop CC、Photoshop CC 2014，如果CC 2014無法安裝，請看官方說明：https://github.com

Griddify PS擴展安裝方法

1、打開?Adobe 擴展管理器，如果沒有點擊鏈接進去下載并安裝（http://www.adobe.com）

2、下載Griddify（微盤下載）

3、解壓后，雙擊Griddify-1.0.0-beta.3.zxp文件安裝，安裝過程會提示一個錯誤，不要理會，直接點擊安裝即可。

最后重啟下你的PS，在菜單【窗口 – 擴展功能】上選擇Griddify就可啟用了！

【設(shè)計師年度必備神器人氣榜】

Top 3：幫你快速搞定參考線！老品牌了
《PS 參考線插件GUIDEGUIDE下載及使用說明》

Top 2：分分鐘變成多邊形風(fēng)格！新神器
《這效果超火！教你創(chuàng)建高大上的多邊形字體》

Top 1：經(jīng)久不衰！摳圖必備！頭發(fā)絲都不愁！
《PS摳圖神器：KNOCKOUT 2.0漢化版下載及教程》

原文地址：shejidaren

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

================關(guān)于優(yōu)設(shè)網(wǎng)================
"優(yōu)設(shè)網(wǎng)uisdc.com"是國內(nèi)人氣最高的網(wǎng)頁設(shè)計師學(xué)習(xí)平臺，專注分享網(wǎng)頁設(shè)計、無線端設(shè)計以及PS教程。
【特色推薦】
設(shè)計師需要讀的100本書：史上最全的設(shè)計師圖書導(dǎo)航：http://hao.uisdc.com/book/。
設(shè)計微博：擁有粉絲量90萬的人氣微博@優(yōu)秀網(wǎng)頁設(shè)計 ，歡迎關(guān)注獲取網(wǎng)頁設(shè)計資源、下載頂尖設(shè)計素材。
設(shè)計導(dǎo)航：全球頂尖設(shè)計網(wǎng)站推薦，設(shè)計師必備導(dǎo)航：http://hao.uisdc.com
官方微信：想在手機上、被窩里獲取設(shè)計教程和各種意想不到的"福利"嗎？添加優(yōu)設(shè)哥微信號：youshege