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

2016-02-16 00:13 20 1 收藏

只要你有一台电脑或者手机,都能关注图老师为大家精心推荐的Photoshop设计木质立体效果的软件图标,手机电脑控们准备好了吗?一起看过来吧!

【 tulaoshi.com - PS 】

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

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

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

具体的绘制步骤如下:

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

延伸阅读
标签: 设计
先看看效果图 1、首先我们来分解这个图标,观察其各个组成部分,然后我们分层制作。 2、接下来我们从最底层做起,首先新建画布,置入模糊背景素材。使用钢笔工具在画布上勾勒出一个心形形状,然后对其添加图层样式。 3、底层做好后,接下来我们制作搞怪。搞怪的制作非常简单,首先按住Ctrl键后点击心形图层会出现整...
标签: PS PS基础
效果图: 第一步:画一个圆角为45px,宽高为256*256的圆角矩形,添加图层样式:斜面浮雕和渐变叠加。 第二步:复制刚才的圆角矩形,去掉样式,用直接选择工具将高度调整到226px,左右宽度也分别缩小3-4px。 第三步:再次复制改圆角矩形,用直接选择工具将左右下高度分别减少2px,添加图层样式:投影和内阴影。效果都不是很明显,可...
标签: PS PS基础
目前,很多小说阅读类APPS界面设计都采用了木质书架,这种方式无疑是一个完美的方式。今天,教程盒子将指导您在Photoshop中创建一个木质书架。在本教程中,你会学到如何创造木材纹理等许多的方便、快捷的技术。所以,废话不多说,让我们开始吧! 教程所需素材: 第1步 在Photoshop中创建一个新的文档,一个600px的宽度和800px高度。 第...
标签: PS PS基础
随着Android等操作系统的开发,现在的互联网逐步向手机端应用推进,很多都有了手机端应用程序,必须淘宝,新浪等,所以手机端应用程序UI设计也逐 步的成为新潮,下面来看下一个APP应用程序图标的制作吧,这只是个思路,算抛砖引玉,有很多时候,我们感觉我们不会,而不是正真的我们不会,是我们没有接触过。 素材包下载:本地高速下载 看下...

经验教程

133

收藏

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