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

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

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

【 tulaoshi.com - PS 】

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

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

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

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

具体的绘制步骤如下:

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

延伸阅读
先看看效果图 第一步: 建立一个900*700px的文件,绘制一个825*700矢量矩形,点击图层栏底部工具的创建新的填充或图层调整图标,将图黑色渐变。 第二步: 给底部叠加图案。把下面这张凹凸纹理图案导入Ps,点击编辑---定义图案,就能在图层样式里使用了。看以下图设置。最后将图层命名为背景。 纹理图案 第三步:图标底部 绘...
标签: PS PS基础
作者的图标制作的非常精细,用到的图层也非常多。过程:先把图标的结构分解出来,然后由底部往上开始制作,先画出每一层的图形,再用图层样式等来制作质感。 最终效果 1、新建一个1000 * 1000px的画布,背景填充#808b5e1,用圆角矩形工具创建一个400 * 400px,圆角60px的形状置于画布中央,命名为底板,添加图层样式如下图。 2、Ct...
标签: PS PS基础
今天为大家带来一篇非常简单的iCloud图标的PS教程。这篇教程虽然简单,但是有很多细节,大家从中还可以学到非常常用的角度渐变和渐变描边的用法。 先看看效果图 第1步: 打开Photoshop,Ctrl+N新建文档,根据自己的情况来定义尺寸。 第2步: 选择圆角矩形工具,按住Shift键在画布上绘制出一个方形的圆角矩形,这里我将圆角半径设置...

经验教程

889

收藏

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