說真的,很多設計師做了幾年網頁設計,但依然把參考線沒有玩轉,甚至很少去使用它。要知道,參考線是PS中很強大的工具,巧鍵省時省力,效果極佳,能夠幫助我們的內容”塑形”。
打開標尺
首先,要確保已經打開標尺,如果沒有打開,那么視圖>標尺(CTRL/CMD+R)
設置并調整參考線
打開標尺后,可以開始設置參考線了。只需拖移垂直標尺或水平標尺并釋放,便可設置垂直或水平參考線了。
釋放按鍵后,虛線變為彩色參考線
使用任何工具時,都可以設置參考線,無所限制。值得一提的是移動工具(V),可以進一步拖移參考線,重設位置。
拖移參考線時的一些快捷鍵
Alt 鍵(Mac:Option): 可將水平參考線改為垂直參考線,也可將垂直參考線改為水平參考線
Shift 鍵: 可根據標尺的刻度對齊參考線,如果想要改變標尺的單位,可右鍵單擊標尺進行設置。
隱藏/顯示,清除以及鎖定參考線
隱藏/顯示:(Ctrl+H)、或者視圖>顯示>孝和巧參考線
清除: 視圖 > 清除參考線
鎖定: 視圖> 鎖定參考線。注棚逗意,依然可以新建參考線
精確設置參考線
比方說校確永紹危略張約屬中心位置 視圖>新建參考線(Alt+V,按E)
當然,輸入百分比便省去戰預源體邊期胡擴互講走了計算的麻煩:
新建參考線的默認單位取決于標尺的單位
參考線使用的案例
現在,我們來用真實案例來說明一下參考線的益處。比方說常見的三欄式布局,在文本與頁面邊緣之間需要留出一點留白區域。同樣的,欄與欄之間也需要留白區域。總而言之,我們最后想要這種文本布局。
創建新文件: 輸入一些文本,比如Lorem Ipsum就行
設置基本參考線:在開始之前,設置一些最基本的參考線(畫布的頂部,底部,左邊,右邊),然后設置兩條垂直參考線(33.33%以及66.66%),結果如下。
創建留白區域: 現在需要給欄與欄之間創造一點留白區域。使用矩形工具(Shift+U),在想要設置留白區域的地方畫出形狀,我使用了品紅色,這樣比較容易辨識。