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

许涛_088

许涛_088

2016-02-16 04:52

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

先看看效果图

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

效果如下:

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

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

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

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

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

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

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

屏幕部份图层分解

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

按键部份

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

按键部份图层分解

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

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

添加其它按键

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

制作led灯和听筒

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

led灯和听筒图层分解

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

最后添加usb部份完成了

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

展开更多 50%)
分享

猜你喜欢

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

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

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

电脑网络
PS绘制质感HTC手机icon图标教程

s8lol主宰符文怎么配

英雄联盟 网络游戏
s8lol主宰符文怎么配

photoshop绘制气泡ICON图标教程

电脑网络
photoshop绘制气泡ICON图标教程

Photoshop绘制立体质感的电池ICON图标

PS PS基础
Photoshop绘制立体质感的电池ICON图标

lol偷钱流符文搭配推荐

英雄联盟 网络游戏
lol偷钱流符文搭配推荐

Photoshop制作蓝色质感的ICON图标教程

PS PS基础 ps平面设计教程 ps去水印教程
Photoshop制作蓝色质感的ICON图标教程

Photoshop绘制质感IE图标教程

PS PS基础
Photoshop绘制质感IE图标教程

lolAD刺客新符文搭配推荐

英雄联盟
lolAD刺客新符文搭配推荐

Photoshop简单制作一款金色质感文字效果

Photoshop简单制作一款金色质感文字效果

Photoshop鼠绘聊斋故事中的狐狸精

Photoshop鼠绘聊斋故事中的狐狸精
下拉加载更多内容 ↓