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

2016-03-17 20:26 12 1 收藏

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

【 tulaoshi.com - PS 】

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

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

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

具体的绘制步骤如下:

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

来源:http://www.tulaoshi.com/n/20160317/1864964.html

延伸阅读
先看看效果图 第一步: 建立一个900*700px的文件,绘制一个825*700矢量矩形,点击图层栏底部工具的创建新的填充或图层调整图标,将图黑色渐变。 第二步: 给底部叠加图案。把下面这张凹凸纹理图案导入Ps,点击编辑---定义图案,就能在图层样式里使用了。看以下图设置。最后将图层命名为背景。 纹理图案 第三步:图标底部 绘...
Photoshop绘制立体效果的木质书架   第1步 在Photoshop中创建一个新的文档,一个600px的宽度和800px高度。 第2步 首先,我们将制作木质纹理。创建一个新层,选择图层新建图层。使用油漆桶工具填充它可与任何颜色。设置前景和#dc8a24的背景颜色#ab540f。现在去滤镜渲染纤维。使用以下参数设置。 第3步 ...
标签: PS PS基础
本教程主要使用Photoshop设计蓝色立体效果的圆形图标,经常看到有人问这种圆型icon要怎么做,觉得很有趣稍微思考一下原理,做了个简易快速版本。 中间的渐层色 画一个圆,设图层样式,角度。 凹进去的部份 其实是用迭的,再画一个半圆,设内阴影。 中心 画一个圆,用图层样式设定,一层就能解决厚度和高光问题。 ...

经验教程

522

收藏

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