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

2016-04-05 15:35 23 1 收藏

今天图老师小编要跟大家分享PS绘制质感HTC手机icon图标教程,精心挑选的教程简单易学,喜欢的朋友一起来学习吧!

【 tulaoshi.com - ps鼠绘 】

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

tuLaoShi.com

  这是一份我们尼果网Kevin兄迟迟未出的教程,一直太忙了(懒惰的借口),就让我替Kevin兄整理出来吧

       图老师推荐:photoshop7.0迷你版免费下载    |  Photoshop CS5 中文免费下载  |  photoshop免费下载

  这份icon也是基于iphone框架做的,为了记念Kevin兄那台使用已久的htc hero,真是长情的呀~~~注意!这不是htc的广告,如果是,请替我们联系htc公关部

  申请广告费,哈哈~~~

PS绘制质感HTC手机icon图标教程 图老师

  效果如下:

按此在新窗口浏览图片

  如惯例用圆角矩形工具画出长宽为512px,R值为92px的标准iphone图标框架

  添加图层样式:内阴影、渐变叠加

按此在新窗口浏览图片
按此在新窗口浏览图片

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

按此在新窗口浏览图片

  增加ihero面板

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

(本文来源于图老师网站,更多请访问http://www.tulaoshi.com/psshuhuijiaocheng/)
按此在新窗口浏览图片

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

(本文来源于图老师网站,更多请访问http://www.tulaoshi.com/psshuhuijiaocheng/)
按此在新窗口浏览图片

  添加图层样式,深入细化

按此在新窗口浏览图片

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

按此在新窗口浏览图片

  图层分解

按此在新窗口浏览图片

  屏幕部份

按此在新窗口浏览图片

  屏幕部份图层分解

按此在新窗口浏览图片

  按键部份

按此在新窗口浏览图片

  按键部份图层分解

按此在新窗口浏览图片

  添加其它按键

按此在新窗口浏览图片Tulaoshi.com

  制作led灯和听筒

按此在新窗口浏览图片

  led灯和听筒图层分解

按此在新窗口浏览图片

  最后添加usb部份完成了

按此在新窗口浏览图片

来源:http://www.tulaoshi.com/n/20160405/2125210.html

延伸阅读
PS绘制超强质感立体APP图标教程 PS绘制超强质www.tulaoshi.com感立体APP图标教程
PS简单绘制质感立体图标教程 PS简单绘制质感立体图标教程 先来看看最终的效果图吧:TuLaoShi.com
PS绘制超强金属质感图标 www.Tulaoshi.com PS绘制超强金属质感图标(2)

经验教程

517

收藏

5
微博分享 QQ分享 QQ空间 手机页面 收藏网站 回到头部