提高效率的小工具GuideGuide

今天為大家介紹一款非常實(shí)用的PS小插件GuideGuide，它提供了一個非常便捷的方式生成像素級別的輔助線（欄，行，中線……）

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

（頁面寬度 – （間隙寬度 x （分欄數(shù) – 1） ））÷ 分欄數(shù) = 欄目寬

看起來是不是有點(diǎn)想暴走？設(shè)計(jì)個頁面還要搞這么復(fù)雜的東西。

實(shí)用的小工具GuideGuide來了

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

分欄與分列

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

找到中點(diǎn)

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

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

存儲常用的劃分為選項(xiàng)

如果你經(jīng)常用同一種網(wǎng)格劃分方式，可以存儲為選項(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ū)工具畫一個你導(dǎo)航寬度的選區(qū)

2.輸入你導(dǎo)航的分欄數(shù)以及他們之間的間距

等邊距矩形繪制

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

1.在圖層面板（ctrl + 鼠標(biāo)左鍵）創(chuàng)建選區(qū)

2.在邊距欄輸入一個負(fù)數(shù)，然后點(diǎn)擊圖標(biāo)，GuideGuide會自動輸入四邊等距的指數(shù)，然后回車創(chuàng)建輔助線

3.根據(jù)新創(chuàng)建的輔助線繪制四邊等距離的矩形

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

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

1.輸入你想要的行高

2.將你頁面中的元素相應(yīng)的對齊

剩余像素分配

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

點(diǎn)擊下載

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

文：http://cued.xunlei.com/log055