完成圖
photoshop教程背景素材:
具體的制作步驟如下:
1、先將背景素材進行高斯模糊,數值大小隨分辨率自定 看上去大約像700度近視就OK了,這樣用戶會有期待感,老想去看清
2、後新建一個圖層,命名為“輔助”然後用
圓角矩形工具畫出身份驗證框
將白色框移動到正中心,然後將其圖層可見性關閉(小眼睛)
3、後再新建一個圖層命名為“陰影邊線”。在邊線圖層上載入“輔助”圖層選區(按著Ctrl點擊圖層菜單裡的相應圖層)。使用選框工具(快捷鍵M)右鍵單擊選框選擇描邊
參數設置如圖然後設置投影
4、新建一個空白圖層與“陰影邊線”圖層合並,命名為陰影,選中陰影圖層,載入“輔助”圖層選區,把選區內的多余陰影刪除。
5、新建一個圖層命名為邊線,選中該圖層載入輔助圖層選區,使用選取工具在選區上單擊右鍵,選擇描邊
參數如圖
6、再新建一個圖層,命名為“低反光”選中該圖層並載入“輔助”選區用漸變工具在左上角和右下角做兩個小反光(漸變工具設置為白色到透明徑向漸變)
效果如圖:
7、新建一個圖層命名為“高反光”,選中該圖層,載入“輔助”圖層選區,使用橢圓形選框工具按著alt減去選區使選區如圖所示
然後再來一個徑向漸變,漸變的參數不變,不要白的太狠,可以適當的降低透明的
到這裡登陸框就做完了,之前的“輔助”圖層也就沒用了,刪除掉下面做輸入框。
8、用圓角矩形再畫一個輸入框,命名為“輔助”
如圖
一樣將他的小眼睛關掉。
9、新建一個圖層命名為輸入框,選中該圖層,載入“輔助”選區,使用選框工具在選區上右鍵單擊,選擇描邊.白色1像素內部
設置投影
參數如圖
新建一個圖層與“輸入框”合並,命名為輸入框,選中該圖層載入輔助選區執行:選擇-修改-擴展 1像素
然後Ctrl+shift+I反選刪除
10、新建一個圖層命名為灰色,載入“輔助”選區,羽化,參數自定,大約近視300度那個樣子,我羽化的15.然後填充灰色#989898,載入“輔助”選區,反選-刪除
11、復制灰色和選框圖層下拉出另外一個輸入框就OK了
現在有兩個輸入框了,輔助圖層又沒用了,刪除
接下來制作頭像框
12、新建一個圖層,命名為輔助,畫一個如圖的圖形先
然後把它的小眼睛關掉
13、新建一個圖層,命名為頭像框,選中該圖層載入“輔助”選區,就像之前制作登陸框一樣咯,左上角右下角來個小反光然後用途元選框工具刪除點選區再來個大反光
如圖
14、新建一個圖層,命名為頭像框邊線,選中該圖層載入輔助選區,使用選框工具右鍵描邊:1像素、黑色、內部
在執行:選擇-修改-擴展-1像素 繼續使用選框工具右鍵描邊:1像素、白色、外部
如圖
15、找張好看的頭像塞進去就OK了
搞定咯~