ps如何制作透明按钮效果

2015-02-09 10:30 186 1 收藏

今天跟大家分享一篇Photoshop制作透明的导航按钮教程,设计创意来源于生活,同样服务于生活,生活中的一些问题,掌握技巧可以快速解决,这才是学以致用哦!

【 tulaoshi.com - ps相片处理 】

 

1、打开下图所示的背景素材,选择菜单:滤镜 > 模糊 > 高斯模糊,数值稍微大一点,效果如下图。

2、把前景色设置为绿色,用圆角矩形工具拉一个合适的圆角矩形,然后选择钢笔工具,在属性栏选择“合并形状”,勾出底部三角形形状,如下图。 把当前图层填充改为:0%,此时形状的颜色就消失了,但是你会发现形状路径还在。  

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

3、给当前形状添加图层样式,设置:内发光、内阴影,投影,参数及效果如下图。

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

4、输入想要的文字,文字用白色,再添加投影样式,如下图。

5、按照下面的过程给顶部边框,边角位置增加高光效果。

6、这样一个透明的质感就完成了,导航的技法是一样的。  

最终效果:

 

来源:https://www.tulaoshi.com/n/20150209/140361.html

延伸阅读
PS制作质感按钮教程 教程使用混合模式和遮罩效果制作网页按钮 打开photoshop,新建空白文档。 为了不让白色背景看起来乏味,增加一个渐变叠加效果。渐变颜色为# f3f3f3到# c6c6c6。 选择圆角矩形工www.tulaoshi.com具,创建按钮的的主要形状,半径为5 px。 添加渐变叠加图层样式。渐变颜色从#0d3079到#5...
最终效果图 1、首先,填充一个浅灰的底,目的是为了突出按钮的高光位置,有其是边缘的。我现在把文字和高光的图层给去掉了,只留下最重要的部分。这个图层,就只有样式,你看到的效果,全都是样式Tulaoshi.com做出来的。看到了吗?都用了那几种样式? 2、有了基本认识,接下来,新建一个图层,偶先画了一个倒角的方形,偶比...
PS制作蓝色质感按钮 我们先来看看制作完成的效果: 下面是具体的制作步骤介绍: 1、新建一个500*350的文档,设置前景色为#026d8d,背景色为#01c1e2,然后使 用渐变工具拖动制作从前景到背景的渐变 (www.tulaoshi.com) 2、使用圆角矩形工具,选择形状图层模式,设置半径为10px,绘制按钮 3、设置按钮的图层样...
最终效果图 www.Tulaoshi.com 最终效果图
标签: PS PS基础
透明物体是通过背景进行参照,体现出质感。而本例里是讲解白色透明背景,如果背景太亮,会导致对比不明显。 最终效果 1、打开下图所示的背景素材,选择菜单:滤镜 模糊 高斯模糊,数值稍微大一点,效果如下图。 2、把前景色设置为绿色,用圆角矩形工具拉一个合适的圆角矩形,然后选择钢笔工具,在属性栏选择合并形状,勾出底...

经验教程

221

收藏

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