Photoshop设计华丽的立体钻石按钮

2016-02-16 02:32 43 1 收藏

给自己一点时间接受自己,爱自己,趁着下午茶的时间来学习图老师推荐的Photoshop设计华丽的立体钻石按钮,过去的都会过去,迎接崭新的开始,释放更美好的自己。

【 tulaoshi.com - PS 】

先来看看最终效果图:

Photoshop设计华丽的立体钻石按钮,PS教程,图老师教程网

具体制作步骤:

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

一、运行PS软件,新建一文档,输入文档名称,尺寸自定义,白色背景。

二、新建一层,选择椭圆工具,同时按Shift键拉一个白色圆形,并为其添加图层样式。首先添加渐变叠加--混合模式为正常--不透明度为100%--样式为线性,打开编辑器编辑渐变颜色,从左至右依次为#000000 #8d0d0a #650000 #ab1919 #b21818 #d51818 #ffffff,如下图:

Photoshop设计华丽的立体钻石按钮,PS教程,图老师教程网

Photoshop设计华丽的立体钻石按钮,PS教程,图老师教程网

三、添加内发光样式--混合模式为滤色--不透明度59%--方法为柔和--大小为1像素,详细设置如图:

Photoshop设计华丽的立体钻石按钮,PS教程,图老师教程网

四、继续添加投影--混合模式为正版片叠底--大小为5像素,如图所示:

Photoshop设计华丽的立体钻石按钮,PS教程,图老师教程网

五、复制该层--得到圆形副本层并调整图层顺序放其下面,按CTRL+T,再按SHIFT+ALT拖动鼠标拉大圆形,载入圆形层的选区删除,我们便得到了一个圆环的形状。

Photoshop设计华丽的立体钻石按钮,PS教程,图老师教程网

六、我们来为圆环添加图层样式,添加渐变叠加--混合模式为正常--不透明度为100%--样式为线性,编辑渐变颜色,从左至右依次为#a97f2c #fce5ba #a97f2c #fce8b1 #a97f2c,如图设置:

Photoshop设计华丽的立体钻石按钮,PS教程,图老师教程网

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

Photoshop设计华丽的立体钻石按钮,PS教程,图老师教程网

七、继续添加描边--大小为5像素--位置为外部--样式为线性--角度为135度,详细设置如图:

Photoshop设计华丽的立体钻石按钮,PS教程,图老师教程网

Photoshop设计华丽的立体钻石按钮,PS教程,图老师教程网

八、接下来添加斜面和浮雕--样式为描边浮雕--深度为81%--大小为4像素--方向为向上,如图设置:

Photoshop设计华丽的立体钻石按钮,PS教程,图老师教程网

Photoshop设计华丽的立体钻石按钮,PS教程,图老师教程网

九、添加内阴影--混合模式为正片叠底--不透明度为60%--距离为4像素--大小为7 像素,详细参数如图:

Photoshop设计华丽的立体钻石按钮,PS教程,图老师教程网

十、最后添加投影--混合模式为正片叠底--距离为5像素--扩展为22%--大小为12像素,详细参数如图:

Photoshop设计华丽的立体钻石按钮,PS教程,图老师教程网

十一、复制圆环层--得到圆环副本--调整图层顺序放置在最上面,添加图层样式--图案叠加(钻石图案),最后添加内发光效果,参数如图:

Photoshop设计华丽的立体钻石按钮,PS教程,图老师教程网

Photoshop设计华丽的立体钻石按钮,PS教程,图老师教程网

十二、我们最后为按钮添加文本,可根据需求任意添加,此时效果如图:

Photoshop设计华丽的立体钻石按钮,PS教程,图老师教程网

十三、经过调整后,最终效果展示图:(最后感谢您的阅读,感谢您的支持!)

Photoshop设计华丽的立体钻石按钮,PS教程,图老师教程网

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

延伸阅读
标签: PS PS基础
标签式按钮常常用在附属导航中,线条非常漂亮,效果图如下: 下载  /uploads/soft/2012/201210/1-12101G55I1.zip 下面是具体实现步骤: 一、Ctrl+N新建一个文档,580像素宽,290像素高,白色背景,其他选项默认。给前景色选择一种灰色,我这里用的颜色是#898989,使用Alt+Delete键给背景图层填充此颜色。然后新建一个图层,选择圆...
【PS文字特效】Photoshop设计制作大气华丽魔幻的金色立体字   教程中的立体字也是手工完成,其中立体面的制作非常不错,作者用复制的方法得到立体面,然后把立体面再细分成几个部分,分别用不同的图层样式加上颜色和质感,效果非常细腻。 最终效果 1、打开背景素材。 2、然后我们来制作字Tulaoshi.Com效,首先...
来源:PS联盟 作者:Sener 多层立体字制作方法跟立体字相似,只是底部的立体部分多了几个层次,相当于把单个的立体面分成几份,分别加上了不同的颜色。 最终效果 1、新建一个100 * 600像素的文档,选择渐变工具,颜色设置为暗青色只黑色渐变,然后由中心向边角拉出图2所示的径向渐变作为背景。 图1 图2 2、打开图3所示的文字素材,也...
最终效果图 1、首先你需要用钢笔工具作出一个和图中相类似的形状,形状完成后用CTRL+ENTER转换成选区;再www.Tulaoshi.com随便使用一个颜色填充;在打开双击此图层打开图层样式对话框,勾选渐变叠加做以下设置: 2、再在其上面建立一个新图层并用链接按钮将它们链接起来,在按CTRL+E将这2个图层合并。(这么做的目的是用一个...
标签: PS PS基础
图层样式是每个设计师都常用的功能,合理巧妙的应用能大大的节省我们的工作时间,提高工作效率,今天我来分享一下平时工作中对图层样式应用的一点技巧,希望对新手有点帮助,我们的目标:简单实用。 一、按钮篇 在制作页面的按钮时,我们希望保证设计风格的情况下,能够最大程度适应各类修改情况,比如:尺寸,色调,形状的修改等等。 下面...

经验教程

787

收藏

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