Photoshop快速制作透明的导航按钮

2016-02-01 21:48 5 1 收藏

只要你有一台电脑或者手机，都能关注图老师为大家精心推荐的Photoshop快速制作透明的导航按钮，手机电脑控们准备好了吗？一起看过来吧！

【 tulaoshi.com - ps入门教程】

透明物体是通过背景进行参照，体现出质感。而本例里是讲解白色透明背景，如果背景太亮，会导致对比不明显。
最终效果

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

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

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

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

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

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

最终效果：

来源:https://www.tulaoshi.com/n/20160201/1525584.html

上一篇：利用画笔及滤镜制作细腻的彩色带斑光丝
下一篇：巧用替换颜色快速打造紫色的照片

看过《Photoshop快速制作透明的导航按钮》的人还看了以下文章更多>>

Photoshop制作精致的黑光水晶导航按钮

标签： PS PS基础 PS效果

本教程介绍主色为黑色水晶按钮的制作方法。大致过程：做好想要的按钮形状以后，填充黑色，用图层样式做出简单的高光效果。然后再添加一些纹理和反光效果即可。最终效果 1、打开下图所示的背景素材。 2、新建图层并命名为“按钮”，选择“矩形工具”，单击工具选项栏中的“填充像素”按钮进行绘制。 3、为“...

Photoshop制作漂亮的蓝色透明玻璃按钮

标签： PS PS基础 PS效果

按钮分为两个大的部分来制作：中间的蓝色水晶及边缘透明度玻璃部分。制作方法基本相同，只需要找出相应的高光部分并渲染出来即可。最终效果 1、新建一个800 * 600像素的文档，背景填充暗紫色：#752874，如下图。图1 2、先来制作中间的蓝色水晶部分，需要完成的效果如下图。图2 3、新建一个组，选择椭圆选框工...

Photoshop制作一个精细的导航按钮

标签： PS PS基础 PS效果

网页设计中按钮的制作非常重要，精致的按钮会给网页增色不少。下面的教程介绍一款非常不错的按钮的制作方法。制作过程比较简单：先用图形工具制作出按钮的形状，然后加上一些简单的图像样式做底色。然后再加上高光及文字等即可完成效果。最终效果 1、打开photoshop，然后新建一个文档250*150，并填充背影:#252a38。 2...

Photoshop制作透明风格的网页导航条

标签： PS PS基础

首先声明，这个透明的导航不是我发明的，我是借鉴和学习，其次，我在做的过程中遇到很多问题，是前辈们没有讲出来的。是通过我一点点研究出来的成果，所以解决的问题是原创，最后，希望把东西分享给更多的人，让大家少走弯路，多进步。先发一组模拟的效果图那么接下来我们开始吧 1. 新建一个画布(我的是1000*1000px，新手可以效仿)...

Photoshop制作金属边框的蓝色透明按钮

标签： PS PS基础 PS效果

本教程的按钮构成部分不多，总共为两大部分，金属外框和蓝色玻璃部分。制作的时候只要画好相应的图层，加上图层样式效果就出来了。制作过程比较简单。最终效果 1、将背景色填充为黑色。前景色设为 #0090ff ，用“形状工具”在画布中央画一个圆。 2、对这个圆应用下面的图层属性： 3、最终，你得到这样的效果： 4、用“矩形...

查看更多精彩>>