ps標尺、參考線的實用方法?

在用ps做網頁設計中,參考線是必要的工具,必須用參考線才能讓網頁的佈局整齊, 各個元素對齊,只有各個細節都完美,最後網頁切片才能成功。平面設計也一樣用得多,現在就以設計名片為例,介紹ps參考線的實用方法。

工具/原料

ps cs6

實用技巧

技巧1,標尺和參考線:在ps中參考線必須和標尺一起使用,所以先用ctrl+r快捷鍵開啟標尺,標尺開啟後,用滑鼠點選標尺就可以拖出參考線,上方的標尺拖出水平參考線,左方的標尺拖出垂直參考線。同理,在使用“移動工具”的前提下參考線可以拖回標尺處清除。

ps標尺、參考線的實用方法

ps標尺、參考線的實用方法

ps標尺、參考線的實用方法

技巧2,定中線:製作設計的開始,經常要定位中線位置,在標尺處點選滑鼠右鍵,選擇百分比,然後拖出參考線至百分之五十處。也可以點選檢視→新建參考線,直接選擇50%,新建參考中線。

ps標尺、參考線的實用方法

ps標尺、參考線的實用方法

ps標尺、參考線的實用方法

技巧3,確定實際數值:名片的實際大小為90mm×54mm,但是新建檔案的時候加上出血(實際列印的時候預留剪裁的區域)為94mm×58mm,所以要用參考線定出血的位置。在標尺處單擊滑鼠右鍵,選擇單位為“釐米”,在畫布四周分別拉出0.2釐米的水平和垂直參考線定位出血。

ps標尺、參考線的實用方法

ps標尺、參考線的實用方法

ps標尺、參考線的實用方法

技巧4,對齊元素:對於離得較遠的元素的對齊使用參考線比較好,下方電話、地址等文字方塊已經定位,拉一條垂直參考對齊文字方塊左側,上方公司名稱再對齊參考線即可。另外追求方便的可以開啟檢視→對齊到→參考線來輔助對齊,移動元素時會自動吸附在參考線上,不過小編覺得這個影響其他設計操作,一般用完就關閉。

ps標尺、參考線的實用方法

ps標尺、參考線的實用方法

技巧5,確定計算起點:在標尺的夾角處按住滑鼠左鍵可以拖出標尺點位點,然後在之前畫的中線參考線處釋放滑鼠,則標尺的0點就從名片的中線處計算。這常用於左右、上下對齊結構的設計中。

ps標尺、參考線的實用方法

ps標尺、參考線的實用方法

技巧6:隱藏參考線:快捷鍵ctrl+h是隱藏參考線,這個快捷鍵做設計是必須記住的,因為設計後期,特別是在網站設計中參考線會多如亂麻,反覆運用快捷鍵ctrl+h可以隱藏和開啟參考線,是特別方便的。

ps標尺、參考線的實用方法

ps標尺、參考線的實用方法

注意事項

ps參考線相關的快捷鍵熟記活用會讓設計過程更流暢

參考線劃定出血後,文字和有意義的元素不要超過出血蔘考線

元素的定位也可以開啟智慧參考線輔助

網頁, 工具, 元素, 標尺,
相關問題答案