ps繪制質(zhì)感HTC手機(jī)icon圖標(biāo)教程(5)

來源:尼果網(wǎng) 作者:佚名  學(xué)習(xí):3170人次

本教程主要使用Photoshop繪制質(zhì)感HTC手機(jī)圖標(biāo)教程,這份icon也是基于iphone框架做的,喜歡的朋友可以一起來學(xué)習(xí)吧

先看看效果圖

Photoshop繪制質(zhì)感HTC手機(jī)icon圖標(biāo)教程

效果如下:

Photoshop繪制質(zhì)感HTC手機(jī)icon圖標(biāo)教程

如慣例用圓角矩形工具畫出長(zhǎng)寬為512px,R值為92px的標(biāo)準(zhǔn)iphone圖標(biāo)框架

添加圖層樣式:內(nèi)陰影、漸變疊加

Photoshop繪制質(zhì)感HTC手機(jī)icon圖標(biāo)教程

Photoshop繪制質(zhì)感HTC手機(jī)icon圖標(biāo)教程

Photoshop繪制質(zhì)感HTC手機(jī)icon圖標(biāo)教程

增加ihero面板

復(fù)制框架圖層作為新的圖層,命名為面板圖層,去除圖層樣式,調(diào)整框架下部份節(jié)點(diǎn),作為面板的基底

Photoshop繪制質(zhì)感HTC手機(jī)icon圖標(biāo)教程

利用這層面板基底分化出不同的圖層

Photoshop繪制質(zhì)感HTC手機(jī)icon圖標(biāo)教程

添加圖層樣式,深入細(xì)化

Photoshop繪制質(zhì)感HTC手機(jī)icon圖標(biāo)教程

為面板添加圖層樣式、拉絲紋理、光感等,得出如下圖效果

Photoshop繪制質(zhì)感HTC手機(jī)icon圖標(biāo)教程

圖層分解

Photoshop繪制質(zhì)感HTC手機(jī)icon圖標(biāo)教程

屏幕部份

Photoshop繪制質(zhì)感HTC手機(jī)icon圖標(biāo)教程

屏幕部份圖層分解

Photoshop繪制質(zhì)感HTC手機(jī)icon圖標(biāo)教程

按鍵部份

Photoshop繪制質(zhì)感HTC手機(jī)icon圖標(biāo)教程

按鍵部份圖層分解

Photoshop繪制質(zhì)感HTC手機(jī)icon圖標(biāo)教程

添加其它按鍵

Photoshop繪制質(zhì)感HTC手機(jī)icon圖標(biāo)教程

制作led燈和聽筒

Photoshop繪制質(zhì)感HTC手機(jī)icon圖標(biāo)教程

led燈和聽筒圖層分解

Photoshop繪制質(zhì)感HTC手機(jī)icon圖標(biāo)教程

最后添加usb部份完成了

Photoshop繪制質(zhì)感HTC手機(jī)icon圖標(biāo)教程

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

  • 一定要打開PS,跟著教程做一遍,做完的圖到這交作業(yè):提交作業(yè)
  • 建議練習(xí)時(shí),大家自己找素材,盡量不要用教程提供的素材。
  • 教程有看不懂的地方,可以到論壇發(fā)帖提問:新手求助
  • 加官方微信,隨時(shí)隨地,想學(xué)就能學(xué):ps_bbs,或掃右側(cè)二維碼!
  • 關(guān)注我們學(xué)更多,每天都有新教程:新浪微博 抖音視頻 微信小程序

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

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