當(dāng)前位置: 首頁 > 設(shè)計資訊 > 設(shè)計教程 > 正文

你真的會用PS參考線了嗎

2017-12-26 7155 1
說真的,很多設(shè)計師做了幾年網(wǎng)頁設(shè)計,但依然把參考線沒有玩轉(zhuǎn),甚至很少去使用它。要知道,參考線是PS中很強大的工具,省時省力,效果極佳,能夠幫助我們的內(nèi)容”塑形”。
打開標尺 首先,要確保已經(jīng)打開標尺,如果沒有打開,那么視圖>標尺(CTRL/CMD+R) guide1
 
設(shè)置并調(diào)整參考線 打開標尺后,可以開始設(shè)置參考線了。只需拖移垂直標尺或水平標尺并釋放,便可設(shè)置垂直或水平參考線了。 guide2 釋放按鍵后,虛線變?yōu)椴噬珔⒖季€ guide3 使用任何工具時,都可以設(shè)置參考線,無所限制。值得一提的是移動工具(V),可以進一步拖移參考線,重設(shè)位置。 guide6
 
拖移參考線時的一些快捷鍵 · Alt 鍵(Mac:Option): 可將水平參考線改為垂直參考線,也可將垂直參考線改為水平參考線 Shift 鍵: 可根據(jù)標尺的刻度對齊參考線,如果想要改變標尺的單位,可右鍵單擊標尺進行設(shè)置。 guide4
 
隱藏/顯示,清除以及鎖定參考線 隱藏顯示:(Ctrl+H)、或者視圖>顯示>參考線Clear: To remove your guidelines completely, choose 清除: 試圖 > 清除參考線 鎖定: 視圖> 鎖定參考線. ,注意,依然可以新建參考線 精確設(shè)置參考線 比方說中心位置 視圖>新建參考線(Alt+V,按E) guide7 當(dāng)然,輸入百分比便省去了計算的麻煩: guide8 新建參考線的默認單位取決于標尺的單位 參考線使用的案例 現(xiàn)在,我們來用真實案例來說明一下參考線的益處。比方說常見的三欄式布局,在文本與頁面邊緣之間需要留出一點留白區(qū)域。同樣的,欄與欄之間也需要留白區(qū)域??偠灾?,我們最后想要這種文本布局。 guide_result 創(chuàng)建新文件: 輸入一些文本,比如Lorem Ipsum就行 guide_text 設(shè)置基本參考線:在開始之前,設(shè)置一些最基本的參考線(畫布的頂部,底部,左邊,右邊),然后設(shè)置兩條垂直參考線(33.33%以及66.66%),結(jié)果如下。 guide_guidelines2 創(chuàng)建留白區(qū)域: 現(xiàn)在需要給欄與欄之間創(chuàng)造一點留白區(qū)域。使用矩形工具(Shift+U),在想要設(shè)置留白區(qū)域的地方畫出形狀,我使用了品紅色,這樣比較容易辨識。 guides_helper2 現(xiàn)在選擇移動工具。 guides_move 拖移矩形,使之貼緊最左邊的基本參考線,一旦自動對齊后,那么新建一條參考線貼緊矩形的右邊——右邊同理。這樣左邊和右邊就打造出了留白區(qū)域。然后拖移矩形至33.33%參考線處,讓33.33%參考線居于矩形的中部,然后新建兩條參考線——66.66%參考線同理。(如下圖所示) guide_columns 旋轉(zhuǎn)矩形,使之水平 guide_rotate 然后設(shè)置水平參考線(水平參考線只需要頂部、底部) guide_final_layout 這里我給區(qū)域上了色,品紅色為三欄的文本部分,藍綠色為留白部分 guide_colored 對齊文本: 字體工具,選擇文本圖層,當(dāng)懸停指針至文本時,你會發(fā)現(xiàn)黑色箭頭,然后將文本移動到第一欄(會自動對切),然后按Enter。 然后雙擊文本圖層。點擊文本右下角的錨點,然后拖移到參考線交合的右下角。這樣第一欄就放置完畢,其他兩欄同理。 guide_result2 最終結(jié)果,上圖

18
評論區(qū)(0)
正在加載評論...