Photoshop设计木质立体效果的软件图标教程

masionshine

masionshine

2016-03-17 20:26

下面是个超简单的Photoshop设计木质立体效果的软件图标教程教程,图老师小编精心挑选推荐,大家行行好,多给几个赞吧,小编吐血跪求~

本教程主要使用Photoshop设计木质立体效果的软件图标,这篇教程教UI设计师使用PS鼠绘质感立体图标,教程绘制出来的图标质感挺强,也很精细,很漂亮。推荐过来和朋友们一起分享学习了。

先来看看最终的效果图吧:

Photoshop设计木质立体效果的软件图标,图老师

具体的绘制步骤如下:

1.新建文件。大小400*300,做球形渐变。

Photoshop设计木质立体效果的软件图标,图老师

2.用圆角矩形工具画一个251*237的圆角矩形Tulaoshi.Com,这一边我用了一个图层合成的,下面有图层截图,做出有一些擦拭过的感觉就可以了

Photoshop设计木质立体效果的软件图标,图老师

Photoshop设计木质立体效果的软件图标,图老师

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

3.这一步用钢笔工具画出来一个平台,我的大体思路就是先勾出大体形状,整个平台分三部分,上面.下面.中间高光。对上下两个部分添加木纹图案,做一些渐变叠加和投影效果,最后我给它们整体做了一个高光,用橡皮擦感觉修整了下。

Photoshop设计木质立体效果的软件图标,图老师

Photoshop设计木质立体效果的软件图标,图老师

4.绘制板刷和粉笔,这一步这个图层效果我截图在下面,你们看着自己调调吧,其实很简单,先说板刷下面用三个矩形就创造出来底座了,上面我做了两层,有的滤镜纤维的效果添加了点杂色,粉笔就是两个圆角矩形,做渐变叠加让它有球面感,在给他们整天做投影。

Photoshop设计木质立体效果的软件图标,图老师

Photoshop设计木质立体效果的软件图标,图老师

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

Photoshop设计木质立体效果的软件图标,图老师

5.最后文字部分做了一下滤镜纹理化修饰,整天就完成了。

Photoshop设计木质立体效果的软件图标,图老师

展开更多 50%)
分享

猜你喜欢

Photoshop设计木质立体效果的软件图标教程

PS PS基础 ps平面设计教程 ps去水印教程
Photoshop设计木质立体效果的软件图标教程

Photoshop设计木质立体效果的软件图标

PS PS基础
Photoshop设计木质立体效果的软件图标

s8lol主宰符文怎么配

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

Photoshop设计木纹立体效果的软件图标

PS PS基础
Photoshop设计木纹立体效果的软件图标

Photoshop设计立体效果的手机图标教程

PS PS基础
Photoshop设计立体效果的手机图标教程

lol偷钱流符文搭配推荐

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

Photoshop绘制蓝色立体效果的软件图标

PS PS基础
Photoshop绘制蓝色立体效果的软件图标

Photoshop设计立体时尚的软件APP图标

PS PS基础
Photoshop设计立体时尚的软件APP图标

lolAD刺客新符文搭配推荐

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

Photoshop设计立体效果的计算机图标教程

Photoshop设计立体效果的计算机图标教程

Photoshop设计精致的音频播放器界面教程

Photoshop设计精致的音频播放器界面教程
下拉加载更多内容 ↓