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

此实例主要学习如何用Photoshop绘制质感HTC手机icon图标教程

图标制作,用PS制作简单的彩色线性图标(3)

第3步 创建笔刷。画两个互相垂直的矩形,调整矩形底部直线的弧度。然后给垂直的矩形底部添加一个小椭圆,作为刷子手柄上的小孔。 接下来为刷子制作刷毛,绘制出五个大小相同的矩形。将它们排成一行,使它们重叠在一

本教程主要使用Photoshop绘制质感HTC手机图标教程,这份icon也是基于iphone框架做的,喜欢的朋友可以一起来学习吧

先看看效果图

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

效果如下:

ps绘制质感HTC手机icon图标教程插图(1)

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

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

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

ps绘制质感HTC手机icon图标教程插图(3)

ps绘制质感HTC手机icon图标教程插图(4)

增加ihero面板

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

ps绘制质感HTC手机icon图标教程插图(5)

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

ps绘制质感HTC手机icon图标教程插图(6)

添加图层样式,深入细化

ps绘制质感HTC手机icon图标教程插图(7)

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

ps绘制质感HTC手机icon图标教程插图(8)

图层分解

ps绘制质感HTC手机icon图标教程插图(9)

屏幕部份

ps绘制质感HTC手机icon图标教程插图(10)

屏幕部份图层分解

ps绘制质感HTC手机icon图标教程插图(11)

按键部份

ps绘制质感HTC手机icon图标教程插图(12)

按键部份图层分解

ps绘制质感HTC手机icon图标教程插图(13)

添加其它按键

ps绘制质感HTC手机icon图标教程插图(14)

制作led灯和听筒

ps绘制质感HTC手机icon图标教程插图(15)

led灯和听筒图层分解

ps绘制质感HTC手机icon图标教程插图(16)

最后添加usb部份完成了

ps绘制质感HTC手机icon图标教程插图(1)

本教程主要使用Photoshop绘制质感HTC手机图标教程,这份icon也是基于iphone框架做的,喜欢的朋友可以一起来学习吧

先看看效果图

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

效果如下:

ps绘制质感HTC手机icon图标教程插图(1)

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

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

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

ps绘制质感HTC手机icon图标教程插图(3)

ps绘制质感HTC手机icon图标教程插图(4)

增加ihero面板

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

ps绘制质感HTC手机icon图标教程插图(5)

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

ps绘制质感HTC手机icon图标教程插图(6)

添加图层样式,深入细化

ps绘制质感HTC手机icon图标教程插图(7)

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

ps绘制质感HTC手机icon图标教程插图(8)

图层分解

ps绘制质感HTC手机icon图标教程插图(9)

屏幕部份

ps绘制质感HTC手机icon图标教程插图(10)

屏幕部份图层分解

ps绘制质感HTC手机icon图标教程插图(11)

按键部份

ps绘制质感HTC手机icon图标教程插图(12)

按键部份图层分解

ps绘制质感HTC手机icon图标教程插图(13)

添加其它按键

ps绘制质感HTC手机icon图标教程插图(14)

制作led灯和听筒

ps绘制质感HTC手机icon图标教程插图(15)

led灯和听筒图层分解

ps绘制质感HTC手机icon图标教程插图(16)

最后添加usb部份完成了

ps绘制质感HTC手机icon图标教程插图(1)

作者: 791650988

为您推荐