說真的，很多設(shè)計(jì)師做了幾年網(wǎng)頁設(shè)計(jì)，但依然把參考線沒有玩轉(zhuǎn)，甚至很少去使用它。

要知道，參考線是PS中很強(qiáng)大的工具，省時(shí)省力，效果極佳，能夠幫助我們的內(nèi)容”塑形”。

不管怎么樣大家還是非常有必要自己來好好從實(shí)際的操作中總結(jié)出參考線的使用技巧。

那么這篇文章應(yīng)運(yùn)而生了：)

打開標(biāo)尺

首先，要確保已經(jīng)打開標(biāo)尺，如果沒有打開，那么視圖>標(biāo)尺(CTRL/CMD+R)

設(shè)置并調(diào)整參考線

打開標(biāo)尺后，可以開始設(shè)置參考線了。只需拖移垂直標(biāo)尺或水平標(biāo)尺并釋放，便可設(shè)置垂直或水平參考線了。

釋放按鍵后，虛線變?yōu)椴噬珔⒖季€

使用任何工具時(shí)，都可以設(shè)置參考線，無所限制。值得一提的是移動(dòng)工具(V)，可以進(jìn)一步拖移參考線，重設(shè)位置。

拖移參考線時(shí)的一些快捷鍵

·Alt鍵(Mac：Option):可將水平參考線改為垂直參考線，也可將垂直參考線改為水平參考線

Shift鍵:可根據(jù)標(biāo)尺的刻度對齊參考線，如果想要改變標(biāo)尺的單位，可右鍵單擊標(biāo)尺進(jìn)行設(shè)置。

隱藏/顯示，清除以及鎖定參考線

隱藏顯示：(Ctrl+H)、或者視圖>顯示>參考線Clear:Toremoveyourguidelinescompletely,choose

清除：試圖>清除參考線

鎖定:視圖>鎖定參考線.，注意，依然可以新建參考線

精確設(shè)置參考線

比方說中心位置視圖>新建參考線(Alt+V,按E)

當(dāng)然，輸入百分比便省去了計(jì)算的麻煩：

新建參考線的默認(rèn)單位取決于標(biāo)尺的單位

參考線使用的案例

現(xiàn)在，我們來用真實(shí)案例來說明一下參考線的益處。比方說常見的三欄式布局，在文本與頁面邊緣之間需要留出一點(diǎn)留白區(qū)域。

同樣的，欄與欄之間也需要留白區(qū)域。總而言之，我們最后想要這種文本布局。

創(chuàng)建新文件:輸入一些文本，比如LoremIpsum就行

設(shè)置基本參考線：在開始之前，設(shè)置一些最基本的參考線(畫布的頂部，底部，左邊，右邊)，然后設(shè)置兩條垂直參考線(33.33%以及66.66%)，

結(jié)果如下。

創(chuàng)建留白區(qū)域:現(xiàn)在需要給欄與欄之間創(chuàng)造一點(diǎn)留白區(qū)域。使用矩形工具(Shift+U)，在想要設(shè)置留白區(qū)域的地方畫出形狀，

我使用了品紅色，這樣比較容易辨識(shí)。

現(xiàn)在選擇移動(dòng)工具。

拖移矩形，使之貼緊最左邊的基本參考線，一旦自動(dòng)對齊后，那么新建一條參考線貼緊矩形的右邊——右邊同理。這樣左邊和右邊就打造出了留白區(qū)域。

然后拖移矩形至33.33%參考線處，讓33.33%參考線居于矩形的中部，然后新建兩條參考線——66.66%參考線同理。(如下圖所示)

旋轉(zhuǎn)矩形，使之水平

然后設(shè)置水平參考線(水平參考線只需要頂部、底部)

這里我給區(qū)域上了色，品紅色為三欄的文本部分，藍(lán)綠色為留白部分

對齊文本:

字體工具，選擇文本圖層，當(dāng)懸停指針至文本時(shí)，你會(huì)發(fā)現(xiàn)黑色箭頭，然后將文本移動(dòng)到第一欄(會(huì)自動(dòng)對切)，然后按Enter。

然后雙擊文本圖層。點(diǎn)擊文本右下角的錨點(diǎn)，然后拖移到參考線交合的右下角。這樣第一欄就放置完畢，其他兩欄同理。

最終結(jié)果!

最新評論