本例教程源于一個國外客戶的真實案例，非常酷炫，重點是幫同學(xué)們學(xué)會繪制這類效果時的思路，想學(xué)習(xí)具體操作的同學(xué)可直接右戳 >>>
一、構(gòu)建草圖
首先我們把登錄框的草圖畫出來，下圖是對方已經(jīng)畫好的，客戶說了想要這種形狀的。如果客戶沒有指定的話那就要自己動手畫了。
二、純色填充
草圖完成后，接下來我的操作是使用鋼筆工具勾勒出登錄框各個部分的外形，然后再用純色塊填充。在這里網(wǎng)格工具可以很好的幫助你，網(wǎng)格線的間隔可以在首選項（ctrl+k）中設(shè)置，下面是過程圖系統(tǒng)學(xué)習(xí)ps設(shè)計加qq群：747874537!同時也可獲取最新的軟件安裝包以及視頻學(xué)習(xí)教程！
三、添加質(zhì)感
接下來為登錄框添加質(zhì)感。
我通常的做法是材質(zhì)圖結(jié)合圖層樣式實現(xiàn)效果，下面拿登錄框的底框為例講解具體操作，其他部分大同小異就不做詳細講解了。首先背景我找了多張質(zhì)感劃痕素材進行融合然后對底框添加了簡單的立體效果圖層樣式，最后在為其疊加材質(zhì)，具體操作如下系統(tǒng)學(xué)習(xí)ps設(shè)計加qq群：747874537!同時也可獲取最新的軟件安裝包以及視頻學(xué)習(xí)教程！
背景融合：
圖層樣式：
然后創(chuàng)建剪貼蒙版，導(dǎo)入素材圖，為底框添加紋理效果，在此過程中可以多多嘗試圖層模式，并適當降低不透明度。
內(nèi)框采用同樣的方法，這時的圖層樣式就要添加內(nèi)陰影的效果了，耐心調(diào)整素材與圖層的效果。
添加輸入框以及一些文字提示，輸入框的效果可以在圖層樣式設(shè)置中將陰影模式改為正常，顏色改為白色，然后適當調(diào)整位置與大小即可。系統(tǒng)學(xué)習(xí)ps設(shè)計加qq群：747874537!同時也可獲取最新的軟件安裝包以及視頻學(xué)習(xí)教程！
制作登錄按鈕，跟底框制作道理是一樣的。
按鈕制作分解圖
四、整體裝飾
大體效果已經(jīng)完成，最后我們在做一些收尾工作。比如說我在登錄框上部加了幾個小螺絲，頁面的上下加了邊框效果，當然這只是我的做法，你也可以添加其他的效果。
源文件可直接右戳?http://pan.baidu.com
