PS新手教程！手把手教你繪制一個WEB登陸框

今天，給大家帶來一個Web登陸框的制作過程，這個登陸框并非什么原創，是在 網上看到的一個類似的圖片，然后做了一個PSD，并截取了制作的過程，大神輕噴。PSD里，我們制作了九個顏色，期待看看大家的作業。

>>>>點擊下載PSD

>>>>點擊下載PDF版本教程(PDF密碼PDDS)

1、新建一個文檔，這里我用的是400*300像素，填充一個#d0c0be的顏色填充調整層。

2、選擇畫筆工具，使用圓角柔邊畫筆，設置前景色為#364e35，畫出如下圖中的形狀出來。

3、執行“濾鏡—模糊—高斯模糊”，我用的數值是46.9像素，賦予這個顏色層一個模糊效果，跟我們的背景融合。

4、選擇圓角矩形工具，并設置前景色為#313c45，畫一個圓角矩形，并將圓角矩形的填充設置為11%

5、為這個圓角矩形添加一個圖層樣式。這里，我添加了描邊、內陰影以及投影。

6、下面，復制一層這個圓角矩形，按照構思， 我們將用第一個圓角矩形來當作輸入用戶名 的框框，復制來的這一個圓角矩形，我們下 移一定的像素，用來當作輸入密碼的框框。

7、接下來，我們繼續復制一層這個圓角矩形， 依舊下移一定的像素，用來當作確定的框框。右鍵清除掉圖層樣式，并將形狀填充顏色更改為#749e5e，添加一個圖層樣式。

(編輯：小酷)