ps繪制質感HTC手機icon圖標教程(5)

來源：尼果網 作者：佚名　 學習：3170人次

本教程主要使用Photoshop繪制質感HTC手機圖標教程，這份icon也是基于iphone框架做的，喜歡的朋友可以一起來學習吧

先看看效果圖

Photoshop繪制質感HTC手機icon圖標教程

效果如下：

Photoshop繪制質感HTC手機icon圖標教程

如慣例用圓角矩形工具畫出長寬為512px，R值為92px的標準iphone圖標框架

添加圖層樣式：內陰影、漸變疊加

Photoshop繪制質感HTC手機icon圖標教程

Photoshop繪制質感HTC手機icon圖標教程

Photoshop繪制質感HTC手機icon圖標教程

增加ihero面板

復制框架圖層作為新的圖層，命名為面板圖層，去除圖層樣式，調整框架下部份節(jié)點，作為面板的基底

Photoshop繪制質感HTC手機icon圖標教程

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

Photoshop繪制質感HTC手機icon圖標教程

添加圖層樣式，深入細化

Photoshop繪制質感HTC手機icon圖標教程

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

Photoshop繪制質感HTC手機icon圖標教程

圖層分解

Photoshop繪制質感HTC手機icon圖標教程

屏幕部份

Photoshop繪制質感HTC手機icon圖標教程

屏幕部份圖層分解

Photoshop繪制質感HTC手機icon圖標教程

按鍵部份

Photoshop繪制質感HTC手機icon圖標教程

按鍵部份圖層分解

Photoshop繪制質感HTC手機icon圖標教程

添加其它按鍵

Photoshop繪制質感HTC手機icon圖標教程

制作led燈和聽筒

Photoshop繪制質感HTC手機icon圖標教程

led燈和聽筒圖層分解

Photoshop繪制質感HTC手機icon圖標教程

最后添加usb部份完成了

Photoshop繪制質感HTC手機icon圖標教程

學習 · 提示

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

關注大神微博加入>>

網友求助，請回答！