當(dāng)前位置:首頁>ps實例教程>ps網(wǎng)頁設(shè)計>網(wǎng)頁圖片>教程內(nèi)容

網(wǎng)頁設(shè)計,設(shè)計金屬質(zhì)感游戲主題登陸框

來源:站酷 作者:DearSalt 學(xué)習(xí):3387人次

本例教程源于一個國外客戶的真實安全,在此給大家分享一些作者在制作時的一些思路,思路為重點,希望能對大家的設(shè)計有所幫助。主要思路:畫草圖,用純色塊填充草圖,加材質(zhì)做質(zhì)感,最后整理調(diào)整。

教程需要的素材鏈接:http://pan.baidu.com/s/1hqGMdKC 密碼:zhvm

網(wǎng)頁設(shè)計,設(shè)計金屬質(zhì)感游戲主題登陸框
首先我們把登陸框的藍(lán)圖畫出來,下圖是對方已經(jīng)畫好的,客戶說了想要這種形狀的。如果客戶沒有指定的話那就要自己動手畫了。

網(wǎng)頁設(shè)計,設(shè)計金屬質(zhì)感游戲主題登陸框
草圖完成后,接下來我的操作是使用鋼筆工具勾勒出登陸框各個部分的外形,然后再用純色塊填充。在這里網(wǎng)格工具可以很好的幫助你,風(fēng)格線的間隔可以在首選項(首選項快捷鍵:CTRL+K)中設(shè)置,下圖是過程圖

網(wǎng)頁設(shè)計,設(shè)計金屬質(zhì)感游戲主題登陸框

背景融合:

網(wǎng)頁設(shè)計,設(shè)計金屬質(zhì)感游戲主題登陸框
然后創(chuàng)建剪貼蒙版,導(dǎo)入素材圖,為底框添加紋理效果,在此過程中可以多多嘗試圖層模式,并適當(dāng)降低不透明度。

網(wǎng)頁設(shè)計,設(shè)計金屬質(zhì)感游戲主題登陸框
內(nèi)框采用同樣的方法,這時的圖層樣式就要添加內(nèi)陰影的效果了,耐心調(diào)整素材與圖層的效果。

網(wǎng)頁設(shè)計,設(shè)計金屬質(zhì)感游戲主題登陸框

添加輸入框以及一些文字提示,輸入框的效果可以在圖層樣式設(shè)置中將陰影模式改為正常,顏色改為白色,然后適當(dāng)調(diào)整位置與大小即可。

網(wǎng)頁設(shè)計,設(shè)計金屬質(zhì)感游戲主題登陸框
制作登陸按鈕,跟底框制作道理是一樣的。

網(wǎng)頁設(shè)計,設(shè)計金屬質(zhì)感游戲主題登陸框
整體修飾
大體效果已經(jīng)完成,最后我們再做一些收尾工作。比如說我在登陸框上部加了幾個小螺絲,頁面的上下加了邊框效果,當(dāng)然這只是我的做法,你也可以添加其他的效果。

網(wǎng)頁設(shè)計,設(shè)計金屬質(zhì)感游戲主題登陸框

 

學(xué)習(xí) · 提示

  • 一定要打開PS,跟著教程做一遍,做完的圖到這交作業(yè):提交作業(yè)
  • 建議練習(xí)時,大家自己找素材,盡量不要用教程提供的素材。
  • 教程有看不懂的地方,可以到論壇發(fā)帖提問:新手求助
  • 加官方微信,隨時隨地,想學(xué)就能學(xué):ps_bbs,或掃右側(cè)二維碼!
  • 關(guān)注我們學(xué)更多,每天都有新教程:新浪微博 抖音視頻 微信小程序
- 發(fā)評論 | 交作業(yè) -
最新評論
球球用戶-679612018-10-07 11:40
貼地飛行2017-05-28 06:25
謝老師分享。。。。!
多面霾伏2017-05-28 04:17
我要投稿

關(guān)注大神微博加入>>

網(wǎng)友求助,請回答!