IT码农库

您当前所在位置:首页 > 平面设计 > photoshop教程 > 矢量手绘

矢量手绘

Photoshop鼠绘制作质感HTC手机图标教程

尼果网 佚名2011-12-30矢量手绘9592
本教程主要使用Photoshop绘制质感HTC手机图标教程,这份icon也是基于iphone框架做的,喜欢的朋友可以一起来学习吧。
先看看效果图
Photoshop鼠绘制作质感HTC手机图标教程
效果如下:
Photoshop鼠绘制作质感HTC手机图标教程
如惯例用圆角矩形工具画出长宽为512px,R值为92px的标准iphone图标框架
添加图层样式:内阴影、渐变叠加
Photoshop鼠绘制作质感HTC手机图标教程
Photoshop鼠绘制作质感HTC手机图标教程
Photoshop鼠绘制作质感HTC手机图标教程

增加ihero面板
复制框架图层作为新的图层,命名为面板图层,去除图层样式,调整框架下部份节点,作为面板的基底
Photoshop鼠绘制作质感HTC手机图标教程
利用这层面板基底分化出不同的图层
Photoshop鼠绘制作质感HTC手机图标教程
添加图层样式,深入细化
Photoshop鼠绘制作质感HTC手机图标教程
为面板添加图层样式、拉丝纹理、光感等,得出如下图效果
Photoshop鼠绘制作质感HTC手机图标教程
大图广告(830*140)