圖層對齊操作在網頁設計中會經常遇到，我們不能總是拿肉眼去看齊，或者拿著尺子去衡量。在photoshop中帶有的對齊工具可以很好的幫助我們更快的完成工作，這些工具該怎么去使用呢？一起來看一下。

一、制作四個網頁按鈕

新建網頁

打開photoshop軟件，按ctrl+n新建空白網頁，尺寸要求為800px*1000px，背景色為白色。

圓角矩形工具畫網頁按鈕邊沿

點擊圓角矩形工具，修改屬性欄圓角半徑為5，然后在空白網頁左上部畫出圓角矩形按鈕。

給圓角矩形工具添加綠白漸變色

點擊路徑控制面板，將路徑修改為選區(qū)，然后點擊漸變工具，設置好綠白漸變色后填充，注意采用對稱漸變的方式填充。

復制4個矩形圓角按鈕

點擊移動按鈕后，在移動圓角按鈕前，先按住，注意是一直按住alt鍵，然后再移動圓角矩形按鈕，以同樣的方式復制另外2個，共計4個。

二、對齊工具如何生效

當制作完成4個網頁按鈕后，將光標移動至對齊工具上方時，發(fā)現(xiàn)這些工具處于不可操作狀態(tài)，問題出在哪里呢？

若要使得對齊工具生效，需要我們先將這4個需要對齊的圖層同時選中才可以，操作步驟是：打開圖層控制按鈕，按住shift鍵分別點選4個按鈕所在圖層后，屬性欄中的對齊工具即可生效。

三、“對齊方式”工具

頂對齊

比較4個圖標的位置，選擇齊中位置最高者為對齊對象對齊。

垂直居中對齊

比較最頂端和最底端的位置，選擇兩者之間的中間線為對齊線對齊。

底對齊

比較4個按鈕圖標的位置，以位置最低者為對齊對象對齊。

左對齊

比較4個按鈕圖標垂直方向最左邊位置的按鈕為對齊對象。

水平居中對齊

比較4個按鈕在垂直方向上最左邊的位置和最右邊的位置，以兩者之間的中間線為對齊線對齊。

右對齊

比較4個按鈕在垂直方向上的位置，以位置最靠右者為對齊對象對齊。

四、“分布方式”工具

按頂分布

比較4個按鈕垂直方向的位置，最頂端和最低端位置的按鈕不動，中間按鈕在垂直方向上等距離分布，水平方向的位置不變。

垂直居中分布

比較4個按鈕在垂直方向上的位置，最頂端和最低端位置的按鈕不動，并以這兩者的位置判斷出中間線，然后再進行等距離垂直方向上的分布。

按底分布

比較4個按鈕在垂直方向上的位置，以最低端的位置為基準，最頂端的位置也不動，然后對中間部分進行等距離對齊。

按左分布

比較4個按鈕的位置，以位置最左邊的按鈕為基準，最右邊的按鈕位置不動，中間的按鈕進行等距離分布。

水平居中分布

比較4個按鈕的位置，最左端和最右端位置的按鈕位置不動，并以這兩個按鈕的位置判斷出一條垂直的中間線，以此為基線等距離分布其他按鈕。

按右分布

比較4個按鈕的位置，以位置最右邊的按鈕為基準，最左邊的按鈕位置不動，中間的按鈕進行等距離分布。

以上就是photoshop如何對齊圖層方法介紹，操作很簡單的，大家學會了嗎？希望能對大家有所幫助！

最新評論