只要你有一台电脑或者手机,都能关注图老师为大家精心推荐的Photoshop快速制作透明的导航按钮,手机电脑控们准备好了吗?一起看过来吧!
透明物体是通过背景进行参照,体现出质感。而本例里是讲解白色透明背景,如果背景太亮,会导致对比不明显。
最终效果![](http://img.tulaoshi.com/image/20160202/b3d87028092c433003b75621544e71e5.jpg)
![](http://img.tulaoshi.com/image/20160202/e9c6a6beade4b356e3e5a09cfc6fb949.jpg)
(本文来源于图老师网站,更多请访问http://m.tulaoshi.com)
1、打开下图所示的背景素材,选择菜单:滤镜 模糊 高斯模糊,数值稍微大一点,效果如下图。![](http://img.tulaoshi.com/image/20160202/cd30298906f4061d259ee457d3494851.jpg)
(本文来源于图老师网站,更多请访问http://m.tulaoshi.com)![](http://img.tulaoshi.com/image/20160202/7e0b9c9af4f70d6d6bffe58a4c8f50df.jpg)
2、把前景色设置为绿色,用圆角矩形工具拉一个合适的圆角矩形,然后选择钢笔工具,在属性栏选择“合并形状”,勾出底部三角形形状,如下图。
把当前图层填充改为:0%,此时形状的颜色就消失了,但是你会发现形状路径还在。![](http://img.tulaoshi.com/image/20160202/1e4ca874feb1e2904b5913d1ad3922d4.jpg)
3、给当前形状添加图层样式,设置:内发光、内阴影,投影,参数及效果如下图。![](http://img.tulaoshi.com/image/20160202/86d4d3866ba3e360c5f05f47b911fa8a.jpg)
![](http://img.tulaoshi.com/image/20160202/45d7c0f9cca5113bd5ad5a6b0945b13f.jpg)
![](http://img.tulaoshi.com/image/20160202/03f8859d438c86b8d19d86bb22be63d4.jpg)
4、输入想要的文字,文字用白色,再添加投影样式,如下图。![](http://img.tulaoshi.com/image/20160202/36beb8fbf2c5ea50eea882bed860e4a8.jpg)
5、按照下面的过程给顶部边框,边角位置增加高光效果。![](http://img.tulaoshi.com/image/20160202/b60f1e89720fde343f0d434732dc9251.jpg)
![](http://img.tulaoshi.com/image/20160202/ecb87aa841fabd9bee8d4dc4c003a187.jpg)
6、这样一个透明的质感就完成了,导航的技法是一样的。![](http://img.tulaoshi.com/image/20160202/2757239feb90c0c4707b48265a0fe3c9.jpg)
最终效果:![](http://img.tulaoshi.com/image/20160202/b3d87028092c433003b75621544e71e5.jpg)