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

2016-02-16 04:52 11 1 收藏

下面图老师小编跟大家分享Photoshop绘制质感HTC手机icon图标教程,一起来学习下过程究竟如何进行吧!喜欢就赶紧收藏起来哦~

【 tulaoshi.com - PS 】

先看看效果图

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

效果如下:

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

(本文来源于图老师网站,更多请访问https://www.tulaoshi.com/ps/)

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

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

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

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

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

增加ihero面板

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

(本文来源于图老师网站,更多请访问https://www.tulaoshi.com/ps/)

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

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

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

添加图层样式,深入细化

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

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

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

图层分解

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

屏幕部份

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

屏幕部份图层分解

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

按键部份

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

按键部份图层分解

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

添加其它按键

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

制作led灯和听筒

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

led灯和听筒图层分解

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

最后添加usb部份完成了

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

(本文来源于图老师网站,更多请访问https://www.tulaoshi.com/ps/)

来源:https://www.tulaoshi.com/n/20160216/1568277.html

延伸阅读
标签: PS PS基础
老早之前就想弄个教程了,之前有很多人都叫为湿出教程,无奈为湿惰性比较强,之前也没做过教程,所以一直没法出货。现在终于下决心,也搞个教程出来,跟大伙分享为湿的一点小小小小的经验。为湿的这个小教程只是个人心得之谈,不代表其他设计师及业界的技术与标准,所说之处仅代表个人意见,如有不足,多多包涵。此教程面向受众为比较熟悉ps操...
标签: PS PS基础
最终效果图 步骤分解
标签: PS
PS绘制科技质感的精致的旋钮ICON图标   绘制科技质感的精致的旋钮ICON图标,值得www.Tulaoshi.com借鉴学习 PS绘制科tulaoShi.com技质感的精致的旋钮ICON图标(2) PS绘制科技质感的精致的旋钮ICON图标(3) PS绘制科技质感的精致的旋钮ICON图标(4) TuLaoShi.com
标签: PS
PS绘制简约相机ICON图tulaoshi.com标教程   绘制简约相机ICON图标教程,值得借鉴,记得交作业
标签: PS PS基础
效果图: 教程如下:

经验教程

831

收藏

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