提高效率的小工具GuideGuide

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

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

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

看起來是不是有點想暴走？設計個頁面還要搞這么復雜的東西。

實用的小工具GuideGuide來了

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

分欄與分列

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

找到中點

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

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

存儲常用的劃分為選項

如果你經(jīng)常用同一種網(wǎng)格劃分方式，可以存儲為選項方便以后隨時調(diào)用

發(fā)揮你的創(chuàng)造力

GuideGuide有分欄，有邊距，有中點…… 發(fā)揮你的想象力它可以做的更多

劃分導航

當你要將一定寬度的導航劃分為N等分的分欄的時候，是不是又要計算寬度了？現(xiàn)在不用煩惱了，用GuideGuide吧

1.用選區(qū)工具畫一個你導航寬度的選區(qū)

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

等邊距矩形繪制

當你想繪制一個與你當前元素等邊距的矩形，是不是又要計算了？

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

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

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

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

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

1.輸入你想要的行高

2.將你頁面中的元素相應的對齊

剩余像素分配

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

點擊下載

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

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