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

2016-02-16 02:50 14 1 收藏

下面图老师小编要跟大家分享Photoshop设计木纹立体效果的软件图标,简单的过程中其实暗藏玄机,还是要细心学习,喜欢还请记得收藏哦!

【 tulaoshi.com - PS 】

首先给大家看看整体效果,1.新建文件。大小400*300,做球形渐变。

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

经验教程

362

收藏

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