Photoshop外掛-GUIDEGUIDE 畫面參考線等分產生器

梅問題-photoshop外掛-GUIDEGUIDE畫面參考線等分產生器
  一般在設計網頁樣板時,應該有不少朋友,跟梅干一樣也習慣用Photoshop來製作吧!加上Photoshop對於網頁的功能也相當完善,無論是版面的分割、動態圖示製作,都能在Photoshop中一次搞定,但有一個部分,一直困擾了梅干許久,就是版面的等分,當今天要將版面等分成三塊中間間距10像素,梅干就得拿出計算機,先計算出每一區塊的大小,再開啟尺規表,一一拉出各區塊的參考線,實在是有點小麻煩,而梅干最近發現一個超棒的外掛,可將畫面等分,除此之外也可指定範圍等分,如此一來就可加快版面的設計,因此身為網頁設計師的你,這外掛絕不容錯過,同時平面設計師也可用喔!

GUIDEGUIDE
外掛名稱:GUIDEGUIDE
外掛版本:2.1.2
外掛語言:英文
適用版本:Photoshop CS6+
外掛下載:本站下載 | 官方下載

GuideGuide外掛安裝:
Step1
下載解壓縮,雙響「guideguide.zxp」檔。
梅問題-photoshop外掛-GUIDEGUIDE畫面參考線等分產生器
Step2
按「接受」。
梅問題-photoshop外掛-GUIDEGUIDE畫面參考線等分產生器
Step3
安裝成功後,在Adobe CS6擴充元件清單中,就會看到GuideGuide的資訊。
梅問題-photoshop外掛-GUIDEGUIDE畫面參考線等分產生器
GuideGuide應用:
Step1
開啟Photoshop,接著點視窗 / 延伸功能 / GuideGuide 選項。
梅問題-photoshop外掛-GUIDEGUIDE畫面參考線等分產生器
Step2
接著就會看到GuideGuide控制面板。
梅問題-photoshop外掛-GUIDEGUIDE畫面參考線等分產生器
Step3
比方四周要空5像素,就在上方的欄位中,分別輸入5,若是平面的話,就得自已輸入單位,如:5cm。
梅問題-photoshop外掛-GUIDEGUIDE畫面參考線等分產生器
Step5
按下GG鈕後,畫面的四週就會產生,四條參考線啦!
梅問題-photoshop外掛-GUIDEGUIDE畫面參考線等分產生器
Step6
接著要將畫面3等分、中間各間隔10像素,只要將相關數字,輸入到欄位中再按GG鈕,畫面隨即就會被3等分啦!
梅問題-photoshop外掛-GUIDEGUIDE畫面參考線等分產生器
Step7
除此之外,也可用選取工具,框取出一個範圍來。
梅問題-photoshop外掛-GUIDEGUIDE畫面參考線等分產生器
Step8
再按一次GG鈕,選取範圍的區塊也會被三等分,是不是超方便的啦!
梅問題-photoshop外掛-GUIDEGUIDE畫面參考線等分產生器
Step9
切到Sets頁籤,也可將一些常用的等分儲存起來,而這個外掛用法很簡單,各位也自行玩玩看囉!
梅問題-photoshop外掛-GUIDEGUIDE畫面參考線等分產生器

相關文章

「Icons8」上萬個扁平圖示產生器,可直接拖拉到Photoshop中使用

「Icons8」上萬個扁平圖示產生器,可直接拖拉到Photoshop中使用

Adobe Photoshop CC2017開新檔案大改版,加入Adobe Stock素材模板

Adobe Photoshop CC2017開新檔案大改版,加入Adobe Stock素材模板

使用舊版「Photoshop的儲存為網頁用」也可輸出Retina的各種影像尺寸

使用舊版「Photoshop的儲存為網頁用」也可輸出Retina的各種影像尺寸

Photoshop CC 將圖片批次轉存Retina各種不同的尺寸規格

Photoshop CC 將圖片批次轉存Retina各種不同的尺寸規格

「ElemisFreebies」上百個免費超質感網頁版型PSD檔下載 (可商用)

「ElemisFreebies」上百個免費超質感網頁版型PSD檔下載 (可商用)





回應本篇 »

(姓名)*必填
(信箱)*必填
(網站)

※PS: 因梅干時間有限,教學網中所分享的主題繁多(所遇狀況也很多),可能無法一一回答各位,不便之處還請見諒。
※PS: 本教學網不提供「破解檔」、「註冊機」或「註冊碼」等資訊,請勿利用留言索取檔案。

共 4 梅留言

  • 第1梅
    Kd 說道:

    請問一下,Mac是否也是同一個版本呢?因為我的是CS 6但是顯示無法安裝@@

    回應:
    CS6版不支援喔