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

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

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

【 tulaoshi.com - PS 】

先看看效果图

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

效果如下：

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

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

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

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

增加ihero面板

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

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教程,图老师教程网

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

上一篇： Photoshop简单制作一款金色质感文字效果
下一篇： Photoshop鼠绘聊斋故事中的狐狸精

看过《Photoshop绘制质感HTC手机icon图标教程》的人还看了以下文章更多>>

PS绘制科技质感的精致的旋钮ICON图标

标签： PS

PS绘制科技质感的精致的旋钮ICON图标绘制科技质感的精致的旋钮ICON图标，值得www.Tulaoshi.com借鉴学习 PS绘制科tulaoShi.com技质感的精致的旋钮ICON图标(2) PS绘制科技质感的精致的旋钮ICON图标(3) PS绘制科技质感的精致的旋钮ICON图标(4) TuLaoShi.com

Photoshop绘制蓝色质感的软件图标教程

标签： PS PS基础

在Photoshop中图层样式是最为直观的东西，所有的效果都能量化，以数值的形式表现出来，就是各种晦涩难懂的等高线也可以用数字来表现。利用图层样式中的混合模式可以得到千变万化的效果，很多的UI和icon绚丽的效果大多数是靠图层样式来实现的。今天我的临摹的iTunes图标是一个非常经典的icon，不过现在你们看不到了。现在的版本只能说是走火入...

Photoshop设计教程：绘制质感的科技图标

标签： PS PS基础

老早之前就想弄个教程了，之前有很多人都叫为湿出教程，无奈为湿惰性比较强，之前也没做过教程，所以一直没法出货。现在终于下决心，也搞个教程出来，跟大伙分享为湿的一点小小小小的经验。为湿的这个小教程只是个人心得之谈，不代表其他设计师及业界的技术与标准，所说之处仅代表个人意见，如有不足，多多包涵。此教程面向受众为比较熟悉ps操...

Photoshop绘制金色质感的球形图标教程

标签： PS PS基础

最终效果图步骤分解

Photoshop绘制逼真质感的UFO图标教程

标签： PS PS基础

尽管有些效果比较旧了，希望从中学到一些技巧哈,但其实它不仅效果比较旧，资源也比较纠结，原文提供的下载有各种问题。字体的下载还是有效的，Facebook和3D小人就没有了，所以大家自由发挥哈!你们的创意更加好。这个就是我们最后制作成的UFO Step 1 创建一个600*450像素的文档，填充黑色背景。然后设置图层样式渐变叠加，选择径向渐...

查看更多精彩>>