PS设计教程网欢迎你!

Photoshop设计金黄色的3D立体按钮

文章来源于 站酷,感谢作者 老三DESIGN 给我们带来经精彩的文章!
设计教程/PS教程/设计教程2012-10-23
本教程主要使用Photoshop设计质感的3D立体效果网页图标,主要使用图层样式来完成,喜欢的朋友然我们一起来学习吧。

先看看效果图

Photoshop设计金黄色的3D立体按钮

1.新建大小自定,这里500*300。

2.前景色设置纯黑,选择形状工具,形状圆角矩形工具,在背景上层拉出形状适当钢笔修改下,如下图

Photoshop设计金黄色的3D立体按钮

3.添加形状1的图层样式,渐变叠加 颜色-838383-020202-838383- 如下图

Photoshop设计金黄色的3D立体按钮

4.复制形状1用移动工具,稍微往上移动 ,添加图层样式 投影请看下图。渐变叠加 颜色-ffffff-

afafaf-ffffff-afafaf-4a4a4a-afafaf-3e3e3e-ffffff-afafaf

Photoshop设计金黄色的3D立体按钮

Photoshop设计金黄色的3D立体按钮

5.为了方便,在复制形状 大家可以自己选择形状1或形状2。用变换工具缩小形状3.

Photoshop设计金黄色的3D立体按钮

6.添加形状3.图层样式,投影看下图。渐变叠加 颜色 -513900-b07c00-473200-946800-。

Photoshop设计金黄色的3D立体按钮

Photoshop设计金黄色的3D立体按钮

版权所有PS设计教程网公安备案:苏公网安备 32058302001023号工信部备案:沪ICP备09005587号
aaa