Windows XP Windows 7 Windows 2003 Windows Vista Windows 綜合教學 Linux 系統教學
Windows 10 Windows 8 Windows 2008 Windows NT Windows Server 電腦軟體教學
您现在的位置: Windows教程網 >> Windows教程 >  >> 電腦軟體教學 >> 電腦軟體介紹

Photoshop 快速產生參考線神器:Griddify 擴充套件完整教學

編輯:電腦軟體介紹

進行網頁或 UI 設計時,繪製參考線(特別是柵格系統)往往需要逐條計算、手動拖曳,相當耗時。Griddify 這款 Photoshop 擴充套件能一鍵生成各種間距的參考線,支援水平/垂直平分、選區區域劃分、內外偏移等功能,操作極其直觀,大幅提升排版效率。

Griddify 介面與核心功能

Griddify 介面總覽

介面詳細說明

1. 柵格

  • 輸入柵格數值(像素),點擊 Griddify 按鈕自動繪製。
  • 多組數值以空格分隔,可一次產生複雜柵格。

多組柵格數值示例

  • 亦可透過選區範圍自動劃分柵格。

選區劃分柵格

2. 分割

  • 垂直分割:將畫布垂直等分。
  • 水平分割:點擊圖示切換狀態,水平等分。
  • 水平 + 垂直分割:同時生成雙向等分線。

垂直分割

水平分割

水平垂直分割

3. 內外分割

  • 輸入正數:向內偏移分割。
  • 輸入負數:向外偏移分割(例:-30 會向外擴展 30 像素)。

內分割示例

外分割示例 (-30)

相容性與安裝

  • 支援 Photoshop CS6、CC、CC 2014(若 CC 2014 無法安裝請參考官方說明)。
  • 安裝步驟:
    1. 開啟 Adobe Extension Manager(若無請先下載安裝)。
    2. 下載 Griddify 安裝包。
    3. 解壓後雙擊 Griddify-1.0.0-beta.3.zxp 安裝,過程中若提示錯誤請直接點擊繼續安裝。
    4. 重啟 Photoshop,在「視窗」→「擴充功能」中選擇 Griddify 即可啟用。

掌握 Griddify,讓參考線繪製不再是設計流程的瓶頸。

Copyright © Windows教程網 All Rights Reserved