PhotoShop(PS)實(shí)踐中總結(jié)參考線實(shí)用技巧文字排版實(shí)例教程

說真的,很多設(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)尺的刻度對(duì)齊參考線,如果想要改變標(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)對(duì)齊后,那么新建一條參考線貼緊矩形的右邊——右邊同理。這樣左邊和右邊就打造出了留白區(qū)域。
然后拖移矩形至33.33%參考線處,讓33.33%參考線居于矩形的中部,然后新建兩條參考線——66.66%參考線同理。(如下圖所示)

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

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

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

對(duì)齊文本:
字體工具,選擇文本圖層,當(dāng)懸停指針至文本時(shí),你會(huì)發(fā)現(xiàn)黑色箭頭,然后將文本移動(dòng)到第一欄(會(huì)自動(dòng)對(duì)切),然后按Enter。
然后雙擊文本圖層。點(diǎn)擊文本右下角的錨點(diǎn),然后拖移到參考線交合的右下角。這樣第一欄就放置完畢,其他兩欄同理。
最終結(jié)果!

相關(guān)文章
PS基礎(chǔ)教程之橡皮擦工具組和填充工具組使用知識(shí)
今天我們繼續(xù)來介紹ps基礎(chǔ)教程,這篇我們主要講橡皮擦工具組和填充工具組,這兩個(gè)工具在修圖的時(shí)候是比較常用的,下面我們就來看看基礎(chǔ)教程2024-12-23photoshop圖層初識(shí) ps圖層相關(guān)概念與基本操作
ps圖層是什么?簡(jiǎn)單來說,ps軟件中的圖層就好比是一張“透明紙”,將圖像的各個(gè)部分繪制在不同的“透明紙”上,可以看到紙后的東西,而且每層紙都是獨(dú)立的,下面我們就來看2024-12-23PS基礎(chǔ)教程之學(xué)習(xí)應(yīng)用圖層樣式的基本方法
ps零基礎(chǔ)之圖層樣式的講解,在使用ps的時(shí)候,我們經(jīng)常會(huì)在圖層上添加一些效果,這就是圖層樣式,該怎么應(yīng)用呢?詳細(xì)請(qǐng)看下文介紹2024-12-23ps如何把一張長(zhǎng)圖切成幾張小圖片? ps把長(zhǎng)圖切成短圖的技巧
有時(shí)候,我們希望能把一張圖片均勻地分成幾張圖片,就像拼圖一般的效果,需要某一部分隨時(shí)可以拿出來使用,該怎么操作呢?詳細(xì)請(qǐng)看下文介紹2024-09-10- PS調(diào)整字體大小是一個(gè)非常基礎(chǔ)的操作,但也是非常實(shí)用的技能,在Photoshop中,調(diào)整字體大小的方式有多種,詳細(xì)請(qǐng)看下文介紹2024-02-02
ps窗口字體太小怎么調(diào) PS窗口字體大小調(diào)節(jié)技巧
但最近有用戶在使用photoshop時(shí)發(fā)現(xiàn)窗口界面的字體比較小,使用起來非常的不方便,因此有不少用戶想將其大小進(jìn)行調(diào)節(jié),具體該如何操作呢?詳細(xì)請(qǐng)看下文介紹2024-02-02ps中圖層被父圖層鎖定怎么辦? 圖層被父圖層鎖定的解鎖技巧ps
ps中圖層被父圖層鎖定怎么辦?ps中圖層解鎖失敗,提示圖層被父圖層鎖定該怎么辦呢?下面我們就來看看詳細(xì)的解決辦法2023-12-19ps描邊最大只有288怎么辦? Photoshop描邊只能調(diào)到288像素的解決辦法
ps描邊最大只有288怎么辦?ps描邊在使用的過程中,發(fā)現(xiàn)只能調(diào)到288像素,該怎么操作呢?下面我們就來看看Photoshop描邊只能調(diào)到288像素的解決辦法2023-11-30PS工具欄中的工具有缺失怎么辦? Photoshop工具欄不全的多種解決辦法
PS工具欄中的工具有缺失怎么辦?ps工具欄中有很多工具,但是發(fā)現(xiàn)有些工具不見了,該怎么辦呢?下面我們就來看看Photoshop工具欄不全的多種解決辦法2023-11-30Photoshop2024怎么下載安裝? ps2024安裝圖文教程
Photoshop2024怎么下載安裝?ps2024發(fā)布以后,很多朋友想要嘗試信工鞥,該怎么下載安裝呢?下面我們就來看看ps2024安裝圖文教程2023-11-30