四、突出透明效果,添加网格背景
下面我们再把这个按钮变得更完美些吧。既然是水晶按钮,那就是透明的。如果我们在底下垫一层网格,那就应该会透出一些来。看图,我们在底下加上网格。

这里有两个同样的按钮,都不透明。下面我们要把下面那个水晶按钮变得透明。
要让它透明,首先要想它为什么原来不透明?——是渐变叠加那里,它是一个不透明的渐变色,于是让按钮不透明了。
打开样式的渐变叠加对话框,看看参数有什么可调整变化的。

对,有个不透明性。原来是100%,我们下降到56%看看效果如何?

果然,整个按钮透明了。
这个时候有人会问,为什么不把那个按钮层全层下降不透明度呢?我们来看看比较。

整个图层的不透明度下降后,的确是透明了,但边缘也模糊了,让人觉得立体感就没有了。原因就在于那些产生立体感的样式:内阴影、内发光、阴影也一并透明了,因此效果就下降了。我们看第二行第一个按钮,是有颜色的水晶按钮,立体感仍在。
把渐变样式变成完全透明又如何呢?这里还要记住,那个内阴影是有颜色的,我们把渐变色去掉之后,也要把内阴影变成灰色(灰色就是中性色,不带色相的),这就产生了无色彩的透明玻璃按钮,第二行第二个。
追求完美的人可能还会说,玻璃会有折射的吧,下面的网格不应该是平的才对。很对!但考虑到我们的按钮比较靠近背景,发生的透镜效果不会太明显,如果我们一定要这个透镜效果的话,那就要把后面的背景做些透镜变化了。这种方法的确可行,但会让背景破坏,如果我要移动按钮位置的话,就更麻烦了。所以考虑再三,先忽略这个效果,日后在有需要的时候、定稿的时候,再做不迟。最后我们给出一个有透镜效果的透明按钮图。
