今天，給大家帶來一個Web登入框的製作過程，這個登入框並非什麼原創，是在 網上看到的一個類似的圖片，然後做了一個PSD，並擷取了製作的過程，大神輕噴。PSD裡，我們製作了九個顏色，期待看看大家的作業。
原始檔打包 百度雲下載：http://pan.baidu.com/s/1eQi9u18
1、新建一個文件，這裡我用的是400*300畫素，填充一個#d0c0be的顏色填充調整層。
2、選擇畫筆工具，使用圓角柔邊畫筆，設定前景色為#364e35，畫出如下圖中的形狀出來。
3、執行“濾鏡—模糊—高斯模糊”，我用的數值是46.9畫素，賦予這個顏色層一個模糊效果，跟我們的背景融合。
4、選擇圓角矩形工具，並設定前景色為#313c45，畫一個圓角矩形，並將圓角矩形的填充設定為11%
5、為這個圓角矩形新增一個圖層樣式。這裡，我新增了描邊、內陰影以及投影。
6、下面，複製一層這個圓角矩形，按照構思， 我們將用第一個圓角矩形來當作輸入使用者名稱 的框框，複製來的這一個圓角矩形，我們下 移一定的畫素，用來當作輸入密碼的框框。
7、接下來，我們繼續複製一層這個圓角矩形， 依舊下移一定的畫素，用來當作確定的框框。右鍵清除掉圖層樣式，並將形狀填充顏色更改為#749e5e，新增一個圖層樣式。
8、新增文字，會員登入，文字顏色設定為白色#ffffff，併為其新增一個圖層樣式，這裡我新增了描邊以及投影。
9、新增最底下那個綠色框中的文字：確定。設定確定兩字的顏色為白色，並新增一個圖層樣式，這裡我用了描邊和投影。
10、下面，我們新增使用者名稱及密碼兩個文字，同樣的設定文字的顏色為白色，新增一個圖層樣式，在這裡，我設定了一個投影效果。
到這裡，就算是完成了，來看看我們的效果吧！
我們的PSD裡製作了不同顏色各異的效果，來看看吧！
