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

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

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

【 tulaoshi.com - PS 】

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

延伸阅读
标签: PS PS基础
今天为大家带来一篇非常简单的iCloud图标的PS教程。这篇教程虽然简单,但是有很多细节,大家从中还可以学到非常常用的角度渐变和渐变描边的用法。 先看看效果图 第1步: 打开Photoshop,Ctrl+N新建文档,根据自己的情况来定义尺寸。 第2步: 选择圆角矩形工具,按住Shift键在画布上绘制出一个方形的圆角矩形,这里我将圆角半径设置...
标签: PS PS基础
随着Android等操作系统的开发,现在的互联网逐步向手机端应用推进,很多都有了手机端应用程序,必须淘宝,新浪等,所以手机端应用程序UI设计也逐 步的成为新潮,下面来看下一个APP应用程序图标的制作吧,这只是个思路,算抛砖引玉,有很多时候,我们感觉我们不会,而不是正真的我们不会,是我们没有接触过。 素材包下载:本地高速下载 看下...

经验教程

413

收藏

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