ps設計金屬質感的網(wǎng)頁鐵牌(3)

來源:暢游VC博客 作者:暢游VC 學習:14561人次

按鈕設計在日常工作中經(jīng)常出現(xiàn),今天給大家分享一個現(xiàn)代戰(zhàn)爭類按鈕制作過程,希望能幫到大家,以下是效果圖:

PS教程:超酷現(xiàn)代戰(zhàn)爭按鈕制作過程

您需要準備以下素材

PS教程:超酷現(xiàn)代戰(zhàn)爭按鈕制作過程

首先,先建一個暗色背景,然后疊加一個金屬紋理,調整一下。

PS教程:超酷現(xiàn)代戰(zhàn)爭按鈕制作過程

背景樣式

用矩形工作開始繪制按鈕基本形狀。

PS教程:超酷現(xiàn)代戰(zhàn)爭按鈕制作過程

繪制完之后開始添加基本細節(jié),把握住現(xiàn)代戰(zhàn)爭的特征,比如齒輪、工業(yè)設計線

PS教程:超酷現(xiàn)代戰(zhàn)爭按鈕制作過程

接下來給做好的原型添加材質,先把材質處理一下,

PS教程:超酷現(xiàn)代戰(zhàn)爭按鈕制作過程

基本形狀出來之后,感覺層次較少,這是我們繼續(xù)添加細節(jié)

PS教程:超酷現(xiàn)代戰(zhàn)爭按鈕制作過程

添加另外一種金屬材質,讓按鈕變的更豐富,添加按鈕厚度

PS教程:超酷現(xiàn)代戰(zhàn)爭按鈕制作過程

繼續(xù)添加細節(jié),按鈕陰影處的反光、光效的添加

PS教程:超酷現(xiàn)代戰(zhàn)爭按鈕制作過程

添加文字,效果如下

PS教程:超酷現(xiàn)代戰(zhàn)爭按鈕制作過程

PS教程:超酷現(xiàn)代戰(zhàn)爭按鈕制作過程

整體的感覺,已經(jīng)出來,為了讓按鈕更加真實,接下就是細節(jié)的調整了,我們要給按鈕表面做舊處理。

PS教程:超酷現(xiàn)代戰(zhàn)爭按鈕制作過程

PS教程:超酷現(xiàn)代戰(zhàn)爭按鈕制作過程

為了按鈕細節(jié)更加豐富,我們給按鈕下面也添加工業(yè)線,微調整體光感,最終效果

PS教程:超酷現(xiàn)代戰(zhàn)爭按鈕制作過程

關于暢游VC

搜狐暢游視覺設計中心團隊。我們是從游戲和生活中汲取創(chuàng)意和靈感的一群設計精靈,用愛去釋放奇妙的設計魔法,描繪讓你我感動的虛擬人生。

您也可以通過掃描下方二維碼快速添加:

PS教程:超酷現(xiàn)代戰(zhàn)爭按鈕制作過程

 

學習 · 提示

  • 一定要打開PS,跟著教程做一遍,做完的圖到這交作業(yè):提交作業(yè)
  • 建議練習時,大家自己找素材,盡量不要用教程提供的素材。
  • 教程有看不懂的地方,可以到論壇發(fā)帖提問:新手求助
  • 加官方微信,隨時隨地,想學就能學:ps_bbs,或掃右側二維碼!
  • 關注我們學更多,每天都有新教程:新浪微博 抖音視頻 微信小程序
- 發(fā)評論 | 交作業(yè) -
最新評論
記憶的迷茫2014-11-21 02:56
。。。。感謝樓主
10269930382014-03-30 09:22
<怒>
3957508792014-03-30 03:28
為了按鈕細節(jié)更加豐富,我們給按鈕下面也添加工業(yè)線,微調整體光感,最終效果
3957508792014-03-30 03:28
整體的感覺,已經(jīng)出來,為了讓按鈕更加真實,接下就是細節(jié)的調整了,我們要給按鈕表面做舊處理。
3957508792014-03-30 03:28
添加文字,效果如下
3957508792014-03-30 03:28
繼續(xù)添加細節(jié),按鈕陰影處的反光、光效的添加
3957508792014-03-30 03:28
添加另外一種金屬材質,讓按鈕變的更豐富,添加按鈕厚度
3957508792014-03-30 03:28
基本形狀出來之后,感覺層次較少,這是我們繼續(xù)添加細節(jié)
3957508792014-03-30 03:28
接下來給做好的原型添加材質,先把材質處理一下,
3957508792014-03-30 03:28
繪制完之后開始添加基本細節(jié),把握住現(xiàn)代戰(zhàn)爭的特征,比如齒輪、工業(yè)設計線
3957508792014-03-30 03:28
背景樣式用矩形工作開始繪制按鈕基本形狀。
3957508792014-03-30 03:28
首先,先建一個暗色背景,然后疊加一個金屬紋理,調整一下。
water_2252014-03-28 09:27
為了按鈕細節(jié)更加豐富,我們給按鈕下面也添加工業(yè)線,微調整體光感,最終效果
water_2252014-03-28 09:27
整體的感覺,已經(jīng)出來,為了讓按鈕更加真實,接下就是細節(jié)的調整了,我們要給按鈕表面做舊處理。
water_2252014-03-28 09:27
添加文字,效果如下

關注大神微博加入>>

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