Photoshop制作超酷的古金屬風格登錄框

 　　本例教程源於一個國外客戶的真實案例，在此給大家分享一些我在制作時的一些思路，思路為重點。希望能對大家的設計有所幫助。

　　主要思路：畫草圖，用純色塊填充草圖，加材質做質感，最後整理調整。

　　最終效果

　　1、首先我們把登錄框的草圖畫出來，下圖是對方已經畫好的，客戶說了想要這種形狀。如果客戶沒有指定的話那就要自己動手畫了。

　　2、草圖完成後，接下來我的操作是使用鋼筆工具勾勒出登錄框各個部分的外形，然後再用純色塊填充。在這裡網格工具可以很好的幫助你。網格線的間隔可以在首選項中設置，下面是過程圖。

　　3、接下來為登錄框添加質感，我通常的做法是材質圖結合圖層樣式實現效果，下面拿登錄框的底框為例講解具體操作，其他部分大同小異就不做詳細講解了。首先背景我找了多張材質劃痕素材進行融合，然後對底框加了簡單的立體效果圖層樣式，最後再為其疊加材質，具體操作如下。

　　4、圖層樣式。

　　5、然後創建剪切蒙版，導入素材圖，為底框添加紋理效果。在此過程中可以多多嘗試圖層模式，並適當降低不透明度。

　　6、內框采用同樣的方法，這時的圖層樣式就要添加內陰影的效果了，耐心調整素材與圖層的效果。

　　7、添加輸入框以及一些文字提示，輸入框的效果可以在圖層樣式設置中將陰影模式改為“正常”，顏色改為白色，然後適當調整位置與大小即可。

　　8、制作登錄框按鈕，跟底框制作道理是一樣的。

　　9、大體效果已經完成，最後我們再做一些收尾工作。比如說我在登錄框上部加了幾個小螺絲，頁面的上下加了邊框效果。當然這只是我的做法，你也可以添加其他的效果。

　　最終效果：