PS 參考線插件GuideGuide下載及使用說明

大家都知道，每次在PS里面拉參考線是一件很痛苦的事情，特別是要按照規(guī)定的寬度創(chuàng)建Grid的時(shí)候，而這回，Cameron Mcefee提供了一個(gè)插件“GuideGuide”，如其名，的確是非常方便的一款創(chuàng)建參考線的插件。
今天為大家介紹一款非常實(shí)用的PS小插件GuideGuide，它提供了一個(gè)非常便捷的方式生成像素級(jí)別的輔助線（欄，行，中線……）

想像一下在PS里面創(chuàng)建好一組多欄目的輔助線：頁(yè)面多寬，分2欄目還是3欄，分欄里面又有多少個(gè)分欄……數(shù)學(xué)不好的同學(xué)估計(jì)手心都開始冒汗了。確實(shí)，在PS里面創(chuàng)建網(wǎng)格是個(gè)非常痛苦的事情，不少設(shè)計(jì)同學(xué)都是大概估算一下寬高來拉輔助線；或者畫一個(gè)矢量圖形，然后復(fù)制移動(dòng)來分列。如果總的寬度有了變化之后，又將他們整體拉寬來重新分列。沒耐心的人估計(jì)已經(jīng)開始喊：“我是設(shè)計(jì)師，不是數(shù)學(xué)家”，有耐心的人會(huì)重新算過一遍之后再來，還有公式如下：

（頁(yè)面寬度 – （間隙寬度 x （分欄數(shù) – 1） ））÷ 分欄數(shù) = 欄目寬
看起來是不是有點(diǎn)想暴走？設(shè)計(jì)個(gè)頁(yè)面還要搞這么復(fù)雜的東西。

實(shí)用的小工具GuideGuide來了
為啥要把時(shí)間花在數(shù)學(xué)上，而不是省心一點(diǎn)，留出多一點(diǎn)時(shí)間來將設(shè)計(jì)做得更好呢？只要輸入一些數(shù)字，GuideGuide就會(huì)利用PS里面的輔助線自動(dòng)的在你的文檔中劃分好網(wǎng)格。當(dāng)你用了之后就會(huì)由衷的覺得：很好很強(qiáng)大。而且，它真正的強(qiáng)大之處在于：支持選框工具–如果你的文檔中有選框的話，它可以在選區(qū)內(nèi)生成對(duì)應(yīng)的輔助線。

分欄與分列

頁(yè)面需要分欄和等比間隙？GuideGuide輕松搞定

找到中點(diǎn)

GuideGuide讓你找到對(duì)象的中點(diǎn)變得易如反掌，只要畫一個(gè)選區(qū)或者在圖層面板(ctrl + 鼠標(biāo)左鍵）創(chuàng)建一個(gè)選區(qū)，然后點(diǎn)擊中點(diǎn)按鈕，就可以立即創(chuàng)
建中點(diǎn)線。

然后將此列中的其他元素根據(jù)需要來對(duì)齊

存儲(chǔ)常用的劃分為選項(xiàng)
如果你經(jīng)常用同一種網(wǎng)格劃分方式，可以存儲(chǔ)為選項(xiàng)方便以后隨時(shí)調(diào)用
發(fā)揮你的創(chuàng)造力
GuideGuide有分欄，有邊距，有中點(diǎn)…… 發(fā)揮你的想象力它可以做的更多
劃分導(dǎo)航
當(dāng)你要將一定寬度的導(dǎo)航劃分為N等分的分欄的時(shí)候，是不是又要計(jì)算寬度了？現(xiàn)在不用煩惱了，用GuideGuide吧

1.用選區(qū)工具畫一個(gè)你導(dǎo)航寬度的選區(qū)
2.輸入你導(dǎo)航的分欄數(shù)以及他們之間的間距
等邊距矩形繪制

當(dāng)你想繪制一個(gè)與你當(dāng)前元素等邊距的矩形，是不是又要計(jì)算了？

1.在圖層面板（ctrl + 鼠標(biāo)左鍵）創(chuàng)建選區(qū)
2.在邊距欄輸入一個(gè)負(fù)數(shù)，然后點(diǎn)擊圖標(biāo)，GuideGuide會(huì)自動(dòng)輸入四邊等距的指數(shù)，然后回車創(chuàng)建輔助線
3.根據(jù)新創(chuàng)建的輔助線繪制四邊等距離的矩形

基準(zhǔn)線網(wǎng)格繪制

利用GuideGuide便捷的行高設(shè)置，輕松創(chuàng)建整頁(yè)的橫向?qū)R基準(zhǔn)線

1.輸入你想要的行高
2.將你頁(yè)面中的元素相應(yīng)的對(duì)齊

剩余像素分配
在分欄的時(shí)候不是永遠(yuǎn)都能完美的等分，如果你要在一個(gè)10px寬度內(nèi)分3欄，那么多余的像素怎么辦？設(shè)置里面的剩余像素分配設(shè)置決定將多余的像素分配到哪里，默認(rèn)是“右下角”

官網(wǎng)下載地址：Download

下載完畢后開啟 Adobe Extension Manager 安裝插件，然后打開PS在 windows > extensions 下面開啟窗口

源文地址：Web Designer Tenoji

 
================關(guān)于優(yōu)設(shè)網(wǎng)================
"優(yōu)設(shè)網(wǎng)uisdc.com"是一個(gè)分享網(wǎng)頁(yè)設(shè)計(jì)、無(wú)線端設(shè)計(jì)以及PS教程的干貨網(wǎng)站。
【特色推薦】
設(shè)計(jì)講座：每月邀請(qǐng)國(guó)內(nèi)互聯(lián)網(wǎng)公司設(shè)計(jì)前輩及行業(yè)總監(jiān)在群內(nèi)及YY語(yǔ)音（YY頻道：15335158）分享實(shí)戰(zhàn)經(jīng)驗(yàn)。
設(shè)計(jì)微博：擁有粉絲量39萬(wàn)的人氣微博@優(yōu)秀網(wǎng)頁(yè)設(shè)計(jì) ，歡迎關(guān)注獲取網(wǎng)頁(yè)設(shè)計(jì)資源、下載頂尖設(shè)計(jì)素材。
設(shè)計(jì)導(dǎo)航：全球頂尖設(shè)計(jì)網(wǎng)站推薦，設(shè)計(jì)師必備導(dǎo)航：http://hao.uisdc.com
———————————————————–
想在手機(jī)上、被窩里獲取設(shè)計(jì)教程、經(jīng)驗(yàn)分享和各種意想不到的"福利"嗎？
添加 優(yōu)秀網(wǎng)頁(yè)設(shè)計(jì) 微信號(hào)：【youshege】?jī)?yōu)設(shè)哥的全拼
您也可以通過掃描下方二維碼快速添加：