本例教程源于一個(gè)國(guó)外客戶的真實(shí)案例，非车猓酷炫，重點(diǎn)是幫同學(xué)們學(xué)會(huì)繪制這類效果時(shí)的思路灾票，想學(xué)習(xí)具體操作的同學(xué)可直接右戳 >>>
一峡谊、構(gòu)建草圖
首先我們把登錄框的草圖畫(huà)出來(lái)，下圖是對(duì)方已經(jīng)畫(huà)好的刊苍，客戶說(shuō)了想要這種形狀的既们。如果客戶沒(méi)有指定的話那就要自己動(dòng)手畫(huà)了。
二班缰、純色填充
草圖完成后贤壁，接下來(lái)我的操作是使用鋼筆工具勾勒出登錄框各個(gè)部分的外形，然后再用純色塊填充埠忘。在這里網(wǎng)格工具可以很好的幫助你，網(wǎng)格線的間隔可以在首選項(xiàng)（ctrl+k）中設(shè)置馒索，下面是過(guò)程圖系統(tǒng)學(xué)習(xí)ps設(shè)計(jì)加qq群：747874537!同時(shí)也可獲取最新的軟件安裝包以及視頻學(xué)習(xí)教程莹妒！
三、添加質(zhì)感
接下來(lái)為登錄框添加質(zhì)感绰上。
我通常的做法是材質(zhì)圖結(jié)合圖層樣式實(shí)現(xiàn)效果旨怠，下面拿登錄框的底框?yàn)槔v解具體操作，其他部分大同小異就不做詳細(xì)講解了蜈块。首先背景我找了多張質(zhì)感劃痕素材進(jìn)行融合然后對(duì)底框添加了簡(jiǎn)單的立體效果圖層樣式鉴腻，最后在為其疊加材質(zhì)，具體操作如下系統(tǒng)學(xué)習(xí)ps設(shè)計(jì)加qq群：747874537!同時(shí)也可獲取最新的軟件安裝包以及視頻學(xué)習(xí)教程百揭！
背景融合：
圖層樣式：
然后創(chuàng)建剪貼蒙版爽哎，導(dǎo)入素材圖，為底框添加紋理效果器一，在此過(guò)程中可以多多嘗試圖層模式课锌，并適當(dāng)降低不透明度。
內(nèi)框采用同樣的方法祈秕，這時(shí)的圖層樣式就要添加內(nèi)陰影的效果了渺贤，耐心調(diào)整素材與圖層的效果。
添加輸入框以及一些文字提示请毛，輸入框的效果可以在圖層樣式設(shè)置中將陰影模式改為正常志鞍，顏色改為白色，然后適當(dāng)調(diào)整位置與大小即可方仿。系統(tǒng)學(xué)習(xí)ps設(shè)計(jì)加qq群：747874537!同時(shí)也可獲取最新的軟件安裝包以及視頻學(xué)習(xí)教程固棚！
制作登錄按鈕统翩，跟底框制作道理是一樣的。
按鈕制作分解圖
四玻孟、整體裝飾
大體效果已經(jīng)完成唆缴，最后我們?cè)谧鲆恍┦瘴补ぷ鳌１热缯f(shuō)我在登錄框上部加了幾個(gè)小螺絲黍翎，頁(yè)面的上下加了邊框效果面徽，當(dāng)然這只是我的做法，你也可以添加其他的效果匣掸。
源文件可直接右戳?http://pan.baidu.com
