Photoshop鼠绘制作质感HTC手机图标教程
Photoshop鼠绘制作质感HTC手机图标教程
发布时间:2016-12-29 来源:查字典编辑
摘要:先看看效果图效果如下:如惯例用圆角矩形工具画出长宽为512px,R值为92px的标准iphone图标框架添加图层样式:内阴影、渐变叠加增加i...

先看看效果图

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

效果如下:

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

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

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

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

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

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

增加ihero面板

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

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

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

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

添加图层样式,深入细化

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

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

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

图层分解

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

屏幕部份

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

屏幕部份图层分解

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

按键部份

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

按键部份图层分解

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

添加其它按键

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

制作led灯和听筒

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

led灯和听筒图层分解

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

最后添加usb部份完成了

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

推荐文章
猜你喜欢
附近的人在看
推荐阅读
拓展阅读
相关阅读
网友关注
最新photoshop学习
热门photoshop学习
网页设计子分类