Photoshop绘制立体风格的简洁按钮教程

时光的碎片668

时光的碎片668

2016-02-15 20:38

人生本是一个不断学习的过程,在这个过程中,图老师就是你们的好帮手,下面分享的Photoshop绘制立体风格的简洁按钮教程懂PS的网友们快点来了解吧!

先看看效果图

Photoshop绘制立体风格的简洁按钮教程,PS教程,图老师教程网

1、新建文件

Photoshop绘制立体风格的简洁按钮教程,PS教程,图老师教程网

2、选择背景颜色

Photoshop绘制立体风格的简洁按钮教程,PS教程,图老师教程网

3、alt+delete键填充前景色。

Photoshop绘制立体风格的简洁按钮教程,PS教程,图老师教程网

4、椭圆工具新建一个正圆(椭圆1图层)。

Photoshop绘制立体风格的简洁按钮教程,PS教程,图老师教程网

4.1、双击椭圆1图层调节图层样式颜色叠加、描边,参数如图。

Photoshop绘制立体风格的简洁按钮教程,PS教程,图老师教程网

Photoshop绘制立体风格的简洁按钮教程,PS教程,图老师教程网

4.2、得到椭圆1的效果。

Photoshop绘制立体风格的简洁按钮教程,PS教程,图老师教程网

5、再新建椭圆2,大小如图。

Photoshop绘制立体风格的简洁按钮教程,PS教程,图老师教程网

5.1、双击图层调节图层样式:颜色叠加、描边、投影。

Photoshop绘制立体风格的简洁按钮教程,PS教程,图老师教程网

Photoshop绘制立体风格的简洁按钮教程,PS教程,图老师教程网

Photoshop绘制立体风格的简洁按钮教程,PS教程,图老师教程网

6、得到效果,再新建椭圆3.

Photoshop绘制立体风格的简洁按钮教程,PS教程,图老师教程网

6.1双击椭圆3图层调节图层样式:颜色叠加、投影。

Photoshop绘制立体风格的简洁按钮教程,PS教程,图老师教程网

Photoshop绘制立体风格的简洁按钮教程,PS教程,图老师教程网

6.2、椭圆3图层填充调为0.

Photoshop绘制立体风格的简洁按钮教程,PS教程,图老师教程网

6.3、椭圆3效果。

Photoshop绘制立体风格的简洁按钮教程,PS教程,图老师教程网

7、新建椭圆4图层大小如图。

Photoshop绘制立体风格的简洁按钮教程,PS教程,图老师教程网

7.1、双击图层调节图层样式:斜面和浮雕、颜色叠加、外发光、投影。

Photoshop绘制立体风格的简洁按钮教程,PS教程,图老师教程网

Photoshop绘制立体风格的简洁按钮教程,PS教程,图老师教程网

Photoshop绘制立体风格的简洁按钮教程,PS教程,图老师教程网

Photoshop绘制立体风格的简洁按钮教程,PS教程,图老师教程网

7.2、效果。

Photoshop绘制立体风格的简洁按钮教程,PS教程,图老师教程网

7.3、ctrl+J复制椭圆3图层得到椭圆4,调节如图

Photoshop绘制立体风格的简洁按钮教程,PS教程,图老师教程网

8、用矩形工具新建矩形。

Photoshop绘制立体风格的简洁按钮教程,PS教程,图老师教程网

8.1、双击矩形图层调节图层样式:颜色叠加、投影。

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

Photoshop绘制立体风格的简洁按钮教程,PS教程,图老师教程网

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

Photoshop绘制立体风格的简洁按钮教程,PS教程,图老师教程网

8.2、效果如图

Photoshop绘制立体风格的简洁按钮教程,PS教程,图老师教程网

8.3、ctrl+T复制出4个矩形图层,分别调整好位置如图

Photoshop绘制立体风格的简洁按钮教程,PS教程,图老师教程网

9、新建小椭圆位置如图。

Photoshop绘制立体风格的简洁按钮教程,PS教程,图老师教程网

9.1、双击图层调节图层样式:颜色叠加

Photoshop绘制立体风格的简洁按钮教程,PS教程,图老师教程网

9.2、效果如图

Photoshop绘制立体风格的简洁按钮教程,PS教程,图老师教程网

9.3、新建几个小椭圆位置如图。

Photoshop绘制立体风格的简洁按钮教程,PS教程,图老师教程网

10、选择大椭圆所对应的小圆图层调整图层样式。

Photoshop绘制立体风格的简洁按钮教程,PS教程,图老师教程网

Photoshop绘制立体风格的简洁按钮教程,PS教程,图老师教程网

10.1、效果图

Photoshop绘制立体风格的简洁按钮教程,PS教程,图老师教程网

11、打上文字然后调节图层样式。

Photoshop绘制立体风格的简洁按钮教程,PS教程,图老师教程网

Photoshop绘制立体风格的简洁按钮教程,PS教程,图老师教程网

最终效果

Photoshop绘制立体风格的简洁按钮教程,PS教程,图老师教程网

展开更多 50%)
分享

猜你喜欢

Photoshop绘制立体风格的简洁按钮教程

PS PS基础
Photoshop绘制立体风格的简洁按钮教程

Photoshop简单绘制立体按钮的教程

PS PS基础
Photoshop简单绘制立体按钮的教程

s8lol主宰符文怎么配

英雄联盟 网络游戏
s8lol主宰符文怎么配

Photoshop绘制超强质感立体按钮教程

PS PS基础 ps平面设计教程 ps去水印教程
Photoshop绘制超强质感立体按钮教程

Photoshop绘制立体风格的红心教程

PS PS基础
Photoshop绘制立体风格的红心教程

lol偷钱流符文搭配推荐

英雄联盟 网络游戏
lol偷钱流符文搭配推荐

Photoshop绘制立体透明风格的泡泡教程

PS PS基础
Photoshop绘制立体透明风格的泡泡教程

Photoshop绘制立体风格的逼真网球教程

PS PS基础
Photoshop绘制立体风格的逼真网球教程

lolAD刺客新符文搭配推荐

英雄联盟
lolAD刺客新符文搭配推荐

Photoshop详解5种关键因素还原照片通透感

Photoshop详解5种关键因素还原照片通透感

Photoshop给街道上行走女孩添加复古逆光效果

Photoshop给街道上行走女孩添加复古逆光效果
下拉加载更多内容 ↓