PS绘制质感HTC手机icon图标教程
tuLaoShi.com这是一份我们尼果网Kevin兄迟迟未出的教程,一直太忙了(懒惰的借口),就让我替Kevin兄整理出来吧
图老师推荐:photoshop7.0迷你版免费下载 | Photoshop CS5 中文免费下载 | photoshop免费下载
这份icon也是基于iphone框架做的,为了记念Kevin兄那台使用已久的htc hero,真是长情的呀~~~注意!这不是htc的广告,如果是,请替我们联系htc公关部
申请广告费,哈哈~~~

效果如下:

如惯例用圆角矩形工具画出长宽为512px,R值为92px的标准iphone图标框架
添加图层样式:内阴影、渐变叠加


PS绘制质感HTC手机icon图标教程(2)

增加ihero面板
复制框架图层作为新的图层,命名为面板图层,去除图层样式,调整框架下部份节点,作为面板的基底

利用这层面板基底分化出不同的图层

添加图层样式,深入细化

为面板添加图层样式、拉丝纹理、光感等,得出如下图效果

图层分解

屏幕部份

屏幕部份图层分解
(本文来源于图老师网站,更多请访问http://m.tulaoshi.com)
按键部份

按键部份图层分解

添加其它按键

制作led灯和听筒

led灯和听筒图层分解

最后添加usb部份完成了
(本文来源于图老师网站,更多请访问http://m.tulaoshi.com)